/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('font/RobotoCondensed-Bold.ttf') format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('font/RobotoCondensed-Bold.ttf') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('font/RobotoCondensed-Bold.ttf') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.toast_success {
    float: right;
    margin-top: 15%;
    position: absolute;
    width: 100%;
    text-align: right;
}
.category-parent, .category-input{
    width:100% !important;
}
#tinh, #huyen{
    width: 100% !important;
}
#toast_title {
    width: 200px;
    text-align: center;
    color: white;
    border-radius: 4px;
    padding-top:3px;
    padding-bottom:3px;
}

.toast_success_title {
    background: rgba(34,139,34,0.8);
}
.toast_success {
    float: right;
    margin-top: 3%;
    position: absolute;
    width: 100%;
    text-align: right;
}
.toast_warning_title {
    background: rgba(255,165,0,0.8);
}
.toast_warning{
    display: block;
    float: right;
    position: relative;
    z-index: 9999999999;
}
.toast_error_title {
    background: rgba(255,69,0,0.8);
}

.border_red {
    border-color: red !important;
}

.login_tab {
    border-bottom: solid 5px #ccc;
    text-align: center;
    cursor: pointer;
}

.login_active {
    border-bottom: solid 5px blue !important;
}

.navbar-default {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: #FFF;
}

    .navbar-default .navbar-brand {
        color: #FFF;
    }

        .navbar-default .navbar-brand:hover {
            color: #FFB800;
        }

    .navbar-default .navbar-nav > .active > a {
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .navbar-default .navbar-nav > li > a {
        color: #999;
    }

        .dropdown-menu > li > a,
        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #FFF;
        }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

.dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8);
}

    .dropdown-menu > li > a:hover {
        color: #555 !important;
    }

@media (max-width:768px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:hover {
        color: #FFF !important;
    }
}

.navbar-nav > li > a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.title_table {
    font-weight: bold;
    width: 100%;
    text-align: right;
    margin-right: 10px;
}

.dialog-title {
    margin-top: 10px;
    font-weight: bold;
}

.td_number {
    text-align: right;
    padding: 5px !important;
}

.td_text {
    text-align: right;
    padding: 5px !important;
    line-height: 24px;
}

.row_baocao {
    padding: 5px;
    line-height: 24px;
}

    .row_baocao > td {
        padding: 5px;
        line-height: 24px;
    }

.region_data {
    border: solid 1px #ccc;
    border-radius: 4px;
    box-shadow: 5px 5px 5px #ccc;
    padding: 13px;
}

.region_title {
    border-bottom: solid 1px #ccc;
    width: 100%;
    text-indent: 13px;
    font-weight: bold;
    color: red;
    padding-bottom: 10px;
}
.table_header_stt{
    width:70px !important;

}
.td_normal_stt{
    text-align:center;
    border: solid 1px #ccc;
}
.table_header_control{
    width:120px !important;
}
.td_normal_control{
    text-align:center;
    border: solid 1px #ccc;
}
.td_normal_center{
    text-align:center;
    border: solid 1px #ccc;
}
.td_normal, .td_normal_control{
    line-height:24px;
}
#listSotke > tr:hover {
    background-color:antiquewhite;
}