.borderBoxLogin {
    border: 1px dashed #bad4eb;
    border-radius: 10px;
    padding: 3px;
}

.bgBoxlogin {
    border-radius: 10px;
    /*background:rgba(255, 255, 255, 0.7);*/
    background: url(../images/bg-trongdong.png) no-repeat center center;
}

.frmLogin input {
    border: 1px solid #56a9ce;
}

.infoDT {
    color: #fff;
    margin-left: 25px;
    margin-right: 14px;
    font-family: arial;
}

.col01,
.col02 {
    display: table-cell;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}

.brdtop {
    border-top: 1px dashed #92bfe1;
}

.address {
    padding-left: 15px;
}

@media screen and (max-width: 991px) {
    .infoDT {
        display: none;
    }
}

.form-control::-moz-placeholder {
    color: #414141;
}

.frmLogin .form-group {
    margin-bottom: 10px;

}

.frmLogin .form-group input {
    padding: 9px 12px 9px 35px;
}

/*.inputlanguage input
{
	background
}*/
.language input {
    height: 43px;
    border: 1px solid rgb(86, 169, 206) !important;
    padding: 9px 12px 9px 35px;
    background: url("../img/language.png") left 8px center no-repeat #fff !important;
}

.language a {
    height: 43px;
    border: 1px solid rgb(86, 169, 206);
}

.z-icon-caret-down:before {
    vertical-align: -webkit-baseline-middle;
}

/* --------------css bổ sung 06/02/2018 ----------------- */
.p0 {
    padding: 0;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mt0 {
    margin-top: 0px;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 6px;
}

.mt7 {
    margin-top: 7px;
}

.mt8 {
    margin-top: 8px;
}

.mt9 {
    margin-top: 9px;
}

.mt10 {
    margin-top: 10px;
}

.mt11 {
    margin-top: 11px;
}

.mt12 {
    margin-top: 12px;
}

.mt13 {
    margin-top: 13px;
}

.mt14 {
    margin-top: 14px;
}

.mt15 {
    margin-top: 15px;
}

.mt16 {
    margin-top: 16px;
}

.mt17 {
    margin-top: 17px;
}

.mt18 {
    margin-top: 18px;
}

.mt19 {
    margin-top: 19px;
}

.mt20 {
    margin-top: 20px;
}

.mt21 {
    margin-top: 21px;
}

.mt22 {
    margin-top: 22px;
}

.mt23 {
    margin-top: 23px;
}

.mt24 {
    margin-top: 24px;
}

.mt25 {
    margin-top: 25px;
}

.mt26 {
    margin-top: 26px;
}

.mt27 {
    margin-top: 27px;
}

.mt28 {
    margin-top: 28px;
}

.mt29 {
    margin-top: 29px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

a:focus {
    outline: none;
}

@media only screen and (max-width: 991px) {
    .hide-on-medium-and-down {
        display: none;
    }

    .li-nav-a::after {
        content: "\f107";
        position: absolute;
        font-family: fontawesome;
        font-size: 16px;
        right: 12px;

    }
}

@media only screen and (min-width: 992px) {
    .hide-on-large-and-up {
        display: none !important;
    }
}

.z-select-5 {
    appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    background: #fff url("../images/ic_arrow_drop_down_48px-20.png") right 10px center no-repeat !important;
    height: 39px;
    border-radius: 24px;
    font-weight: bold;
    padding-left: 15px !important;
}

.schedule {
    display: block;
}

.tit_week {

    border-radius: 5px;
    padding-left: 6px;
}

.tit_lanhdao {
    padding-bottom: 9px;
    padding-top: 9px;
}

.tit_lanhdao img {
    float: left;
    margin-right: 7px;
    margin-top: 0px;
    width: 20px;
}

.tit_lanhdao a {
    color: #FFFFFF !important;
    display: block;
    font-size: 15px;
    height: 18px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px #666666;
}

.txtnoidung {
    font-size: 14px;
    display: block;
    line-height: 17px;
    text-align: justify;
    font-family: arial !important;
}

.daytime {
    font-weight: bold;
    margin-right: 5px;
    font-size: 14px;
}

.lanhdao ul li {
    border-bottom: 1px dashed #f0f2f4;
    font-size: 13px;
    padding: 0px;
    background: url(images/bg_li_tour.png) no-repeat right center;
    overflow: hidden;
    margin-top: 9px;
}

.lanhdao ul {
    margin-left: 0px;
}

.view-title {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    font-size: 13px;
    line-height: 18px;
}

.calendarTitle>span {
    font-weight: bold;
    color: #0F3B82;
    font-size: 16px;
}

div input:focus,
div select:focus,
div textarea:not(.tbAbstract):not(.labelAbstract):not(.tbxContent):focus,
div .z-chosenbox:focus {
    color: black !important;
    font-size: 14px !important;
    background: #EDEDED !important;
}

div input,
div select,
div textarea,
div .z-chosenbox {
    font-size: 14px !important;
    color: black !important;
}

div .tbAbstract:focus,
div .labelAbstract:focus,
div .tbxContent {
    font-size: 17px;
}

div .numberOfDoc:focus,
div .numberOfPage:focus,
div .z-combobox-input:focus,
div .z-select:focus,
div .invitationContent:focus,
div .lboxBook:focus,
div .z-combobox-input:focus,
div .tbxInvitCode:focus,
div .tbxHour:focus,
div .tbxLocaltion:focus,
div .numberOfPage:focus,
div .numberOfDoc:focus,
div .tbxNote:focus {
    font-size: 14px !important;
    background: #EDEDED !important;
}

div .control-label {
    font-size: 12px !important;
}

span .z-chosenbox-item-content {
    font-size: 14px !important;
    color: #000 !important;
}

a i.z-icon-caret-down {
    display: none !important;
}

/* hienvd css */
.m-b-3 {
    margin-bottom: 3px !important;
}

.menu-min span.badge-warning {
    margin-left: 40px !important;
}

/* button:focus, a:focus {
    outline:0 !important;
} */
/* .z-treerow .z-treecell {
    padding-top: 8px !important;
}
.z-image {
    height: 22px !important;
    width: 22px !important;
} */
/* .sidebar span.badge-warning {
    margin-left: 12px !important;
} */
.sidebar .menu-min span.badge-warning {
    margin-left: 40px !important;
}

ul#menuTop {
    overflow-x: overlay;
    display: inline-flex;
    white-space: nowrap;
}

/* width */
::-webkit-scrollbar {
    width: 12px;
    height: 9px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media only screen and (max-width: 1920px) and (min-width: 1821px) {
    ul#menuTop {
        width: 1330px !important;
    }
}

@media only screen and (max-width: 1820px) and (min-width: 1601px) {
    ul#menuTop {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1600px) {
    ul#menuTop {
        max-width: 1080px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1368px) {
    ul#menuTop {
        max-width: 930px;
    }
}

