.box-dashboard {
    max-height: 300px;
}

    .box-dashboard .box-body {
        max-height: 250px;
        overflow-x: auto;
        overflow-y: none;
    }



.ioiort-desktop {
    display: block;
}

.ioiort-mobile {
    display: none;
}

@media only screen and (max-width: 600px) {
    .ioiort-desktop {
        display: none;
    }

    .ioiort-mobile {
        display: block;
    }
}




/*Custom style*/
a:hover {
    cursor: pointer;
}

/*.text-right {text-align:right;}*/


/*custom menu level 2*/
#horizontal-navbar .navbar-nav li.active > ul.dropdown-menu li a::before {
    content: none;
}

#horizontal-navbar .navbar-nav li.active > ul.dropdown-menu li a, #horizontal-navbar .navbar-nav li.active > ul.dropdown-menu li a i {
    background-color: #dfe0e2;
    color: #3f444c;
}

    #horizontal-navbar .navbar-nav li.active > ul.dropdown-menu li a:hover, #horizontal-navbar .navbar-nav li.active > ul.dropdown-menu li a:hover i {
        background: #d2d3d6;
        color: #3f444c;
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0) !important;
    }

#horizontal-navbar .navbar-nav li.active > ul.dropdown-menu li.active a, #horizontal-navbar .navbar-nav li.active > ul.dropdown-menu li.active a i {
    background-color: #595f69;
    color: #ffffff;
}
/*end menu level 2*/


/*hoadm added 31102015*/
.validate-label > label:after {
    content: " *";
    color: red;
}

/*chuongtv add */
.validate-inside-label:after {
    content: " *";
    color: red;
}


div.checkbox-custom {
    margin-top: 0;
}






.w-30 {
    width: 30px;
}

.w-50 {
    width: 50px;
}

.w-100 {
    width: 100px;
}

.w-150 {
    width: 150px;
}
.w-full {
    width: 100%;
}


.text-italic {
    font-style: italic;
}















/*thong bao doi cho*/
.sk-fading-circle {
    /*margin: 100px auto;*/
    width: 40px;
    height: 40px;
    position: relative;
}

    .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #000;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}


/*hint*/

.hint {
    position: fixed;
    color: #1d1d1d;
    padding: 10px;
    font-size: 12px;
    width: auto;
    max-width: 220px;
    margin-top: 10px;
    z-index: 1030;
    display: none;
    border: 1px #eee solid;
}

    .hint .hint-title,
    .hint .hint-text {
        color: inherit;
        text-align: left;
    }

    .hint .hint-title {
        font-size: 1.2em;
        font-weight: bold;
    }

    .hint:before {
        content: '';
        position: absolute;
        background-color: inherit;
        width: 10px;
        height: 10px;
        border: 1px #eee solid;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .hint:before {
        z-index: 2;
    }

    .hint.bottom:before {
        top: 1px;
        left: 5px;
        margin: -7px 0;
        border-bottom: none;
        border-right: none;
    }

    .hint.top:before {
        top: 100%;
        margin-top: -5px;
        left: 5px;
        border-top: none;
        border-left: none;
    }

    .hint.left:before {
        top: 5px;
        left: 100%;
        margin-left: -5px;
        border-bottom: none;
        border-left: none;
    }

    .hint.right:before {
        top: 5px;
        left: -9px;
        margin: 1px 0 0 3px;
        border-top: none;
        border-right: none;
    }

.hint2 {
    position: fixed;
    color: #1d1d1d;
    padding: 10px;
    font-size: 12px;
    width: auto;
    max-width: 220px;
    margin-top: 10px;
    z-index: 1030;
    display: none;
    border: 1px #eee solid;
}

    .hint2 .hint-title,
    .hint2 .hint-text {
        color: inherit;
        text-align: left;
    }

    .hint2 .hint-title {
        font-size: 1.2em;
        font-weight: bold;
    }

    .hint2:before {
        content: '';
        position: absolute;
        background-color: inherit;
        width: 10px;
        height: 10px;
        border: 1px #eee solid;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .hint2:before {
        z-index: 2;
    }

    .hint2.bottom:before {
        top: 1px;
        left: 5px;
        margin: -7px 0;
        border-bottom: none;
        border-right: none;
    }

    .hint2.top:before {
        top: 100%;
        margin-top: -5px;
        left: 5px;
        border-top: none;
        border-left: none;
    }

    .hint2.left:before {
        top: 5px;
        left: 100%;
        margin-left: -5px;
        border-bottom: none;
        border-left: none;
    }

    .hint2.right:before {
        top: 5px;
        left: -9px;
        margin: 1px 0 0 3px;
        border-top: none;
        border-right: none;
    }

    .hint2.no-border {
        border: none;
    }

        .hint2.no-border:before {
            border: none;
        }

        .hint2.no-border.right:before {
            left: -7px;
        }

    .hint2.bottom:before {
        top: 1px;
        left: 50%;
        margin: -7px 0 0 -5px;
        border-bottom: none;
        border-right: none;
    }

    .hint2.top:before {
        top: 100%;
        margin-top: -5px;
        left: 50%;
        margin-left: -5px;
        border-top: none;
        border-left: none;
    }

    .hint2.left:before {
        top: 50%;
        margin-top: -5px;
        left: 100%;
        margin-left: -5px;
        border-bottom: none;
        border-left: none;
    }

    .hint2.right:before {
        top: 50%;
        margin: -5px 0 0 3px;
        left: -9px;
        border-top: none;
        border-right: none;
    }

    .hint.no-border,
    .hint2.no-border {
        border: none;
    }

        .hint.no-border:before,
        .hint2.no-border:before {
            border: none;
        }

        .hint.no-border.right:before,
        .hint2.no-border.right:before {
            left: -7px;
        }

    .hint2.line {
        padding: 2px 4px;
        border: none;
        display: block;
        max-width: 100%;
        margin: -5px 0 4px 0;
    }

        .hint2.line:before {
            display: none;
        }
/*end hint*/

/*22-12-2015*/
.gallery img {
    height: 120px;
    width: 150px;
}

.panel-nobox {
    border: none !important;
}

    .panel-nobox .panel-heading {
        background-color: #fff !important;
        color: #000 !important;
    }

        .panel-nobox .panel-heading h4 {
            margin: 0 10px !important;
            float: left !important;
            color: #000 !important;
        }

        .panel-nobox .panel-heading .options {
            float: left !important;
        }

            .panel-nobox .panel-heading .options .nav-tabs {
                top: 0 !important;
            }

    .panel-nobox .panel-body {
        border-top: 2px solid #0c1d40 !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
    }

.table-custom > tbody > tr > td {
    border-bottom: 1px solid #e6e7e8 !important;
    border-top: none !important;
}