/* Site */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif,open-sans;
        margin: 0;
        font-family: Tahoma;
}
img{
    border:none;
}
a{
    text-decoration: none
}
p{
    line-height: 22px;
}
.number{
    text-align:right;
}
.number2{
    text-align:right;
}
.number3{
    text-align:right;
}
.number_x{
    text-align:right;
}
.inf_tenghichu {
  
    /*font-size:11px;*/
    color:blue;
}
.inf_icondel{
    float:right;
    /*font-size:11px;*/
    color:blue;
}
.inf_tenhang {
    float:left;
    font-size:12px;
    color:blue;
}
.inf_soluong{
    float:right;
    font-size:12px;
    color:blue;
}
/* Message */
.success-msg{
    border: 1px solid green;
    background:#EFF5EA;
    color: green;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.error-msg{
    border: 1px solid red;
    background:#FAEBE7;
    color: red;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.input-error-msg{
    color:red;
    /*font-size:12px;*/
}
.textbox1{
    width:200px;
    height: 26px;
}
.dis-button{
    border:1px solid #999999;
    min-width: 80px;
    color:#777;
    border-radius:3px;
    background: #555;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    cursor: pointer;
    padding:4px;
}
.grid-group{
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: left;
    padding: 5px;
    font-weight: bold
}
.grid-paginator{
    padding: 2px;
}
.subgrid-title{
    border-right:1px solid #999;
    border-bottom:1px solid #eee;
    background:#FDFDFD;
    height:24px;
}
.subgrid-cell{
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    background:#fff;
    height:24px;
    padding:2px;
}

.dynamic-input-error{
    color:red;
    /*font-size: 10px;*/
}
#dialog-msg{
    font-family: "Time-New_Roman",serif;
    height: 30px;
    /*font-size: 16px;*/
}
.width_500{
    width: 500px;
}
.width_400{
    width:400px;
}
.width_300{
    width: 300px
}
.width_250{
    width:250px
}
 .width_200{
     width:200px
 }
.width_150{
    width:150px;
}
.width_100{
    width:100px;
}
.width_120{
    width:120px;
}
.width_80{
    width:80px;
}
.width_75{
    width:75px;
}
.width_70{
    width:70px;
}
.width_60{
    width:60px;
}
.width_50{
    width:50px;
}
.width_40{
    width:40px;
}
.width_30{
    width:30px;
}
.width_20{
    width:20px;
}
.bold{
    font-weight:bold
}
.btn-disabled{
    background:#888;
    color:#aaa;
}
#divmess{
    padding:10px;
    position: fixed;
    left:2px;
    bottom:2px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-width: 300px;
    z-index: 1000;
}
.shadow-legend{
    width:250px;
    height:25px;
    padding-top:5px;
    padding-left:5px;
    font-weight: bold;
    color:white;
    background:url(bg_gtitle.png);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: left;
}


.no-close-button .ui-dialog-titlebar-close {display: none }


.grid-table-1 td{
    border: 1px solid #e1e1e1;
    padding:3px;
    white-space: nowrap;
}

.icon-view {
    background: url("/images/view_icon.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    width: 16px;
    margin-top: 4px;
    margin-left: 5px;
    cursor: pointer;
}

.icon-edit {
    background: url("/images/edit_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    width: 16px;
    margin-top: 4px;
    margin-left: 5px;
    cursor: pointer;
}

.alert-box {
   color:#555;
   border-radius:5px;
   font-family:Tahoma,Geneva,Arial,sans-serif;
   /*font-size:14px;*/
   padding:10px 10px 10px 50px;
   margin:15px 20px 20px 19px;
   width:860px;
}
.notice {
   background:#e9ffd9 url('../images/notice.png') no-repeat 10px 50%;
   border:1px solid #a6ca8a; 
}
.error {
   background:#ffecec url('../images/error.png') no-repeat 10px 50%;
   border:1px solid #f5aca6;
   }
.success {
   background:#e9ffd9 url('../images/success.png') no-repeat 10px 50%;
   border:1px solid #a6ca8a;
}
.warning {
   background:#fff8c4 url('../images/warning.png') no-repeat 10px 50%;
   border:1px solid #f2c779;
}
.ui-autocomplete{
    height: 250px; overflow-y: scroll; overflow-x: hidden;
}
.cbo{
    text-align: left
}
.company-logo{
    background: white;
    padding-top:10px;
    padding-left: 20px
}
.mobile-table{
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}
.cell-title{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:5px;
}
 #cam_view_live{
     position: fixed;
     bottom: 0px;
     left: 2px;
     z-index: +999;
     width: 640px;
     height: 480px;
     background: #000;
     display: none;
 }
 #cam_view{
     position: fixed;
     bottom: 0px;
     left: 2px;
     z-index: +999;
     width: 640px;
     height: 480px;
     background: #000;
     display: none;
 }
/* NAVBAR */
 .muondo-block{
     min-height: 80vh;
     text-align: center;
     background-image: url('/templates/logo/water_mask.png');
     background-repeat: no-repeat;
     background-size: auto;
     background-origin: content-box;
     background-attachment: fixed;
     background-position: center;
     padding: 10px !important;
 }
 .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .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, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
     padding-right: unset !important;
     padding-left: unset !important;
 }
 .muondo-block .form-group {
     margin-bottom: unset;
 }
 .div_button_mobile{
     display: flex;
     justify-content: space-evenly;
 }
 .table-report thead tr th {
     font-size: 15px;
 }
 .table-report tbody tr td {
     font-size: 15px;
 }
 .table-report{
     background-color: white !important;
 }

 .table-reponsive-mobile thead {
     display: none;
 }

 .table-reponsive-mobile,
 .table-reponsive-mobile tbody,
 .table-reponsive-mobile tr,
 .table-reponsive-mobile td {
     display: block;
     width: 100%;
 }
 .table-reponsive-mobile tr {
     margin-bottom: 20px;
 }
 .table-reponsive-mobile .td_text{
     padding: 5px 5% 5px 40%;
     text-align: left;
     position: relative;
     min-height: 32px;
 }
 .table-reponsive-mobile .td_number{
     padding: 5px 5% 5px 40%;
     text-align: right;
     position: relative;
     min-height: 32px;
 }
 .table-reponsive-mobile .td_number2{
     padding: 5px 5% 5px 40%;
     position: relative;
 }
 .table-reponsive-mobile td::before {
     content: attr(data-label);
     position: absolute;
     left: 0;
     width: 50%;
     padding-left: 35px;
     padding-bottom: 5px;
     font-size: 14px;
     font-weight: bold;
     text-align: left;
 }
 .table-reponsive-mobile td .thutu{
     width: 30%;
 }
 .table-reponsive-mobile td .td_suaxoa_mobile{
     display: block;
     position: relative;
     width: 100%;
 }
 .table-reponsive-mobile td .td_suaxoa_mobile .btn-sua{
     float: left;
 }
 .table-reponsive-mobile .td_suaxoa_laptop{
     display: none;
 }
 .div_npc_mobile{
     display: block;
 }
 .ui-widget-header {
      color: #000;
 }
 .row {
     margin-right: unset !important;
     margin-left: unset !important;
 }
 .btn-size{
     text-decoration: unset !important;
     width: 30%;
     margin: 1%;
 }
 .btn-size div{
     padding: 5px 0;
 }
 .btn-size.active{
     border: 1px solid blue;
 }
 .btn-size.active div{
     color: blue;
 }