/*File site.css sử dụng cho các mục dùng chung.*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
*{margin: 0px;}
body{
    font-family: 'Roboto', sans-serif;
}
ul{list-style: none;padding:0}
a:hover{
    text-decoration: none;
}
body{
    background: #f1f2f3;
}
.main{
    width:100%;
    height:auto;
    float:left;
    position: relative;
}
.box-sidebar{
    width: 250px;
    height: 100%;
    float: left;
    background: #FFF;
    position: fixed;
    bottom: 0;
    left: 0;
}
.box-sidebar .logo{width: 100%;height: 30px;float: left;background: #1976d2;color: #FFF;font-weight: bold;padding-top: 5px;padding-left: 5px;border-bottom: #015eba solid 1px;font-weight: 300;}
.box-sidebar .logo i{float: right;color: #FFF;font-weight: normal;padding-right: 10px;font-size: 12px;}
.box-sidebar .profile{width: 100%;height: auto;float: left;padding: 10px;border-bottom: #2067a4 solid 1px;border-left: #FFF solid 3px;background: #015eba;}
.box-sidebar .profile .avatar{width: 60px;height: 60px;float: left;}
.box-sidebar .profile .avatar img{width: 100%;height: 100%;border-radius: 50%;border: #FFF solid 3px;}
.box-sidebar .profile .info{width: calc(100% - 90px);height: auto;float: left;margin-left: 10px;padding-top: 5px;}
.box-sidebar .profile .info h3{margin: 0;color: #FFF;font-size: 20px;}
.box-sidebar .profile .info .profile-control{width: 100%;height: auto;float: left;margin-top: 5px;}
.box-sidebar .profile .info .profile-control a{color: #FFF;width: 30px;height: 30px;float: left;}
.menu{width: 100%;height: auto;float: left;}
.menu .menu-item{width: 100%;height: auto;float: left;padding: 10px;border-bottom: #F4F4F4 solid 1px;position: relative;}
.menu .menu-item a{color: #333333;font-size: 15px;}
.menu .menu-item a:hover{color: #c89122;}
.menu .menu-item a i{font-size: 18px;color: #1976d2;}
.menu .menu-item span{width: 40px;float: left;position: absolute;top: 0;right: 0;text-align: center;height: 40px;line-height: 40px;color: #333;font-size: 17px;cursor: pointer;}
.menu .menu-item ul{width: calc(100% + 20px);height: auto;float: left;background: #f6f6f6;position: relative;left: -10px;top: 15px;border-left: #015eba solid 3px;padding: 0 10px;display: none}
.menu .menu-item ul li{width: 100%;height: 35px;float: left;line-height: 35px;border-bottom: #e6e6e6 dotted 1px;}
.menu .menu-item ul li:last-child{border-bottom: 0px;}
.menu .menu-item ul li a{}
.box-content{
    width:calc(100% - 250px);
    height:auto;
    float:left;
    position: relative;
    left:250px;
    padding: 0 15px;
}
/*Index*/
#callout-stacked-modals{
    border-left: #c89122 solid 5px;
    padding-left: 10px;
}
.panel{
    border-radius: 0;
}
.shortcut{
    width: 100%;
    height: 70px;
    float: left;
    text-align: center;
    background: #dff0d8;
    border: #d6e9c6 solid 1px;
    margin-bottom: 10px;
}
.shortcut span{font-size: 25px;}
.shortcut p{}
.breadcrumb{width:calc(100% + 30px);background: #1976d2;position: relative;left: -15px;border-radius: 0;border-left: #015eba solid 1px;margin: 0;height: 30px;float: left;padding: 0;padding-left: 10px;}
.breadcrumb ul{margin: 0;}
.breadcrumb ul li{width: auto;float: left;color: #FFF;font-size: 14px;line-height: 30px;padding: 0 3px;}
.breadcrumb .control{width: auto;height: 30px;float: right;position: absolute;top: 0;right: 0;}
.breadcrumb .control a{width: auto;height: 30px;float: left;line-height: 30px;color: #FFF;border-right: #015eba solid 1px;padding: 0 10px;}
.panel-form{
    width:100%;
    height:auto;
    float:left;
    margin-top: 10px;
}
.frm-group{}
.frm-group label{}
.frm-group input, .frm-group textarea{
    border-radius: 0px;
}
.imgage-single-frm{
    width: 100%;
    height:150px;
    float:left;
    position: relative;
}
.imgage-single-frm .img{
    width: 100%;
    height: 150px;
    float: left;
    border: #e8e6e7 solid 1px;
    cursor: pointer;
}
.imgage-single-frm .img img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.checkStatus{width: 50px;
             height: 19px;
             float: right;
             position: relative;
             top: 7px;}
.checkStatus:before{
    content: '';
    width: 50px;
    height: 5px;
    float: left;
    background: #2A5D2A;
    border-radius: 10px;
}
.checkStatus:before{
    content: '';
    width: 50px;
    height: 5px;
    float: left;
    background: #2A5D2A;
    border-radius: 10px;
}
.checkStatus:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: #4d804d;
    left: 0;
    top: -7px;
    border-radius: 50%;
    border: #2A5D2A solid 1px;
    cursor: pointer;
}
.checkStatus input{
    width: 100%;
    height: 30px;
    float: left;
    position: absolute;
    left: 0;
    top: -15px;
    z-index: 99999;
    cursor: pointer;
    opacity: 0;
}
.search-detail{width: 100%;height: auto;float: left;margin-bottom: 15px;position: relative;background: #FFF;padding: 0 15px 15px 15px;box-sizing: border-box;margin-top: 15px;}
.search-detail .box-header{}
.search-detail .box-header h2{font-size: 18px;text-transform: uppercase;}
.search-detail .frm-group{}
.search-detail .frm-group label{}
.search-detail .frm-group input{}
.search-detail .frm-group select{width:auto;height:35px;border:#CCC solid 1px}
.search-detail .frm-group button{background: #015eba;color: #FFF;border: 0;height: 35px;padding: 0 20px;border-radius: 3px;}
.frm-group{width: auto;float:left;margin-right: 15px}
.frm-group label{display: block}
.frm-group input{}
.frm-group button{background: #1976d2;color: #FFF;text-transform: uppercase;border: #1976d2 solid 1px;border-radius: 3px;height: 35px;padding: 0 20px;}
.frm-group select{}
.btn-outline-secondary{display: none}
.block-table{width:calc(100% - 20px);height: auto;float:left;}
.block-table table{border-collapse: collapse;width:100%}
.block-table table th{padding: 5px;background: #e8e8e8;font-size: 13px;}
.block-table table td{padding: 5px;font-size: 13px;}
table, th, td {
    border: 1px solid #CCC;
    background:#FFF
}
.bx-title{width:100%;height:auto;float:left;}
.bx-title h2{} 
.btnPrint{background: #015eba;color: #FFF;border: 0;
          border-radius: 2px;
          font-size: 14px;
          padding: 3px 10px;
          position: absolute;
          right: 15px;
          bottom: 15px;}
.btn-normal{float: left;
            position: relative;}
.left100{width:100%;float:left;}
.bx-submit{margin-bottom: 20px;position: relative}
.frm-group.full{width:100%}
.frm-group.full input{width:100%}
.list-table{width: 100%;height: auto;float: left;background: #FFF;padding: 15px;}
.list-table table th{background: #f3f6fb;border: #e4e7ec solid 1px !important;}
.list-table table td{background: #FFF;border: #e4e7ec solid 1px !important;}
.sheet-timekeeping{width: 100%;height: auto;float: left;background: #FFF;padding: 10px;}
.sheet-timekeeping .main{}
.sheet-timekeeping .main{}
.sheet-timekeeping .main .row{margin: 0;height: 50px;border-top: #1976d2 solid 1px;}
.sheet-timekeeping .main .col{width: 9%;height: 100%;float: left;position: relative;border-right: #1976d2 solid 1px;}
.sheet-timekeeping .main .col:last-child{border-right:0}
.sheet-timekeeping .main .row:first-child .col strong{width: 100%;height: 100%;float: left;text-align: center;line-height: 50px;font-size: 18px;}
.sheet-timekeeping .main .col .date{text-align: center;font-size: 18px;font-weight: bold;padding-top: 11px;}
.sheet-timekeeping .main .col .date{}
.sheet-timekeeping .main .col span{width: calc(100% - 20px);height: 4px;float: left;border-radius: 10px;position: absolute;left: 0;right: 0;margin: auto;}
.sheet-timekeeping .main .col span.emp-1{background: #015eba;top: 16px;}
.sheet-timekeeping .main .col span.emp-2{background: #ea9310;top: 25px;}
.sheet-timekeeping .main .col span.emp-3{background: #8bb600;bottom: 11px;} 
.report-ban-hang-d{background: #015eba;
                   color: #FFF;
                   font-size: 18px;
                   padding: 7px 10px;
                   width: 100%;
                   height: auto;
                   float: left;
                   border-radius: 2px;
                   font-style: italic;}
.report-ban-hang-h{width: 100%;
                   height: auto;
                   float: left;
                   background: #F9F9F9;
                   padding: 10px;
                   margin-bottom: 15px;
                   border-radius: 5px;
                   border: #F3F3F3 solid 1px;}
.report-ban-hang-h h3{font-size: 16px;
                      color: #015eba;}
.report-ban-hang-h h3{}
.realtime-nvl{}
.realtime-nvl h2{font-size: 19px;text-transform: uppercase;}
.realtime-nvl .list-nvl{width: 40%;height: auto;float: left;}
.item-enable{}
.item-disable td{color: #f00;background: #FAFAFA !important;font-weight: bold;}
.list-tags{width: 100%;height: auto;float: left;}
.list-tags .item{width: auto;float: left;background: #1976d2;margin: 5px;position: relative;height: 25px;padding-left: 15px;line-height: 25px;color: #FFF;border-radius: 3px;}
.list-tags .item span{font-size: 13px;}
.list-tags .item strong{width: 25px;height: 25px;float: right;text-align: center;background: #015eba;margin-left: 15px;border-radius: 0 3px 3px 0;cursor: pointer;font-weight: normal;}
.w100{width:100% !important}
.notice-w{}
.notice-w td{background:#ff6600 !important;color:#FFF}
.notice-w td a{color:#FFF !important}
.notice-E{}
.notice-E td{background:#cc0033 !important;color:#FFF}
.notice-E td a{color:#FFF !important}
.item-order-detail{width: 100%;height: auto;float: left;margin-bottom: 10px;background: #F8F8F8;border: #F0F0F0 solid 1px;border-radius: 3px;padding: 5px 10px;position: relative;}
.item-order-detail .info{width: auto;height: auto;float: left;margin-right: 5px;}
.item-order-detail .info span{font-weight: bold;}
.item-order-detail .info strong{width: auto;float: right;}
.item-order-detail .option{width: auto;height: auto;float: left;}
.item-order-detail .option span{font-size: 12px;color: #1976d2;padding: 2px 0px;border-radius: 3px;margin-left: 2px;}
.item-order-detail .option span:after{content:'|';padding-left: 5px;}
.item-order-detail .option span:last-child:after{content:''}
.breakcol td{background: #1976d2 !important;padding: 1px !important;}
.floatRight{float:right}
.floatRight.down{color:#cc0033}
.floatRight.up{color:#009933}
.bx-report-all{width: 100%;height: auto;float: left;background: #FFF;margin-top: 30px;padding: 10px;}
.bx-report-all h2{}
.bx-report-all p{}
.bx-report-all h4{color:#cc0033}
h2.title-report{text-align: center;
text-transform: uppercase;
font-size: 20px;}