.search-row {
    margin-right: -5px;
    margin-left: -5px;
}

    .search-row > div[class^='col-lg'] {
        padding-right: 5px;
        padding-left: 5px;
    }

    .search-row.upper {
        margin-bottom: 10px;
    }

    .search-row:after, .search-row:before {
        display: table;
        content: " ";
    }

    .search-row:after {
        clear: both;
    }

.col-kk-12 {
    float: left;
    width : 100%;
}

@media (min-width: 992px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }
}

.pull-right {
     float: right; 
}

.input-sm {
    padding: 3px 9px;
    font-size: 13px;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.agree-link-btn {
    font-size: 1rem;
    margin-left: 0.5rem;
}

    .agree-link-btn > a {
        font-size: 0.75rem;
        border-width: 1px;
        border-color: #319272;
        background-color: #ffffff;
        color: #319272;
        border-radius: 1rem;
    }

        .agree-link-btn > a:hover,
        .agree-link-btn > a:active {
            background-color: #319272 !important;
            border-color: #319272 !important;
        }

        .agree-link-btn > a:focus,
        .agree-link-btn > a:active {
            box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem RGB(49, 146, 114, 0.5) !important;
        }


/* Test */
.col-ib-3 {
    width : 25%;
}

.img-ib img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

.head-ib {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 8px;
}