*{font-family:inherit;color:inherit}
html,body{margin:0;padding:0;font-family:"Roboto", sans-serif}
.valid{background-image:url(/images/ok.png) !important;background-repeat:no-repeat !important;background-position:right center !important}
.loading{background-image:url(/images/loading.gif) !important;background-repeat:no-repeat !important;background-position:right+3px center !important;background-size:16px !important}
.error{background-image:url(/images/Fail.png) !important;background-repeat:no-repeat !important;background-position:right center !important}
.center{text-align:center}
.right{text-align:right}
.confirm{position: fixed;top: 0;left: 0;margin: 0;padding:0;width:100%;height:100%;z-index:10001;overflow:hidden}
.confirm > .mask{background-color:black;opacity:0.8;position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;z-index:1;overflow:hidden}
.confirm > .maskclose{position:absolute;margin:0;padding:0;width:42px;height:16px;background-image:url(/images/close.png);z-index:3;cursor:pointer}
.confirm > .main{position:absolute;margin:0;padding: 0;box-shadow:0 0 8px rgba(0,0,0,0.5);border-radius:5px;background-color:white;z-index:2;overflow:hidden}
.confirm > .main > .header{margin:0;padding:10px 15px;line-height:30px;font-size:22px;background:linear-gradient(to bottom,#eee 0%,#ccc 100%);color:#212121;}
.confirm > .main > .content{width:calc(100% - 30px);margin:15px;padding:0;overflow:hidden}
.confirm textarea{width:calc(100% - 30px);height:calc(100% - 140px);margin:15px;resize:none;background-color:white !important}
.confirm input[type="text"]{width:calc(100% - 30px);height:35px;margin:15px;resize:none;background-color:white !important}
.confirm > .main > .button{width:calc(100% - 30px);height:40px;margin:15px;padding:0;overflow:hidden;display:flex;justify-content:center;position:absolute;bottom:0}
.confirm > .main > .button a{width:100px;margin:0 10px;padding:5px 10px;line-height:32px;background-color:#1d96b2;color:white;font-size:16px;text-align:center;transition:all 0.3s ease;cursor:pointer}
.confirm > .main > .button a:hover{background-color:#23B7DC}
.confirm > .main > .button a.cancel{background-color:red}
.confirm > .main > .button a.cancel:hover{background-color:#FF5555}
/*POPUP*/
.popup{top:0;left:0;width:100%;height:100%;padding:0;z-index:10000;position:absolute;overflow:hidden;font-family:Roboto}
.popup.fixed{position:fixed}
.popup.top{z-index:10001}
.popup > .mask{width:100%;height:100%;top:0;left:0;background-color:black;opacity:0.8;position:absolute;z-index:1}
.popup > .main{box-shadow:0 0 8px rgba(0,0,0,0.5);background-color:white;font-size:small;position:absolute;z-index:2}
.popup > .main.full{border:0;box-shadow:none}
.popup .main > .header{width:100%;height:30px;line-height:30px;background:linear-gradient(to bottom,#eee 0%,#ccc 100%);color:#212121;font-size:medium;position:relative}
.popup .main > .header .icon{width:20px;height:20px;margin:5px 10px 0 5px;background:url(/images/feature.png) no-repeat transparent center;background-size:contain;display:inline-block}
.popup .main > .header .name{width:calc(100% - 110px);height:30px;line-height:30px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top}
.popup .main > .header .button{height:100%;top:0;right:0px;border-radius:0;background:none !important;border:0 !important;position:absolute}
.popup .main > .header .button > div{width:30px;height:100%;display:inline-block;vertical-align:top;cursor:pointer}
.popup .main > .header .button > div:hover{background-color:#aaa}
.popup .main > .header .button > i{width:20px;height:20px;line-height:20px;padding:5px;color:#0A0A0A;text-align:center;background-color:transparent;display:inline-block;vertical-align:top;cursor:pointer}
.popup .main > .header .button > i:hover{background-color:#aaa}
.popup .main > .body{background-color:white}
.popup .main > .body table button{width:20px;height:20px;cursor:pointer}
.popup .main > .body table div.image{width:calc(100% - 10px);height:25px;background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block;cursor:pointer;position:relative}
.popup .main > .body tr.deleted * {text-decoration:line-through}
.popup .main > .body td.image > div{width:calc(100% - 10px);height:25px;border:1px solid #ccc;box-shadow:0 0 3px rgba(0,0,0,0.4);background-color:#eee;background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block;cursor:pointer;position:relative}
.popup .main > .body td.image.small > div{width:20px;height:20px}
.popup .main > .body td.image.medium > div{width:40px;height:40px}
.popup .main > .body .panel{display:inline-block;vertical-align:top}
.popup .main > .body.update .tabs{height:100%}
.popup .main > .body.update div.image{width:100px;height:100px;margin-right:10px;border:1px solid #ccc;box-shadow:0 0 3px rgba(0,0,0,0.4);background-color:#eee;background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block;cursor:pointer;position:relative}
.popup .main > .body.update div.image label{width:100%;height:25px;line-height:25px;top:calc(50% - 15px);color:#ccc;text-align:center;position:absolute;z-index:1;cursor:pointer}
.popup .main > .body.update div.image img{max-width:100%;max-height:100%;margin:auto;display:block;position:absolute;z-index:2;cursor:pointer}
.popup .main > .body.update .bottom{bottom:5px}
.popup .main > .body.update button{margin:5px;float:right;background:none;border-radius:0;border:1px solid #d3d3d3;background-color:#eee;color:#555;font-size:12px;transition:all 0.3s linear}
.popup .main > .body.update button:hover:not(.ui-state-disabled){background:none;background-color:#575757;color:white;border:1px solid #303030}
.popup .main > .body.update button span{color:#555;outline:none;transition:all linear 0.3s}
.popup .main > .body.update button:hover:not(.ui-state-disabled) span{color:white}
.popup .main > .footer{width:calc(100% - 10px);height:29px;line-height:29px;padding:0 5px;border-top:1px solid #ccc;background-color:#eee;color:red}
.popup .main.radius > .footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden}
.popup .tabs{width:100%;padding:0;border:0}
.popup .tabs .ui-tabs-panel{width:calc(100% - 10px);height:calc(100% - 60px);padding:5px;position:relative}
.popup .ui-widget-header{background:none;background-color:#eee;border-radius:0}
.popup .ui-widget-header .ui-state-default{margin-top:5px;border-color:#aaa;border-radius:0;background:none;background-color:#575757;font-size:14px}
.popup .ui-widget-header .ui-state-default:first-child{margin-left:5px}
.popup .ui-widget-header .ui-state-default a{color:white;outline:none}
.popup .ui-widget-header .ui-tabs-active{background:none;background-color:white}
.popup .ui-widget-header .ui-tabs-active a{color:black}
.popup .ui-widget-header button{background:linear-gradient(to bottom,#3D3D3D 0%,#222222 100%) !important;color:white !important;font-family:Arial !important;font-size:14px}
.popup th.ui-state-default{border-bottom:1px solid #ccc}
/*Button*/
.popup .button,.popup .button.ui-state-default{background:none;border-radius:0;border:1px solid #d3d3d3;background-color:#eee;color:#555;transition:all linear 0.3s}
.popup .button:hover,.popup .button.ui-state-default:hover{background:none;background-color:#575757;color:white;border:1px solid #303030}
.popup .button span,.popup .button.ui-state-default span{color:#555;outline:none;transition:all linear 0.3s}
.popup .button span,.popup .button.ui-state-default:hover span{color:white}
/*fieldset*/
.popup fieldset{border:1px solid #ccc;margin-top:5px}
.popup fieldset > input[type="text"],.popup fieldset > select{width:100%;display:inline-block}
.popup fieldset > textarea{width:100%;height:100px}
/*UI*/
.popup .ui-widget{font-family:inherit;font-size:12px}
.popup .ui-icon-waiting{background-image:url("/images/loading.gif") !important;background-position:0 center !important;background-size:contain !important}
/*CKEDITOR*/
.popup .cke{z-index:10002 !important}
.popup .cke_dialog_background_cover{z-index:10003 !important}
/*OTHER*/
.popup li.ui-widget-header.ui-menu-item{height:20px;line-height:20px;border:0;padding-left:10px;font:bold 14px Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.popup li.ui-widget-header.ui-menu-item.ui-state-focus{height:20px;line-height:20px;border:1px solid #aaa;padding-left:10px;font:bold 14px Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.popup ul.ui-menu{min-width:220px}
.popup button.ui-button-icon-only{width:20px;height:20px}
.popup .osSelect-search input[type="text"]{height:25px !important;line-height:25px !important;font-size:12px}
.popup.alert{z-index:30000}
.popup.confirm{z-index:30001}
/*POPUP THEME*/
/*BLACK*/
.popup .main.black > .header{background:linear-gradient(to bottom,#444 0%,#222 100%);color:white}
.popup .main.black > .header .button > div:hover{background-color:#555}
.popup .main.black > .header .button > i{color:#E9E9E9}
.popup .main.black > .header .button > i:hover{background-color:#555}
.popup .main.black .button,.button.black{border:1px solid #333;background-color:#444;color:white}
.popup .main.black .button:hover:not(.ui-state-disabled),.button.black:hover:not(.ui-state-disabled){border:1px solid #444;background-color:#555;color:white}
.popup .main.black .button span,.button.black span{color:white}
.popup .main.black .button:hover:not(.ui-state-disabled) span,.button.black:hover:not(.ui-state-disabled) span{color:white}
/*BLUE*/
.popup .main.blue > .header{background:none;background-color:#3B5998;color:white}
.popup .main.blue > .header .button > div:hover{background-color:#35518A}
.popup .main.blue > .header .button > i{color:white}
.popup .main.blue > .header .button > i:hover{background-color:#35518A}
.popup .main.blue .button{border:1px solid #35518A;background-color:#3B5998;color:white}
.popup .main.blue .button:hover:not(.ui-state-disabled){border:1px solid #3B5998;background-color:#466BB9;color:white}
.popup .main.blue .button span{color:white}
.popup .main.blue .button:hover:not(.ui-state-disabled) span{color:white}
/*Tablet*/
.popup.touch{position:fixed;z-index:30001}
.popup.touch .main{width:auto;height:auto;min-width:250px;min-height:180px;top:20%;left:20%;padding:10px;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,0.5);background-color:white;opacity:0.98;position:fixed;z-index:2}
.popup.touch .main .close{width:50px;height:50px;background:url(/file/plugin/osInitDesktop/close.png) no-repeat transparent;background-size:50px 50px;position:absolute;top:-15px;right:-15px;cursor:pointer;z-index:2}
.popup.touch .main .back{width:50px;height:50px;background:url(/file/plugin/osInitDesktop/back.png) no-repeat transparent;background-size:50px 50px;position:absolute;top:10px;left:10px;cursor:pointer;z-index:2}
.popup.touch .main .header{max-height:30px;text-align:center;color:black;background:none;font-size:large;height:auto;z-index:1}
.popup.touch .main .body{width:100%;background:none;background-color:transparent;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.popup.touch .main .item{width:120px;height:130px;margin:10px;padding:10px;border-radius:10px;background-color:#EFEFEF;cursor:pointer;transition:all linear 0.3s}
.popup.touch .main .item:hover{background-color:#D4D4D4;box-shadow:0 0 5px rgba(0,0,0,0.5)}
.popup.touch .main .item h2,.popup.touch .main .item h3{text-align:center;color:black}
.popup.touch .main .item img{max-width:100%;width:auto;height:80px;margin:auto;display:block}
/*Row, Col*/
.popup .col{width:calc(50% - 10px);padding:0 5px;display:inline-block;vertical-align:top}
.popup .col3{width:calc(33% - 10px);padding:0 5px;display:inline-block;vertical-align:top}
.popup .row{width:calc(100% - 10px);padding:0 5px;margin-top:5px;display:inline-block}
.popup .row.header{font-weight:bold;font-size:14px}
.popup .row.editor{width:calc(100% - 12px);height:calc(100% - 52px);border:1px solid gray;-moz-appearance:textfield-multiline;-webkit-appearance:textarea}
.popup .row.editor > div{width:calc(100% - 10px);height:calc(100% - 10px);margin:5px;outline:none;overflow:auto}
.popup .row > .col{width:50%;padding:0}
.popup .row > .col3{width:33%;padding:0}
.popup .col > .row,.popup .row > .row,.popup .col3 > .row{width:100%;padding:0}
.popup .col > .row.editor{width:calc(100% - 2px)}
.popup .row > label{width:120px;height:25px;line-height:25px;font-size:12px;display:inline-block;vertical-align:top}
.popup .row > input[type="text"],.popup .row > input[type="password"]{width:calc(100% - 137px);height:25px;line-height:25px;padding:0 5px;border: 1px solid #ccc;outline:none;font-size:12px;display:inline-block}
.popup .row > input[type="checkbox"],.popup .row > input[type="radio"]{margin-top:6px}
.popup .row > select{width:calc(100% - 125px);height:25px;border: 1px solid #ccc;margin-right:3px;display:inline-block}
.popup .row > textarea{width:calc(100% - 132px);height:100px;border: 1px solid #ccc;}
.popup .row > span{width:auto;height:25px;line-height:25px;margin-left:5px;font-size:12px;display:inline-block;vertical-align:top;white-space:nowrap}
.popup .row > a{width:auto;height:25px;line-height:25px;margin-right:20px;cursor:pointer}
.popup .row > a > img{width:auto;height:20px;margin-top:2px;margin-right:5px;display:inline;float:left}
.popup .row > a > span{width:auto;height:25px;line-height:25px;margin-right:20px;display:inline;float:left}
.popup .row option{height:20px;line-height:20px}
.popup .row .pagesize{width:80px}
.popup .row .page{max-width:50%;height:30px;line-height:30px;margin-right:5px;display:inline;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.popup .row .button{margin-left:10px;display:inline;float:right}
.popup .row.address{}
.popup .row.address > input[type="text"]{width:190px;margin-right:10px}
.popup .row.address > select{width:calc(100% - 340px) !important}
.popup .row.bottom{left:0;bottom:0;position:absolute}
.popup .row.label60 > label{width:60px}
.popup .row.label60 > input[type="text"],.popup .row.label60 > input[type="password"]{width:calc(100% - 70px)}
.popup .row.label60 > select{width:calc(100% - 63px)}
.popup .row.label60 > textarea{width:calc(100% - 70px)}
.popup .row.address.label60 > input[type="text"]{width:140px}
.popup .row.address.label60 > select{width:calc(100% - 280px)}
.popup .row.label90 > label{width:90px}
.popup .row.label90 > input[type="text"],.popup .row.label90 > input[type="password"]{width:calc(100% - 110px)}
.popup .row.label90 > select{width:calc(100% - 93px)}
.popup .row.label90 > textarea{width:calc(100% - 100px)}
.popup .row.address.label90 > input[type="text"]{width:170px}
.popup .row.address.label90 > select{width:calc(100% - 310px)}
.popup .row.label150 > label{width:150px}
.popup .row.label150 > input[type="text"],.popup .row.label150 > input[type="password"]{width:calc(100% - 160px)}
.popup .row.label150 > select{width:calc(100% - 153px)}
.popup .row.label150 > textarea{width:calc(100% - 160px)}
.popup .row.address.label150 > input[type="text"]{width:240px}
.popup .row.address.label150 > select{width:calc(100% - 380px)}
/*CKEDITOR*/
.cke{z-index:10002 !important}
.cke_dialog_background_cover{z-index:10003 !important}