@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}svg{display:block;}th{text-align:left;}::-ms-clear{display:none;}::-ms-reveal{display:none;}::-moz-focus-inner{border:0;padding:0px;}*:focus{outline:0;}*:required,*:invalid{box-shadow:none;}.clear{clear:both;}.ns{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

body{font-family:'Open Sans',helvetica,arial,sans-serif;}

p{margin:10px 0px;}

.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.bold{font-weight:bold;}
.red{color:#D14841;}
.green{color:#41A85F;}
.gray{color:#626262;}
.gray.dark{color:#424242;}
.blue{color:#3D8EB9;}

.pointer{cursor:pointer;}
.animOp1{opacity:.68;transition:opacity .18s;}
.animOp1:not(.disabled):hover{opacity:1;}
.animOp2{opacity:.88;transition:opacity .12s;}
.animOp2:not(.disabled):hover{opacity:1;}

div.offScreen{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;}
div.create{display:none;opacity:0;}

body>div.header{margin:40px 0px 60px 0px;transition:all .32s;}
body>div.footer{height:60px;}

body>div.content{background:#F2F2F2;}
body>div.content div.holder{position:relative;transition:all .32s;max-width:1600px;}
body>div.content div.holder div.box{position:absolute;width:100%;top:-20px;bottom:-20px;background:rgba(255,255,255,.46);border:1px solid #DADADA;border-radius:-2px;box-shadow:0px 0px 2px rgb(200,200,200);transition:left .1s;}

body>div.content div.holder div.box div.boxItem{display:none;}

body>div.content div.holder div.box div.boxItem div.logIn{margin:20px;color:#242424;}
body>div.content div.holder div.box div.boxItem div.logIn input:[type=text],div.content div.holder div.box div.logIn input:[type=password]{width:180px;}

body>div.content div.holder div.box div.boxItem div.panel div.menu{width:100%;height:42px;background:#3D8EB9;color:#FFFFFF;}
body>div.content div.holder div.box div.boxItem div.panel div.menu div.items{display:table;height:100%;}
body>div.content div.holder div.box div.boxItem div.panel div.menu div.items div.item{display:table-cell;height:100%;vertical-align:middle;padding:0px 10px;cursor:pointer;transition:all .2s;white-space:nowrap;}
body>div.content div.holder div.box div.boxItem div.panel div.menu div.items div.item:not(.active):hover{background:#3881a7;}
body>div.content div.holder div.box div.boxItem div.panel div.menu div.items div.item.active{background:#3b85ad;}

body>div.content div.holder div.box div.boxItem div.panel div.panelContent{opacity:0;margin-top:20px;position:relative;}
body>div.content div.holder div.box div.boxItem div.panel table.list{width:100%;font-size:13px;border-collapse:separate;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr{}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr:nth-child(2n-1){background:#f9f9f9;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>.center{text-align:center;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>td{border-top:1px solid #e7eaec;border-right:1px solid #e7eaec;padding:8px;transition:all .2s;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>th{color:#757575;border-top:1px solid #e7eaec;border-right:1px solid #e7eaec;border-bottom:1px solid #DDDDDD;padding:8px;cursor:pointer;position:relative;transition:all .2s;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>th:not(.notSortable){padding-right:36px;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>td:first-child,
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>th:first-child{border-left:1px solid #e7eaec;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>th:not(.notSortable):after{position:absolute;right:8px;display:inline-block;width:18px;height:16px;content:" ";}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>th.icSortDesc{background:#F5F5F6;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>th.notSortable{cursor:default;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>th:not(.notSortable):hover{background:#F1F1F1;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr:hover>td{background:#F5F5F5;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr:last-child>td{border-bottom:1px solid #DFDFDF;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>td.clickable{cursor:pointer;color:#3D8EB9;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>td.clickable:hover{background:#E6E6E6;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>td div.act{display:inline-block;width:18px;height:18px;margin:0px 4px;opacity:.42;transition:opacity .24s;cursor:pointer;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr:hover>td div.act{opacity:.68;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>td div.act:not(.disabled):hover{opacity:1;}
body>div.content div.holder div.box div.boxItem div.panel table.list>tbody>tr>td div.act.disabled{opacity:.26;}

body>div.content div.holder div.box div.boxItem div.panel table.import{width:100%;}
body>div.content div.holder div.box div.boxItem div.panel table.import input{width:100%;}

body>div.content div.holder div.box div.boxItem div.panel div.pagination{font-size:14px;color:#424242;display:inline-block;}
body>div.content div.holder div.box div.boxItem div.panel div.pagination div.item{border:1px solid #DDDDDD;border-right:none;padding:4px 10px;background:#FFFFFF;transition:all .16s;cursor:pointer;float:left;}
body>div.content div.holder div.box div.boxItem div.panel div.pagination div.item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
body>div.content div.holder div.box div.boxItem div.panel div.pagination div.item:last-child{border-right:1px solid #DDDDDD;border-top-right-radius:4px;border-bottom-right-radius:4px;}
body>div.content div.holder div.box div.boxItem div.panel div.pagination div.item:not(.active):not(.disabled):hover{background:#EEEEEE;}
body>div.content div.holder div.box div.boxItem div.panel div.pagination div.item.active{background:#F4F4F4;cursor:default;}
body>div.content div.holder div.box div.boxItem div.panel div.pagination div.item.disabled{cursor:not-allowed;}

body>div.content div.holder div.box div.boxItem div.panel input.search{padding-right:26px;position:relative;width:220px;background-position:196px 50%;transition:all .18s;}
body>div.content div.holder div.box div.boxItem div.panel input.search:focus{width:290px;background-position:266px 50%;}

body>div.formFrame{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:96;display:none;opacity:0;transition:all .32s;}
body>div.formFrame div.side{position:absolute;z-index:98;background:#3D8EB9;transition:all .24s;}
body>div.formFrame div.side.top{top:0px;right:0px;left:0px;height:0px;}
body>div.formFrame div.side.right{top:0px;right:0px;bottom:0px;width:0px;}
body>div.formFrame div.side.bottom{right:0px;bottom:0px;left:0px;height:0px;}
body>div.formFrame div.side.left{top:0px;left:0px;bottom:0px;width:0px;}
body>div.formFrame div.side.center{z-index:97;background:rgba(255,255,255,.92);top:0px;left:0px;right:0px;bottom:0px;}
body>div.formFrame div.side.center>div{opacity:1;transition:all .18s;}
body>div.formFrame div.side.center>div.hidden{opacity:0;}
body>div.formFrame div.side.center>div.close{position:absolute;top:10px;right:10px;opacity:.68;cursor:pointer;}
body>div.formFrame div.side.center>div.close:not(.hidden):hover{background-color:#F2F2F2;opacity:1;}
body>div.formFrame div.side.center>div.title{position:absolute;top:20px;right:80px;left:20px;font-size:28px;color:#686868;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body>div.formFrame div.side.center>div.content{position:absolute;top:80px;right:20px;bottom:20px;left:20px;overflow:hidden;font-size:16px;color:#282828;}

body>div.formConfirm{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:96;display:none;opacity:0;transition:all .32s;}
body>div.formConfirm div.side{position:absolute;z-index:98;background:#3D8EB9;transition:all .24s;}
body>div.formConfirm div.side.top{top:0px;right:0px;left:0px;height:0px;}
body>div.formConfirm div.side.right{top:0px;right:0px;bottom:0px;width:0px;}
body>div.formConfirm div.side.bottom{right:0px;bottom:0px;left:0px;height:0px;}
body>div.formConfirm div.side.left{top:0px;left:0px;bottom:0px;width:0px;}
body>div.formConfirm div.side.center{z-index:97;background:rgba(255,255,255,.92);top:0px;left:0px;right:0px;bottom:0px;}
body>div.formConfirm div.side.center>div{opacity:1;transition:all .18s;}
body>div.formConfirm div.side.center>div.hidden{opacity:0;}
body>div.formConfirm div.side.center>div.content{margin:20px;}
body>div.formConfirm div.side.center>div.content>div.message{font-size:16px;line-height:30px;color:#424242;}
body>div.formConfirm div.side.center>div.content>div.buttons{text-align:right;}
body>div.formConfirm div.side.center>div.content>div.buttons button{margin-top:10px;margin-left:10px;}

body>div.dontMove{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:99;display:none;}
body>div.dontMove div.background{position:fixed;top:0px;right:0px;bottom:0px;left:0px;background:#FFFFFF;opacity:.28;}
body>div.dontMove div.loader{position:fixed;top:0px;right:0px;bottom:0px;left:0px;margin:auto;}

textarea{border:1px solid #AFAFAF;box-sizing:border-box;padding:6px 8px;transition:all .2s;font-size:13px;min-width:344px;width:600px;height:220px;resize:none;}
textarea:not(.error):focus{border-color:#3D8EB9;}
textarea.error{border-color:#D14841;}

input[type=text],input[type=password]{border:1px solid #AFAFAF;box-sizing:border-box;padding:6px 8px;width:220px;transition:all .2s;font-size:13px;}
input[type=text]:focus:not(.error),input[type=password]:focus:not(.error){border-color:#3D8EB9;}
input[type=text].error,input[type=password].error{border-color:#D14841;}

button,input[type=button],input[type=submit]{border:1px solid #DEDEDE;background:#DEDEDE;padding:6px 8px;transition:all .2s;color:#131313;line-height:17px;font-size:13px;}
button:not(.disabled):hover,input[type=button]:not(.disabled):hover,input[type=submit]:not(.disabled):hover{background:#CECECE;}

button.disabled{opacity:.68;}

button.red{background-color:#E25041;color:#FFFFFF;}
button.red:not(.disabled):hover{background-color:#d8483a;}

button.blue{background-color:#3D8EB9;color:#FFFFFF;}
button.blue:not(.disabled):hover{background-color:#3881A7;}

button.green,button.submit{background-color:#41a85f;color:#FFFFFF !important;}
button.green:not(.disabled):hover,button.submit:not(.disabled):hover{background-color:#3b9b57;}

table.space{}
table.space>tbody>tr>td{padding:0px 24px 12px 0px;}
table.space>tbody>tr>td:last-child{padding-right:0px;}
table.space.less>tbody>tr>td{padding:0px 16px 8px 0px;}
table.space.less>tbody>tr>td:last-child{padding-right:0px;}

table.sample{border:1px solid #777777;border-collapse:collapse;line-height:normal;font-size:14px;}
table.sample th{background-color:#CCCCCC;border:1px solid #777777;padding:4px 10px;}
table.sample td{border:1px solid #777777;padding:4px 10px;}

div.toList{width:100%;min-height:36px;overflow:hidden;transition:height .32s;}
div.toList div.item{display:block;float:left;margin:0px 6px 6px 0px;overflow:hidden;background:#d8d8d8;padding:6px 8px;cursor:default;transition:all .2s;}
div.toList div.item:hover{background:#cbcbcb;}
div.toList div.item div.text{color:#242424;font-size:13px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.toList div.item div.remove{opacity:.46;width:16px;height:16px;cursor:pointer;transition:all .16s;}
div.toList div.item div.remove:hover{opacity:.82;}

.import-progress{
    position: fixed;
    top: 0px;
    width: 100%;
    padding: 20px 30px;
    background: #fff;
}
.import-progress .import-progress-bar{
    width: calc(100% - 120px);
    height: 24px;
    background-color: #f1f1f1;
    margin: 0 auto;
    font-size: 14px;
}
.import-progress .import-progress-text{
    width: calc(100% - 120px);
    margin: 0 auto;
}
.import-progress .import-progress-bar .import-progress-processed {
    background: #4CAF50!important;
    color: #fff;
    text-align: center;
    line-height: 24px;
}