@media only screen and (max-width: 1367px) and (min-width: 1360px) {
    ul#menuTop {
        width: 875px !important;
    }
}

@media only screen and (max-width: 1359px) and (min-width: 1281px) {
    ul#menuTop {
        width: 845px !important;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1153px) {
    ul#menuTop {
        width: 700px !important;
    }
}

@media only screen and (max-width: 1152px) and (min-width: 1025px) {
    ul#menuTop {
        width: 595px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    ul#menuTop {
        width: 550px !important;
    }
}

.form-search .ColVis.btn-group .ColVis_Button.ColVis_MasterButton,
.form-search button.DTTT_button {
    font-weight: bold;
}

.label-info,
.label-detail {
    font-size: 13px !important;
}

.ellipsis-1>div {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-2>div {
    /*     display: -webkit-box; */
    /*     -webkit-line-clamp: 2; */
    /*     -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-3>div {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-4>div {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.animation-label {
    animation: color-change 2s infinite;
}

.animation-label-second {
    animation: color-change 2s infinite;
    animation-delay: 1s;
}

.animation-label-black {
    animation: color-change-black 1s infinite;
}

.badge-item {
    margin-left: auto;
    background-color: #f89406;
    padding: 0 5px;
    border-radius: 10px;
    color: white;
    min-width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
}

.image-32 {
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin-right: 10px;
}

.title-cell span {
    font-weight: bold !important;
}

.processing-span {
    color: #7e7ee1;
}

.success-span {
    color: black;
}

.un-process-span {
    color: #ef6282;
}

.fail-span {
    color: red;
}


@keyframes color-change {
    0% {
        color: red;
    }

    20% {
        color: #f7e5e5;
    }

    100% {
        color: red;
    }
}

@keyframes color-change-black {
    0% {
        color: black;
    }

    20% {
        color: #c9c9c9;
    }

    100% {
        color: black;
    }
}