:root{--primary: #4B77BE;--secondary: #2980B9;--thead: #89bdd3;--success: #4B77BE;--success-hover: #2980B9;--link: #4B77BE;--page-bg: #eff3f8;--text: #34495e;--border: #e7ecf1}:root[data-theme="2"]{--primary:#22264b;--secondary:#e6cf8b;--thead:#b56969;--success:#22264b;--success-hover:#e6cf8b;--link:#22264b}:root[data-theme="3"]{--primary:#5e0231;--secondary:#856046;--thead:#c7a693;--success:#5e0231;--success-hover:#856046;--link:#5e0231}:root[data-theme="4"]{--primary:#30231d;--secondary:#6a5750;--thead:#b5a397;--success:#30231d;--success-hover:#6a5750;--link:#30231d}:root[data-theme="5"]{--primary:#cf5a00;--secondary:#787910;--thead:#fe9600;--success:#cf5a00;--success-hover:#787910;--link:#cf5a00}:root[data-theme="6"]{--primary:#006666;--secondary:#fae596;--thead:#3fb0ac;--success:#006666;--success-hover:#058080;--link:#006666}:root[data-theme="7"]{--primary:#935347;--secondary:#64706c;--thead:#c7ad88;--success:#935347;--success-hover:#64706c;--link:#935347}:root[data-theme="8"]{--primary:#d23176;--secondary:#feb8e6;--thead:#e46fb4;--success:#e5a100;--success-hover:#d23176;--link:#d23176}:root[data-theme="9"]{--primary:#406378;--secondary:#6a90a9;--thead:#b2c3d3;--success:#406378;--success-hover:#6a90a9;--link:#406378}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Open Sans,sans-serif;font-size:12px;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none;cursor:pointer}a:hover,a:focus{color:#000;text-decoration:underline}h1,h2,h3,h4{font-family:Open Sans,sans-serif;font-weight:300;margin:0}b,strong{font-weight:700}img{vertical-align:middle}table{border-collapse:separate;border-spacing:0}button{font-family:inherit}.page-header{background:#fff}.page-header-top{height:75px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #f1f1f1}.page-logo img{max-height:66px;margin:4px 0 4px 5px}.page-logo-2{margin-left:auto;margin-right:auto}.page-logo-2 img{max-height:66px}.top-user{display:flex;align-items:center;gap:12px;position:relative;font-size:12px;color:#000;white-space:nowrap;cursor:default}.top-user .welcome{text-align:left;line-height:1.3}.top-user img.avatar{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff}.top-user .dropdown-content{display:none;position:absolute;right:0;top:44px;background:#f9f9f9;min-width:170px;box-shadow:0 8px 16px #0003;z-index:1000}.top-user:hover .dropdown-content{display:block}.top-user .dropdown-content a{display:block;color:#000;padding:12px 16px;font-weight:700;text-decoration:none}.top-user .dropdown-content a:hover{background:#f1f1f1}.page-header-menu{background:var(--primary);min-height:51px}.hor-menu{display:flex;flex-wrap:wrap;margin:0;padding:0 5px;list-style:none}.hor-menu>li{position:relative}.hor-menu>li>a{display:block;color:#fff;font-size:12px;padding:16px 12px 15px;text-decoration:none}.hor-menu>li:hover>a{color:#333!important;background:#fafafc!important;text-decoration:none}.hor-menu .dropdown-menu,.hor-menu .mega{display:none;position:absolute;top:100%;left:0;background:#fafafc;box-shadow:5px 5px #55616f33;border:1px solid #eaeaf2;border-top:0;margin-top:-1px;z-index:900;min-width:195px;padding:6px 0}.hor-menu .mega{min-width:500px}.hor-menu .mega.narrow{min-width:300px}.hor-menu>li:hover>.dropdown-menu,.hor-menu>li:hover>.mega{display:block}.hor-menu .dropdown-menu a,.hor-menu .mega a{display:block;color:var(--link);font-weight:300;padding:10px 12px;font-size:12px;text-decoration:none;white-space:nowrap}.hor-menu .dropdown-menu a:hover,.hor-menu .mega a:hover{color:#000;background:#eaeaf2}.hor-menu .mega .cols{display:flex;padding:6px 10px}.hor-menu .mega .col{flex:1;min-width:150px}.hor-menu .mega .col b{display:block;padding:8px 12px 2px;color:#555}.menu-toggler{display:none}@media (max-width: 991px){.page-header-top{height:auto;flex-wrap:wrap}.page-logo-2{display:none}.menu-toggler{display:inline-block;margin-left:auto;color:var(--primary);font-size:20px;padding:10px;cursor:pointer}.page-header-menu{background:var(--page-bg)}.page-header-menu.closed{display:none}.hor-menu{flex-direction:column;background:#fff;padding:0}.hor-menu>li>a{color:#666;border-bottom:1px solid #eee}.hor-menu>li:hover>a{color:#fff!important;background:var(--primary)!important}.hor-menu .dropdown-menu,.hor-menu .mega{position:static;min-width:0;box-shadow:none}.hor-menu .mega .cols{flex-direction:column}}.page-head{background:#fff}.page-head .page-title{padding:18px 10px 10px}.page-head h1{color:var(--primary);font-size:22px;font-weight:400;margin:0}.page-content{background:var(--page-bg);padding:15px 10px;min-height:calc(100vh - 230px)}.breadcrumb{list-style:none;margin:0;padding:0 0 15px;color:#a7b2c0;font-size:12px}.breadcrumb li{display:inline-block}.breadcrumb li+li:before{content:" > ";padding:0 4px;color:#a7b2c0}.msg{text-align:center;color:red;font-weight:700;margin:0 0 8px}.msg.ok{color:#26c281}.page-footer{background:#fff;color:#000;text-align:center;padding:17px 0;font-size:13px;font-weight:300}.page-footer h4{font-size:18px;font-weight:300;margin-bottom:4px}.page-footer a{color:#000}.page-footer a:hover{color:red}.scroll-to-top{position:fixed;right:20px;bottom:30px;color:#657383;font-size:32px;opacity:.7;cursor:pointer;display:none;z-index:500}.scroll-to-top.show{display:block}.portlet{margin:5px 0 15px;border-radius:4px;background:#fff}.portlet.box{border:1px solid var(--primary);border-top:0}.portlet.box>.portlet-title{background:var(--secondary);color:#fff;min-height:41px;padding:0 10px;border-radius:4px 4px 0 0;display:flex;align-items:center}.portlet.box>.portlet-title.center{justify-content:center}.portlet.box>.portlet-title .caption{font-size:18px;line-height:18px;padding:11px 0 9px;color:#fff}.portlet.box>.portlet-body{background:#fff;padding:10px;border-radius:0 0 4px 4px}.required-note{text-align:center;font-size:10px;margin-bottom:8px}.required-note b{color:red}.form-row{display:flex;flex-wrap:wrap;margin:0 -10px}.form-el{padding:0 10px;margin-bottom:15px;width:50%}.form-el.full{width:100%}.form-el.third{width:33.333%}.form-el.center{width:50%;margin-left:auto;margin-right:auto}.form-el.quarter{width:25%}@media (max-width: 767px){.form-el,.form-el.center,.form-el.third,.form-el.quarter{width:100%}}.form-el label{display:inline-block;font-weight:400;margin-bottom:5px}.form-el label .req{color:red;font-weight:700}.form-el .ctl{display:flex;align-items:flex-start;gap:4px}.form-el .ctl>.form-control,.form-el .ctl>.select-wrap{flex:1}.form-el .tt{margin-top:10px;cursor:help}.form-el .tt img{width:13px;height:13px}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:12px;line-height:1.42857;color:#4d6b8a;background:#fff;border:1px solid #c2cad8;border-radius:4px;box-shadow:inset 0 1px 1px #00000013;font-family:inherit}.form-control:focus{outline:0;border-color:#93a1bb;box-shadow:0 0 8px #93a1bb99}.form-control:disabled{background:#eef1f5}textarea.form-control{height:auto;min-height:90px;resize:vertical}.charcount{color:red;font-size:11px}.readonly-val{padding:6px 0}.radio-inline,.checkbox-inline{display:inline-block;margin-right:12px}input[type=radio],input[type=checkbox]{vertical-align:-2px;margin-right:4px}.hint{font-size:11px;color:#6789ab}.btn{display:inline-block;padding:6px 12px;margin:5px;font-size:12px;font-weight:400;line-height:1.42857;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;outline:0;text-decoration:none}.btn-success{color:#fff;background:var(--success);border-color:var(--success)}.btn-success:hover,.btn-success:focus{background:var(--success-hover);border-color:var(--success-hover);color:#fff;text-decoration:none}.btn-info{color:#fff;background:#659be0;border-color:#508edb}.btn-info:hover{background:#3a80d7;border-color:#2a73ce;color:#fff;text-decoration:none}.btn-default{color:#333;background:#fff;border-color:#ccc}.btn-default:hover{background:#e6e6e6;color:#333;text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-xs{padding:2px 8px;font-size:11px;margin:2px}.center{text-align:center}.right{text-align:right}.select-wrap{position:relative}.select-wrap .results{position:absolute;z-index:800;left:0;right:0;top:100%;background:#fff;border:1px solid #aaa;max-height:220px;overflow:auto}.select-wrap .results div{padding:6px 10px;cursor:pointer}.select-wrap .results div:hover,.select-wrap .results div.hl{background:#5897fb;color:#fff}.multi-picker{display:flex;gap:8px}.multi-picker select{width:50%;height:220px}.multi-picker option{padding:2px 4px}.list-toolbar{display:table;width:100%;background:#fff;border:1px solid var(--border);margin-bottom:8px}.list-toolbar>div{display:table-cell;width:33%;text-align:center;vertical-align:middle;padding:6px}.list-toolbar .search-toggle{font-size:16px;color:var(--primary);cursor:pointer}.smart-search table{width:100%}.smart-search td{padding:3px;vertical-align:top}.smart-search .fa-plus-square,.smart-search .fa-minus-square{font-size:26px;color:var(--primary);cursor:pointer;margin:0 4px}@media (max-width: 1024px){.smart-search td{display:block}}.rec-count{text-align:center;font-weight:700;margin:4px 0}.pagination{display:inline-flex;margin:10px 0;padding:0;list-style:none}.pagination li a{float:left;padding:6px 12px;border:1px solid #ddd;margin-left:-1px;color:var(--link);background:#fff;text-decoration:none}.pagination li a.current{color:red;font-weight:700}.pagination li a:hover{background:#eee}.pagination li:first-child a{border-radius:4px 0 0 4px}.pagination li:last-child a{border-radius:0 4px 4px 0}.table-wrap{background:#fff;overflow-x:auto}table.list{width:100%;background:#fff;border:1px solid var(--border);font-size:12px}table.list thead tr{background:var(--thead);color:#fff}table.list th{padding:8px;text-align:center;font-weight:700;border:1px solid var(--border);border-bottom-width:2px;color:#fff}table.list td{padding:6px 8px;border:1px solid var(--border);vertical-align:top}table.list tbody tr:hover{background:#eef1f5}table.list td.c{text-align:center}table.list td.urgent{background:#ff4d4d;font-weight:700}table.list td.actions a{display:block}table.list td.actions .btn{display:inline-block}.less-content{cursor:pointer}.more-content a{display:inline}.private-remarks{color:red}.attachments b{display:block;margin-top:6px}.empty{color:red;font-weight:700;text-align:center;padding:30px 0}.home-cols{display:flex;gap:10px;flex-wrap:wrap}.home-cols>div{flex:1;min-width:300px}.home-list{list-style:disc;margin:0;padding:4px 0 4px 24px;line-height:2}table.kv td{padding:6px 10px;vertical-align:top}table.kv td:first-child{font-weight:700;white-space:nowrap}.step-line{display:flex;flex-wrap:wrap}.mt-step-col{width:25%;padding:30px 8px;text-align:center;position:relative}@media (max-width: 767px){.mt-step-col{width:100%;padding:12px 8px}}.mt-step-number{display:inline-block;width:32px;height:32px;line-height:26px;font-size:14px;border-radius:50%;border:3px solid #e5e5e5;background:#fff;margin-bottom:5px;cursor:pointer}.mt-step-title{font-size:15px;font-weight:400;text-transform:uppercase;color:#95a5a6}.mt-step-content{color:#95a5a6}.mt-step-col.done .mt-step-number{border-color:#26c281;color:#26c281}.mt-step-col.done .mt-step-title,.mt-step-col.done .mt-step-content{color:#26c281}.mt-step-col.active .mt-step-number{border-color:#32c5d2;color:#32c5d2}.mt-step-col.active .mt-step-title,.mt-step-col.active .mt-step-content{color:#32c5d2}.mt-step-col.error .mt-step-number{border-color:#e7505a;color:#e7505a}.mt-step-col.error .mt-step-title,.mt-step-col.error .mt-step-content{color:#e7505a}.tip{position:relative}.tip .tipbox{display:none;position:absolute;left:50%;transform:translate(-50%);top:40px;background:#000;color:#fff;padding:6px 10px;border-radius:10px;font-size:12px;min-width:200px;max-width:400px;z-index:50;text-align:left}.tip:hover .tipbox{display:block}body.login-body{background:#666}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:background-image 1s ease-in-out;z-index:-1}.login .content{width:360px;margin:5% auto 0;padding:1px 30px 15px;border-radius:7px;background:url(/img/bg-70.png);color:#000}.login .logo{text-align:center;margin:20px auto;padding:15px}.login .logo img{height:100px;margin-top:15px;margin-bottom:8px}.login .form-title{color:var(--primary);font-size:18px;font-weight:700;margin-bottom:25px}.login .input-icon{position:relative}.login .input-icon i{position:absolute;left:10px;top:9px;color:#ccc;font-size:16px}.login .input-icon .form-control{padding-left:33px;height:36px}.login .form-group{margin-bottom:15px}.login .form-actions{padding:0 30px 25px;text-align:center}.login hr{border:0;border-top:1px solid #ddd}.login .copyright{text-align:center;padding:10px;font-size:13px;color:#000}.login .copyright h5{font-size:14px;font-weight:400;margin:0 0 6px}.help-block{color:#e73d4a;font-size:12px;margin-top:4px}@media (max-width: 480px){.login .content{width:100%;padding:10px}}.theme-tiles{display:flex;flex-wrap:wrap;gap:10px}.theme-tile{width:90px;height:300px;cursor:pointer;border:3px solid transparent}.theme-tile.current{border-color:#000}.theme-tile span{display:block;background:#ffffffd9;margin:6px;padding:4px;text-align:center;font-size:11px}.loading{text-align:center;color:#888;padding:20px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1200;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:4px;width:420px;max-width:95%}.modal-box .modal-header{background:var(--primary);color:#fff;padding:12px 16px;font-size:16px;border-radius:4px 4px 0 0}.modal-box .modal-body{padding:16px}.modal-box .modal-footer{padding:10px 16px;text-align:right;border-top:1px solid #eee}.badge-inactive{color:red;font-weight:700}.nowrap{white-space:nowrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 767px){.grid-2{grid-template-columns:1fr}}.access-table td{padding:4px 10px}.access-table th{text-align:left;background:#eef1f5;padding:6px 10px}