.list-group .list-group-item{border: none}
.text-muted {color: #a9a9a9!important;}
.btn-flat{border-radius:0!important;}
.jqclock{min-height:40px;color: #fff;font-weight: 600;}
.clockdate {font-weight: 600;color: #fff;display: block;}
.clocktime {font-size: 14px;font-family: "Courier";color: #fff;display: block;font-weight:700;}
.sidebar.sidebar-style-2 .nav .nav-item a{border-radius: 0px !important}
#edit-demand-by-domain .select2-container {
    width: 100%!important;
}
.select2-results__option[aria-selected=true] {
    display: none;
}
.bg-alert-danger{
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}
.bg-alert-success{
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;}
.table-bandon th{padding-left: 10px !important; padding-right: 10px !important;}
.text-white{color: #fff !important}
.card .card-body{padding: 10px 15px !important}
.sidebar[data-background-color=dark2] .nav>.nav-item a,
.sidebar .nav>.nav-item a p,.sidebar .nav>.nav-item a i{color: #fff !important}
.sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:hover i,.sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:hover p,.sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:focus i
, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a:focus p,.sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p{color: #fff !important}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-item a i{    margin-left: 15px;}
.green09{background-color: #17b89a !important; background:  #17b89a !important}
.mtl-name{font-weight: 700; color: dodgerblue}
.mtl-phone{font-weight: 500; color: #202020}
.mtl-base{font-weight: 500; color: #202020; line-height: 14px}
.mtl-email{font-weight: 500; color: #202020}
.mtl-address{font-weight: 500; color: #202020}
.mtl-bold{font-weight: 700;}
.note-plus{
    color: #999; font-size: 12px;
    font-style: italic;
}
p{word-break: normal !important;}
.table th p,.table tr td p{font-size: 13px;}
.hidden-md-lg{display: none};
.hidden-sm-xs{display: block};
.clear_fix{clear: both !important}
.table td, .table th{height: 40px;}
.line-row-modal{width: 100%;margin-bottom: 25px}
.modal-content-left{width: 48%}
.modal-content-right{width: 48%; margin-left: 3%}
.note-flag{font-size: 13px;color: #808080; margin: 0; position: absolute; right: 0px; margin-top: -18px;}
.mtl-room{width: 50px;text-align: center;margin: 0; font-weight: 700; position: absolute;font-size: 13px;}
.mtl-room-number{overflow: hidden;margin-top: 12px; margin-left: 25px; font-size: 16px; width: 80px; text-align: center;}
.mtl-room-user{margin-top: 73px; margin-left: 15px;font-size: 12px;}
.mtl-room-vehicle{ margin-top: 73px; margin-left: 65px;font-size: 11px;}
.mtl-room-area{margin-top: 96px; margin-left: 65px; font-size: 11px;}
.mtl-room-price{margin-top: 96px; margin-left: 15px; font-size: 12px;}
.mtl-room-success{width: 126px; text-align: center; margin-top: -15px; font-size: 13px;text-decoration-color: #31ce35 !important;}
.mtl-room-danger{width: 126px; text-align: center; margin-top: -15px; font-size: 13px;margin-left: 1px;}
.mtl-room-warning{width: 126px; text-align: center; margin-top: -15px; font-size: 13px;text-decoration-color: #E18728 !important;}
.mtl-room-info{width: 126px; text-align: center; margin-top: -15px; font-size: 13px;}
.mtl-name-motel{overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;font-size: 14px;margin-bottom: 0; position: absolute; top: 140px; white-space: initial; width: 130px; text-align: center; line-height: 18px;font-weight: 550}
.ul-mtl-room{position: relative;list-style: none; padding-left: 0; word-spacing: normal; overflow-x: auto; height: 185px; line-height: 35px; overflow-y: hidden; white-space: nowrap;}
.ul-room-empty{height: 220px;}
/*NEW*/
.icon-room-mtl{margin-bottom: 3px;}
.status-room {
    margin: 0 0 20px;
    padding: 0px;
    border-left: 0px solid;
    border-radius: 0;
    background: none !important;
    box-shadow: 1px 1px 3px 1px rgba(69,65,78,.1);
}
.status-room.status-room-info {
    border-color: #58d0da !important;
    color: #000;
}
.status-room.status-room-success {
    border-color: #00a65a !important;
    color: #000;
}
.status-room.status-room-warning {
    border-color: #f39c12 !important;
    color: #000;
}
.status-room.status-room-danger {
    border-color: #dd4b39 !important;
    color: #000;
}

/*// END*/
.ul-floor{list-style: none; padding-left: 0; word-spacing: normal; overflow-x: auto; height: 60px; line-height: 26px; overflow-y: hidden; white-space: nowrap;}
.nav-floor{background-color: #48abf7}
.nav-floor a.active{background-color: #6861ce}
.ul-floor::-webkit-scrollbar{width:12px;height:12px;}
.badge::-webkit-scrollbar{width:1px;height:1px;}
.arrow-right{font-size: 25px;display: inline-block; position: absolute; right: 0; padding: 5px 5px; cursor: pointer; top: 45px; font-weight: bold;}
.arrow-left{font-size: 25px;display: inline-block; position: absolute; left: 0; padding: 5px 5px; cursor: pointer; top: 45px; font-weight: bold;}
.sidebar .nav-collapse li a .sub-item{font-size: 13px !important}
.mtl-fullwidth{overflow: hidden;-webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.mtl-fullwidth .mtl-base{word-break: break-all;}
.ajax-loading{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999;
}
.select2-container--bootstrap .select2-results__group {
    color: #202020;
    font-weight: 700;
}
.modal-nav-link{border: none !important; border-radius: 0; text-align: center; font-weight: 700}
.nav-tabs .modal-nav-link .nav-link.active{color: #fff; background-color: #363b4c; border-color: transparent}
.nav-tabs .modal-nav-link .nav-link{border-radius: 0; color: #000}
.hometel-owner-modal{width: 23%; float: left; margin-bottom: 15px; padding-top: 15px; cursor: pointer; margin-left: 1%; margin-right: 1%;}
.box-sm-bandon{margin-bottom: 12px;background: #fff;width:45%; float: left; padding: 10px; border-radius: 0px;box-shadow: 2px 3px 3px 4px rgba(69,65,78,.1);}
.box-customer{border-bottom: 1px solid #ccc}
.name-motel{overflow: hidden;-webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.icon-title{width: 24px}
.bg-success-bt3{background-color: #1eb742!important}
.bg-warning-bt3{background-color: #ffad46!important}
.bg-info-bt3{background-color: #48abf7!important}
.bg-danger-bt3{background-color: #dd4b39 !important}
.input-flat{border-radius: 0 !important}
#filter .select2-container--bootstrap .select2-selection{border-radius: 0 !important}
#filter{min-width: 400px;}
@media (max-width: 576px){
    #filter{min-width: 80%;}
    .table.table-room td{height: 30px; line-height: 17px; font-size: 0.75rem;padding: 5px !important}
    .hidden-sm-now{display: none;}
    .modal-fullscreen .modal-body{bottom: 2px;position: absolute;top: 50px;overflow-y: auto;width: 100vw;}
    .modal-fullscreen .modal-body.mb-55{margin-bottom: 55px !important}
    .btn-footer-modal{position: fixed;bottom: 0;width: 100%;padding: 10px 0; background-color: #f8f8f8}
    .icon-title{width: 20px}
    .name-motel{height: 25px;overflow: hidden;-webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
    .box-customer{width: 100%}
    .hometel-owner-modal{width: 45%; float: left;margin-bottom: 15px; padding-top: 15px; margin-left: 2%; margin-right: 2%; height: 180px;}
    .form-check-inline{display: inline}
    .box-sm-bandon{margin-bottom: 12px;background: #fff;width:99%; float: left; padding: 10px; border-radius: 0px;box-shadow: 2px 3px 3px 4px rgba(69,65,78,.1);}
    table.table-bandon thead{display: none}
    .modal-footer .dropdown-toggle::after{display: none !important }
    .hidden-md-lg{display: block};
    .hidden-sm-xs{display: none};
    .card .card-title, .card .card-header .card-name h3 {
        font-size: 14px !important;
    }
    .card .card-header{padding-bottom: 10px}
    .content .row-card-no-pd{border-radius: 0 !important}
    .page-inner{padding:0}
    .mtl-price{
        font-size: 13px;
    }
    .table-bandon td{padding: 0px 0px !important;border-bottom: none !important;}
    .card.card-sm .card-body {
        padding: 0px !important;
    }
    .table td p i.la{font-size: 16px !important}
    .p-location{
        overflow: hidden;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .badge-round.badge-success{border-radius: 50%; padding: 8px 8px}
    .badge-round.badge-danger{border-radius: 50%; padding: 7px 8px}
    /*NO*/
    .dataTables_info{display: none !important}
    .dataTables_filter{text-align: left !important}
    div.dataTables_wrapper div.dataTables_filter label{width: 100% !important}
    .dataTables_filter input{width: calc(100% - 72px) !important;}
    table.dataTable{margin-top: 5px !important; margin-bottom: 5px !important}
    /*END*/
    .modal-content-left{width: 48%}
    .modal-content-right{width: 48%; margin-left: 3%}
    .line-row-modal{width: 100%;margin-bottom: 10px; padding: 10px 0;}
    #modal_model_condition_sm i, #modal_model_status_sm i{width: 15px;}
    .mtl-room-number {overflow: hidden;margin-top: 4px;margin-left: 13px;font-size: 14px;width: 43px;text-align: center;}
    .ul-mtl-room{height: 135px; margin-top: 10px;margin-bottom: 8px;}
    .ul-room-empty{height: 190px;}
    .mtl-name-motel{top: 85px; font-size: 12px;width: 84px;left: -7px;}
    .mtl-room-success{width: 80px; text-align: center; margin-top: -15px;margin-left: -4px}
    .mtl-room-danger{width: 80px; text-align: center; margin-top: -15px;margin-left: -4px}
    .mtl-room-warning{width: 80px; text-align: center; margin-top: -15px;margin-left: -4px}
    .mtl-room-info{width: 80px; text-align: center; margin-top: -15px;margin-left: -4px}
}
@media (min-width: 577px){
    .modal-lg{
        max-width: 90%;
    }
}
@media (min-width: 992px){
    .modal-lg {
        max-width: 920px !important;
    }
}