@import url("/DesktopModules/BEN.Controls/User/css/user.css");
@import url("/DesktopModules/BEN.Controls/common/common.css");
@import url("/DesktopModules/BEN.Controls/dialog/dialog.css");

@import url("/DesktopModules/BEN.Controls/List/checkbox/checkbox.css");
@import url("/DesktopModules/BEN.Controls/DatePicker/DatePicker.css");
@import url("/DesktopModules/BEN.Controls/datetime/datetime.css");
@import url("/DesktopModules/BEN.Controls/common/jquery.custom-scrollbar.css");
/*
@import url("/DesktopModules/BEN.Controls/List/radio/radio.css");
@import url("/DesktopModules/BEN.Controls/Box/Box.css");
@import url("/DesktopModules/BEN.Controls/alert/alert.css");
@import url("/DesktopModules/BEN.Controls/scroll/mscroll/jquery.mCustomScrollbar.css");
@import url("/DesktopModules/BEN.Controls/editor/CLE/jquery.cleditor.css");
@import url("/DesktopModules/BEN.Controls/products/cart/cart.css");*/
body{background-color:#fff;min-width:320px}
.yhy-append-wrap{display:none}
.s_skin{margin: 0 auto}

.s_skin .s_topmenu{min-height:28px;background:#464646;padding:4px}

.s_skin>.s_head{margin: 0 auto;width:100%;z-index:999;padding:0px;background:url(img/bg.png) left center no-repeat #49ceff;height:70px;padding:0 1px}
.s_skin >.s_head>.s_inner{background:url(img/bg-grid.png) right center no-repeat}
    .s_skin>.s_head > .s_bar {
        width:100%;background-color:#f4f4f4
    }
    .s_skin >.s_head>.s_inner>.s_left{width:50%;float:left}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner {
        display:inline-block;vertical-align:middle;
        left: 77px;
        top: 10px;
        font-size: 20px;
        color: #fff;
        text-shadow: 0 0 4px #000;
    }
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div{text-transform:uppercase;line-height:24px;font-weight:bold}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_above{font-size:17px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_below{font-size:14px}

    .s_skin >.s_head>.s_inner>.s_right{float:right;width:50%;position:relative;height:100%}
    .s_skin >.s_head>.s_inner>.s_right>.s_title{
        float:left;color:#ffbf2f;
        /*-webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #fff;*/
        text-shadow: 0 0 4px #000;font-weight:bold;letter-spacing:2px;line-height:70px;
        font-size:22px;text-transform:uppercase;position:absolute;left:-34px
    }

    .s_skin>.s_head > .s_bar > .s_inner {
        height:40px;width:100%;margin:0 auto;position:relative
    }
        .s_skin>.s_head > .s_bar > .s_inner > .s_regions {
            height:28px;margin-top:6px;display:inline-block;border-right:solid 1px #fff;float:left
        }
        .s_skin>.s_head > .s_bar > .s_inner > .s_regions> .s_inner {
            display:inline-block;padding-right:20px;height:28px;border-right:solid 1px #9b9b9b
        }
        .s_skin>.s_head > .s_bar > .s_inner > .s_hotline {
            height:28px;margin-top:6px;float:left;margin-left:20px;line-height:28px;color:#f00
        }
.s_skin>.s_head>.s_inner{height:100%;margin: 0 auto;width:100%;position:relative}
.s_skin>.s_head .s_logo{padding:3px 0 0 0;z-index:999;display:inline-block;vertical-align:middle}
    .s_skin>.s_head.first .s_logo
    {
        padding:10px 4px
    }
    .s_skin>.s_head.first .s_logo img
    {
        max-height:26px;margin-top:4px
    }
    .s_skin .s_cart{
    position:absolute;right:0;top:4px;bottom:4px;width:80px;background-color:#006338
}
.s_skin .s_neworders{position:absolute;right:168px;top:4px;bottom:4px;width:80px;background-color:#006338}.s_skin .s_message{
    position:absolute;right:84px;top:4px;bottom:4px;width:80px;background-color:#006338
}
.s_skin .s_search{height:40px;position:relative;margin-left:60px;padding:10px 0}
.s_skin>.s_head .s_user{padding:0px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.s_skin>.s_head.first{background:none;border:none}
.s_skin>.s_head.first .s_search{display:none}
    .s_skin .s_maincontent>.s_breadcrumb {
        height:34px;line-height:34px;color:#444;font-size:16px;font-weight:bold
    }.s_skin .s_maincontent>.s_breadcrumb a{color:#444;padding-right:10px;text-decoration:none}
     .s_skin .s_maincontent>.s_breadcrumb a:hover{color:#0092c7}
    
    .s_skin .s_maincontent>.s_breadcrumb>span>a {
        height:34px;line-height:34px;font-weight:bold;display:inline-block;padding:0 4px;font-size:20px;color:#444
    }
    .s_skin .s_maincontent>.s_breadcrumb>span>span>span{margin:0 5px}
    .s_skin .s_maincontent>.s_breadcrumb>span>span>span:first-child{margin-left:0}
.s_skin .s_mainmenu
    {
        height:36px;background-color:#006338
    }

.s_skin .s_body{margin: 0 auto;width:100%;position:relative;top:0}

    .s_skin .s_hidden
    {
        display:none
    }
    .s_skin .s_counter {clear:both;
        padding:10px;background-color:#000;color:#fff;text-align:center;clear:both;display:none
    }
    .s_skin.s_machine>.s_body{
        margin-bottom:40px
    }
    .s_skin.s_machine>.s_footer_message{
        position:fixed;bottom:0;background-color:#dedede;border-top:solid 1px #ddd;padding:10px;text-align:center
    }
#divDynamicContent{
margin-bottom: 10px;
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 20px
}
#divStaticContent {
    margin-top:20px
}
#divStaticContent .s_pin{
    display:none;
width:34px;height:34px;position:fixed;left:0;top:70px;background:url(img/menu/show-menu.png) center center no-repeat #0092c7;
-webkit-box-shadow: 2px 2px 2px 0px rgba(214,214,214,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(214,214,214,1);
box-shadow: 2px 2px 2px 0px rgba(214,214,214,1);
z-index:1000
}
#divStaticContent .s_pin.opened{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:url(img/menu/close-menu.png) center center no-repeat #0092c7
}
#divStaticContent > .s_leftmenu {
    width:260px;float:left;background-color:#f7f7f7;position:fixed;bottom:0;top:103px;bottom:0;overflow-y:auto
}
#divStaticContent.top0 > .s_leftmenu,#divStaticContent.top0 > .s_pin{top:0}
#dnn_LEFTMENU_divViewTabs{
    height:calc(100% - 34px);overflow-x:hidden;overflow-y:auto
}
    #divStaticContent > .s_maincontent {
        padding-left:20px;width:calc(100% - 260px);float:right;margin-bottom:20px
    }
    #divStaticContent > .s_leftmenu{overflow-y:auto}
    #divStaticContent > .s_leftmenu>.head{width:100%;
        height:34px;line-height:34px;color:#444;font-weight:bold;padding-left:3px;font-size:14px;text-transform:uppercase;background-color:#EEEEEF
    }
#divStaticContent>.s_maincontent>.s_content{padding:10px 10px 10px 0}
.s_hidden{display:none}
.s_skin.s_machine>.s_footer_message {
    position: fixed;
    bottom: 0;
    background-color: #f00;
    border-top: solid 1px #ddd;
    padding: 10px;
    text-align: center;
    width: 100%;
    color: #fff;
    z-index: 999;
    font-size: 14px;
    font-weight: bold;
}

@media (max-width: 1200px){    
    .s_skin >.s_head>.s_inner>.s_right>.s_title{font-size:20px;left:-14px}
}
@media (max-width: 1140px){
    .s_skin>.s_head{height:60px}
    .s_skin>.s_head .s_logo{width:50px}
    .s_skin>.s_head .s_logo img{width:100%}    
    .s_skin >.s_head>.s_inner>.s_left{width:50px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner{display:none}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div{line-height:20px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_above{font-size:14px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_below{font-size:14px}
    .s_skin >.s_head>.s_inner>.s_right{width:calc(100% - 100px)}
    .s_skin >.s_head>.s_inner>.s_right>.s_title{line-height:60px;left:-70px}
}
@media (max-width: 1040px){
    .s_skin >.s_head>.s_inner>.s_right>.s_title{font-size:18px;left:-50px}
}
@media (max-width: 1200px) {
    #divStaticContent .s_pin{
        display:block;position:fixed;top:80px;
        border-right:solid 1px #fff;
        -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
    #divStaticContent > .s_maincontent{
        width:100%
    }
    #divStaticContent > .s_leftmenu{
        position:fixed;left:0;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(122,122,122,1);
        -moz-box-shadow: 3px 3px 3px 0px rgba(122,122,122,1);
        box-shadow: 3px 3px 3px 0px rgba(122,122,122,1);
        
        z-index:999;width:0;
        overflow-x:hidden;overflow-y:auto
    }
    .s_skin .s_maincontent > .s_breadcrumb{padding-left:24px}
    .leftmenu > .menuitem .name{white-space:nowrap}
    #divStaticContent > .s_leftmenu>.head{width:100%;
        padding-left:40px
    }
    .s_skin >.s_head>.s_inner>.s_right>.s_title{font-size:14px;left:-15px}
}
@media (max-width: 930px) {
    .Controls.User{padding:0}
    .s_skin>.s_head{height:60px}
    .s_skin>.s_head .s_logo{width:40px}
    .s_skin>.s_head .s_logo img{width:100%}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner{left:50px}
    #aDisplayName>span{display:none}
    #aDisplayName>i{left:0}
    #aDisplayName{background-image:none}

    .s_skin >.s_head>.s_inner>.s_left{}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner{top:10px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div{line-height:14px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_above{font-size:14px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_below{font-size:10px}
    .s_skin >.s_head>.s_inner>.s_right{padding-left:44px;width:100%;float:none}
    .s_skin >.s_head>.s_inner>.s_right>.s_title{font-size:14px;line-height:24px;left:44px;bottom:0}
}
@media (max-width: 910px){
        .s_skin >.s_head>.s_inner>.s_right{width:100%;float:none;padding-left:44px}
    .s_skin >.s_head>.s_inner>.s_right>.s_title{font-size:14px;line-height:16px;white-space:nowrap;left:44px;bottom:4px}
}
@media (max-width: 790px) {
    .Controls.User{padding:0}
    .s_skin>.s_head{height:60px}
    .s_skin>.s_head .s_logo{width:40px}
    .s_skin>.s_head .s_logo img{width:100%}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner{left:50px;width:calc(100% - 70px);white-space:nowrap;overflow:hidden}
    #aDisplayName>span{display:none}
    #aDisplayName>i{left:0}
    #aDisplayName{background-image:none}

    .s_skin >.s_head>.s_inner>.s_left{width:100%;float:none}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner{top:10px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div{line-height:14px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_above{font-size:14px}
    .s_skin >.s_head>.s_inner>.s_left>.s_banner>div.s_below{font-size:10px}
    .s_skin >.s_head>.s_inner>.s_right{height:17px}
    .s_skin>.s_head .s_user{top:-43px}
    
}
@media (max-width: 350px) {
    .s_skin >.s_head>.s_inner>.s_right>.s_title{font-size:10px}
}

#divTimCongTrinh .list{max-height:200px;overflow-y:auto}

span.req{color:#dc0000}

#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so{width:100%;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td{border-top:solid 1px #ddd;border-left:solid 1px #ddd;padding:0}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr.header>td{text-align:center;font-weight:bold;padding:10px 5px;background-color:#f7f7f7}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td>.txt,#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td>.dropdownlist,#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td>.dropdownlist>.inner{border:none}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.index{width:40px;text-align:center}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.loai-thiet-bi{width:200px}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.so-che-tao{width:100px}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.ngay-kiem-dinh,#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.ngay-het-han{width:100px}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.so-tem-kiem-dinh{width:120px}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.ket-qua{width:100px}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.kdv{width:200px}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.kdv>.checkbox_list{border:none}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.actions{width:60px;text-align:center}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.actions>span{color:#0092c7;cursor:pointer}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr>td.actions>span:hover{color:#f00}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr.last>td{text-align:center}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr.last>td>span{color:#0092c7;cursor:pointer;padding:10px 10px 10px 30px;background-size:12px;background:url(img/add-black.png) left center no-repeat;display:inline-block}
#divNhapNhieuHoSoKiemDinh .danh-sach-ho-so tr.last>td>span:hover{color:#f00}
#divNhapNhieuHoSoKiemDinh #divStatus_forEdit{width:200px;margin-bottom:20px}

#divKetQuaCapNhatHoSoKiemDinh .content>div>.h{padding:10px 0;color:#dc0000}
#divKetQuaCapNhatHoSoKiemDinh .list>table{width:100%;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td{border-top:solid 1px #ddd;border-left:solid 1px #ddd;padding:10px 5px}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr.header>td{text-align:center;font-weight:bold;background-color:#f7f7f7}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.index{width:40px;text-align:center}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.so-tem-kiem-dinh{text-align:center}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.ket-qua{text-align:center;width:100px}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.ngay-kiem-dinh,#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.ngay-het-han{text-align:center;width:100px}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.i{text-align:center;width:40px}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.i>span{color:#0092c7;cursor:pointer}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.i>span:hover{color:#dc0000}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.kdv{text-align:center}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.kdv>span{color:#0092c7;cursor:pointer}
#divKetQuaCapNhatHoSoKiemDinh .list>table tr>td.kdv>span:hover{color:#dc0000}
#divKetQuaCapNhatHoSoKiemDinh .success>.list>table tr.result>td.i{background:url(img/success.png) center center no-repeat}

#divViewNote{max-width:600px}

#divUploadFileExcel table.excel-temp{width:100%;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
#divUploadFileExcel table.excel-temp tr>td{border-top:solid 1px #ddd;border-left:solid 1px #ddd;padding:10px 5px}
#divUploadFileExcel table.excel-temp tr.header>td{text-align:center;font-weight:bold;background-color:#f7f7f7}
#divUploadFileExcel .choose-file{font-weight:bold;color:#dc0000;border:dotted 1px #dc0000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:20px 60px;cursor:pointer;display:inline-block}
#divUploadFileExcel .choose-file:hover{color:#0092c7;border-color:#0092c7}
#divUploadFileExcel .upload-file{margin:20px 0}
#divUploadFileExcel .upload-file>input{display:none}