@keyframes kf-list-empty{0%,to{background-position:right 10px top 10px}50%{background-position:right 10px top 2px}}@keyframes kf-list-not-found{0%,to{background-position:left 50px top 10px}50%{background-position:left 50px top 2px}}:root{--main-color: #2d61a7;--light-color: #2196f3;--white: #f2f2f2;--red: #f44336;--red-hover: #f42513;--active-color: #5897fb;--hover-color: #20a6f3}body{font-size:10px!important}.ohke-data-template,.ohke-image-container input[type=file]{display:none}.ohke-error-control{border-bottom-color:var(--red)!important;border-bottom-style:dashed!important}.ohke-image-container .w3-btn{font-weight:400}.ohke-image-container .title{padding:6px;overflow:hidden}.w3-modal-content{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}@media (min-width:601px){.right-label{text-align:right;padding-right:8px;padding-top:4px}}.padding-4{padding:4px}.ohke-image-container .img-data{min-height:200px;max-height:400px;max-width:100%}.ohke-order.w3-input{border-radius:5px;width:50px;padding:4px;text-align:center;border:1px solid #ccc}.ohke-invalid .chosen-choices,.ohke-invalid .chosen-single,.ohke-invalid .w3-input{box-shadow:0 0 4px var(--red)!important}.ohke-invalid .invalid-message{color:var(--red);list-style-type:none;padding:0;margin:2px 0}.ohke-invalid .invalid-message>li:before{content:"\f071";margin-right:6px;display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.padding-12{padding:12px 0;margin:0}.agent-list img{max-height:100px}.icon-list img{max-height:50px!important}.kanva-list img{max-height:100px!important}.photo-item.active{color:red}.agent-list .ohke-btn .fa{line-height:inherit}.ohke-btn .fa{line-height:18px}.ohke-btn.transition-btn{margin-top:6px}.ohke-radio{height:27px;display:flex}.ohke-radio>label{display:flex;align-items:center;flex:1}.ohke-radio>label>input{margin-right:6px}.main-tab{margin:0;height:100%;overflow:hidden}.main-tab>.tab-header{padding-left:4px}.main-tab>.tab-header>.close-btn{margin:5px}.main-tab>.tab-content{border:0!important;height:calc(100% - 36px);overflow-y:auto}.ohke-tab .subform-container{border:0!important;min-height:inherit!important;border-radius:0!important}.subform-container .ohke-table{border:0}.subform-container .ohke-table>tbody tr:last-child{border-bottom:none!important}.record-info{font-size:12px;border-left:1px solid var(--white);padding-left:6px}.record-info:first-child{border:0;padding:0}.record-info b{color:#fbc02d;margin:6px}.ohke-panel .panel-header .fa{line-height:unset!important}.ohke-panel .panel-header .ohke-btn{font-size:10px}.ohke-panel .panel-header{width:100%;height:26px;overflow:hidden;color:var(--white);background:var(--main-color);text-align:center;user-select:none;font-size:15px;padding-top:4px;border-radius:4px 4px 0 0}.ohke-panel .panel-content{padding-bottom:2px;border-color:var(--main-color);border-width:medium thin thin;border-style:solid;border-radius:0 0 4px 4px;background:var(--white)}.ohke-tab .tab-header{width:100%;height:32px;overflow:hidden;border-bottom:4px solid var(--main-color)}.tab-header-center{float:left;position:relative;width:100%;height:100%;overflow:hidden}.tab-scroll>.tab-header-center{width:calc(100% - 46px);margin-left:2px}.tab-scroll>.tab-header-center>.tab-header-inner{left:0}.tab-scroll>.tab-header-left,.tab-scroll>.tab-header-right{display:block}.tab-header-left{float:left;border-top-left-radius:5px}.tab-header-right{float:right;border-top-right-radius:5px}.tab-header-left.disabled,.tab-header-right.disabled{opacity:.5}.tab-header-left,.tab-header-right{display:none;width:20px;height:31px;background:var(--light-color);color:var(--white);cursor:pointer;padding:8px 6px}.ohke-tab .tab-header .tab-header-inner{position:absolute;white-space:nowrap}.ohke-tab .tab-content{padding-bottom:2px;border-color:var(--main-color);border-width:0 thin thin;border-style:solid;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#f5f5f5}.ohke-tab .ohke-tab-btn .w3-badge{background-color:#fff;color:#000;margin-left:6px}.ohke-badge{border-radius:8px;padding:0 4px 1px;color:#fff;background:var(--red);font:10px Verdana,sans-serif}.ohke-tab-btn .ohke-badge{margin-left:3px}.ohke-badge,.ohke-tab .ohke-tab-btn{display:inline-block;text-align:center}.ohke-tab .ohke-tab-btn{background:#cde3ff;color:#1a2226;padding:8px;margin-right:3px;border-top-left-radius:5px;border-top-right-radius:5px;height:28px;user-select:none;vertical-align:middle;text-decoration:none;cursor:pointer;white-space:nowrap}.ohke-tab .ohke-tab-btn:last-child{margin-right:0}.ohke-tab .ohke-tab-btn.active{height:29px;background:var(--main-color);color:var(--white)}.height-35{height:35px}.no-resize{resize:none}.no-wrap{white-space:nowrap}.no-margin{margin:0!important}.ohke-header{background:var(--main-color);color:var(--white);height:34px;padding:0 8px}.ohke-header .title{font-size:12px;padding-top:8px;overflow:hidden}.ohke-header .action{float:right;padding-top:5px;margin-left:10px}.ohke-content .w3-btn,.ohke-header .w3-btn{padding:5px 10px;background:#55a4f8;border-radius:5px}.ohke-table{font-size:10px!important}.ohke-table.agent-list{margin-bottom:2px}.ohke-table.agent-list .code-container{max-width:800px}.ohke-table.agent-list tbody tr:hover{box-shadow:inset 0 0 10px green}.ohke-table tr.lastest>td:first-child{background:url(/appstart/resource/common/images/new_icon.gif) no-repeat;background-size:85%}.ohke-table td,.ohke-table th{padding:8px 4px}.ohke-btn{border-radius:5px;background:var(--light-color);color:var(--white);padding:4px 10px;display:inline-block;width:auto;user-select:none;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;cursor:pointer;white-space:nowrap}.ohke-btn+.ohke-btn{margin-left:6px}.ohke-btn:first-child,.ohke-header .state-filter select:first-child{margin-left:0}.close-btn:active,.close-btn:focus,.ohke-btn:active,.ohke-btn:focus{outline:0;box-shadow:0 0 5px var(--active-color)}.ohke-btn:hover{background:var(--hover-color)}.danger,.danger:hover{color:#fff!important;background-color:var(--red)!important}.danger:hover{background-color:var(--red-hover)!important}.warning,.warning:hover{color:#fff!important;background-color:#f4a412!important}.warning:hover{background-color:#f4ad25!important}.ohke-group>*{border-radius:0;margin:0;border-left-width:0!important}.ohke-group>:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.ohke-group>.ohke-box:first-child,.ohke-group>.w3-border:first-child{border-left-width:1px!important}.ohke-group>:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.ohke-group{display:flex}.ohke-group .search-box,.ohke-group .w3-input{flex:1;width:inherit}.ohke-group .ohke-box{flex:1;border-radius:inherit}.ohke-header .ohke-btn,.ohke-header .w3-btn,.ohke-header .w3-input{height:25px!important}.ohke-header .state-filter{float:left;padding-top:5px;margin-right:10px;display:flex}.ohke-header .state-filter select{padding:0 4px;margin-left:10px}.ohke-header .w3-input:focus{outline:0}.ohke-header .search .w3-input{background:#fff!important;color:#222!important;border:0}.tab-item .ohke-header>.action,.tab-item .ohke-header>.search{padding-top:3px}.ohke-header .search{padding-top:5px;overflow:hidden}.ohke-header .search .search-box{width:100%;position:relative}.ohke-header .search .search-box .total{position:absolute;right:5px;top:3px;color:#333;background:#e6e6e6;padding:2px 5px;border-radius:5px}.close-btn{border-radius:5px;color:#55a4f8;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;cursor:pointer;margin-left:10px}.close-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.subform-container .ohke-content,form.ohke-content{padding:4px 0;min-height:110px}.ohke-content{padding:4px 8px}.main-container>.agent-container{height:100%}.main-container>.agent-container>.ohke-header~.ohke-content,.ohke-header~.full-height{height:calc(100% - 34px)!important;overflow:hidden auto}.main-container>.agent-container>.ohke-content{overflow:hidden auto;height:100%}.subform-container{min-height:144px}.w3-input[readonly]{background-color:#f1f1f1!important}.w3-input[type=number]{max-width:175px;text-align:right}.w3-input[type=date],.w3-input[type=datetime-local],.w3-input[type=time]{max-width:200px}.ohke-content .w3-input[type=text]{height:27px;background:#fff}.ohke-content .area-readonly{min-height:28px}.ohke-content .chosen-single{height:27px!important;background:#fff!important}.ohke-content .chosen-choices{background-image:none!important}.img-circle{border-radius:50%}.align-middle{display:flex;align-items:center}.w3-dropdown-check:checked~.w3-dropdown-content{display:block}.ohke-dashboard{min-height:calc(100% - 40px);overflow:auto}.ohke-dashboard .box-stat{font:12px Arial,Serif;height:60px;background:#fff;padding:0}.ohke-dashboard .box-stat>div{float:right;width:calc(100% - 65px)}.ohke-dashboard .box-stat>.icon{color:#fff;float:left;display:inline-block;font-size:40px;padding-top:7px;width:60px;height:60px;text-align:center}.ohke-dashboard .box-stat .value{font-weight:700;margin-bottom:5px}.ohke-dashboard .box-stat .label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.ohke-dashboard .chart{margin-bottom:16px}.ohke-dashboard .chart .w3-card{padding:10px}.ohke-dashboard .chart .title{font-size:15px;font-weight:700;margin-bottom:10px;border-bottom:medium solid #2e8b57}.ohke-dashboard .chart canvas{width:100%}.no-outline{outline:0!important}.ui-datepicker{width:280px!important}.ui-datepicker-calendar th{width:14.28%}.ui-datepicker-week-end,.ui-datepicker-week-end .ui-state-default{color:red}.ohke-content .chosen-disabled{opacity:1!important}.ohke-content .chosen-disabled .chosen-single{background:var(--white)!important}.ohke-content .chosen-disabled .chosen-choices .search-choice{padding-right:5px!important}.ohke-content .chosen-disabled .chosen-choices .search-choice .search-choice-close{display:none!important}.chosen-container .chosen-choices{padding:4px!important;border:thin solid #ccc!important;border-radius:4px}.chosen-container,.chosen-container .search-choice{font-size:10px!important}.chosen-container-active .chosen-choices,.chosen-container-active .chosen-single,.w3-input:focus{-webkit-box-shadow:0 0 5px var(--active-color)!important;box-shadow:0 0 5px var(--active-color)!important;outline:0!important}.ui-autocomplete-group{font-weight:700;padding:.2em .4em;margin:.8em 0 .2em;line-height:1.5}.ui-menu.ui-autocomplete{max-height:150px;overflow:hidden auto}.ui-autocomplete-input{padding:2px 5px;width:calc(100% - 16px)}.ui-autocomplete-clear{cursor:pointer;margin-left:5px}.w3-bar.state .w3-bar-item{border-left:1px dotted #fff}.w3-bar.state .w3-bar-item:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;border-left:none!important}.w3-bar.state .w3-bar-item:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}td.switch-text{padding-right:0!important;vertical-align:middle;text-align:right}.slider,.slider:before{position:absolute;border-radius:5px;-webkit-transition:.4s;transition:.4s}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider:before{content:"";width:17px;height:17px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:var(--light-color)}input:focus+.slider{box-shadow:0 0 1px var(--light-color)}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.app-state{cursor:pointer}.app-state .fa{margin:5px 0 0!important;font-size:15px!important;width:20px!important;height:20px!important}.main-container-out{position:absolute;top:40px;bottom:2px;right:0;left:0;border:0;z-index:1;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}@media (max-width:600px){.main-container-out{top:80px;bottom:0}}.main-container{position:relative;height:100%;overflow:auto}.main-footer{height:40px;color:#222d32}.main-footer .info{padding:3px 5px 0}.login-screen{margin:auto;padding:0;border:0;background-size:cover!important}.login-screen.default{background:url(/appstart/resource/common/images/background5.jpg) no-repeat}.login-form .inside-icon{float:left;margin-top:-25px;margin-left:10px;color:gray;font-size:13px}.login-form .ohke-btn,.login-form .w3-input{border-radius:20px;margin-top:16px;font:12pt Verdana,sans-serif!important;height:37px}.login-form .w3-input{padding:8px 12px 8px 30px;box-shadow:0 0 5px gray}.login-form .ohke-btn{border:0;width:100%}.login-form .site-name{font:18pt Arial,sans-serif!important;font-weight:700;color:var(--white)}.login-form .block{margin-bottom:32px;text-align:center}.login-form .copyright{font-size:16px;text-shadow:0 0 2px var(--white)}.login-form .logo{height:100px;margin-bottom:8px;max-width:100%}.login-form .logo.circle{border-radius:50%}.login-form .message{font-size:13px;color:var(--red);text-shadow:0 0 2px #000}::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:5px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 3px rgba(45,97,167,.3);background-color:#92b6cc}::-webkit-scrollbar-thumb:hover{background:var(--main-color)}.ohke-richtext~.tox-tinymce{border-radius:5px}.top-bar #working_site_name_top_toolbar{height:40px;background-color:#131921;border-bottom:1px dotted #616161}.top-bar a{text-decoration:none}.top-bar i.fa,.top-bar img{float:left;width:24px;height:24px;border-radius:50%;border-color:#fff;font-size:20px;text-align:center;color:var(--main-color);margin-right:6px}.top-bar .alert-btn{z-index:99;position:fixed;right:30px;bottom:30px;width:44px;height:44px;background:#fff;border-radius:50%;padding:2px}.top-bar .alert-btn a{position:relative}.top-bar .alert-btn span{position:absolute;right:4px;top:4px}.top-bar .alert-btn:hover .fa{font-size:36px;color:#005dd6}.top-bar .alert-btn .fa{font-size:35px;width:unset;height:unset}.top-bar .w3-bar-item{padding:8px!important}.top-bar .flag{width:unset;border-radius:0;height:14px;margin-top:5px}.top-bar .w3-dropdown-click{background-color:#131921}.top-bar #workerActionList,.top-bar #workingSitesList{overflow:hidden auto;max-height:80%;width:600px;z-index:10000}.top-bar #workingSitesList.small{overflow:hidden auto;height:80%;width:calc(100% - 20px);z-index:10000}.top-bar #workerActionList{top:35px;right:0;width:200px}@media (max-width:600px){.top-bar #workerActionList{top:75px}}.top-bar #waitingAppList{overflow:hidden auto;max-height:80%;width:300px;z-index:10000}.top-bar #platform_toolbar_top{height:40px;background-color:#131921;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.top-bar #buttonWorkingSiteName{background-color:#131921;border:0;display:block;text-align:center;height:24px}.top-bar #working_site_name_top_toolbar .w3-bar-item{background-color:#131921;width:100%;height:100%}.top-bar .w3-button{display:flex;text-decoration:none;text-align:left}.top-bar .w3-input{width:calc(100% - 32px);margin:16px}.top-bar .w3-dropdown-click>a .title{color:#fff}.top-bar .title{padding:4px 0;display:inline-block}.zoom-6{font-size:9pt}.break-all{word-break:break-all}.map-list{padding:0;list-style:none}.map-list li .value{text-align:right;font-weight:700}.map-list li .label{font-size:90%;opacity:.7}.map-list li{display:table-row}.map-list li>*{display:table-cell;padding-right:10px}.btn-upload:hover{color:var(--white);background:#55a4f8!important}.btn-upload{text-shadow:0 0 3px #fff;background:rgba(85,164,248,.3)!important;float:left;margin-right:6px}.error-container{display:flex;align-items:center;justify-content:center;height:100%;background:var(--white);background:radial-gradient(circle,var(--white) 20%,#86addf 100%)}.error-container .fa{display:block;font-size:100px}.error-container .inner{margin:50px;text-align:center;color:var(--red)}.full-height{height:100%;overflow:auto}.fit-height{display:flex;flex-direction:column}.fit-height>:last-child{flex:1;overflow-y:auto}.fit-cell-content{white-space:nowrap;width:1px;padding:8px 4px!important}#platform_show_doing_message_modal.w3-modal,#platform_show_error_message_dialog.w3-modal{z-index:100}.modal-container .w3-modal{z-index:99;padding:40px}.modal-container .w3-modal-content{width:100%;max-height:100%}.modal-container .agent-container,.w3-modal-content .ohke-content{height:100%;overflow:auto}.w3-modal-content .ohke-header~.ohke-content{height:calc(100% - 34px)}.ohke-control{padding:4px 8px}.ohke-content fieldset>legend,.ohke-control label{font-weight:700}.ohke-box{border:1px solid #ccc;border-radius:4px;padding:4px;min-height:27px}.ohke-box img{max-width:100%}.ohke-box .fa-btn,td .fa-btn{float:right;padding:4px;cursor:pointer;border-radius:50%;color:var(--main-color);text-decoration:none}.list-empty{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='459px' height='459px' viewBox='0 0 459 459' xml:space='preserve'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%232196F3;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%232196F3;stop-opacity:0' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cpath d='M178.5,140.25v-102L0,216.75l178.5,178.5V290.7c127.5,0,216.75,40.8,280.5,130.05C433.5,293.25,357,165.75,178.5,140.25z' transform='rotate(90 230 230)' fill='url(%23grad)'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:right 10px top 10px;background-size:100px 100px;animation:kf-list-empty 1s linear infinite}.list-empty,.list-empty-no-new,.list-not-found{font-size:10px;text-align:center;min-height:110px;padding-top:40px}.list-not-found{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='459px' height='459px' viewBox='0 0 459 459' xml:space='preserve'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%232196F3;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%232196F3;stop-opacity:0' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cpath d='M178.5,140.25v-102L0,216.75l178.5,178.5V290.7c127.5,0,216.75,40.8,280.5,130.05C433.5,293.25,357,165.75,178.5,140.25z' transform='matrix(1 0 0 -1 0 459) rotate(270 230 230)' fill='url(%23grad)'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:left 50px top 10px;background-size:100px 100px;animation:kf-list-not-found 1s linear infinite}.no-padding{padding:0!important}.w3-small{font-size:10px!important}.inline-form .selected{background-image:linear-gradient(to bottom,#fff 0,#6eb9f7 50%,#fff 100%)}.app-type-subform{background-image:linear-gradient(to bottom,#fff 0,#d0ce95 50%,#fff 100%)}.app-type-inlineform{background-image:linear-gradient(to bottom,#fff 0,#b9dbba 50%,#fff 100%)}.scrollable{overflow:auto}.w3-dropdown-content{z-index:900}.virtual-btn{color:#2e8b57;cursor:pointer}.mcombo-item{border-radius:4px;margin:0 3px 3px 0;display:inline-block;padding:0 4px;border:1px solid #ccc;background:#fff;background:linear-gradient(0,#ccc,white,#ccc)}.ohke-required .chosen-container .chosen-choices,.ohke-required .chosen-container .chosen-single,.ohke-required .ohke-group>.ohke-box:first-child,.ohke-required .ohke-group>.w3-border:first-child,.ohke-required .w3-input{border-left:3px solid var(--red)!important}.ohke-popup{border-radius:4px}.ohke-popup-header .close-btn{float:right;padding:10px;color:unset;margin-top:5px}.ohke-popup-header{border-radius:4px 4px 0 0;padding:1px 10px}.ohke-popup-footer{border-radius:0 0 4px 4px;text-align:center;padding:8px 16px}.ohke-popup-footer .ohke-btn{line-height:18px;min-width:50px}.ohke-popup-icon{float:left;font-size:40px!important;margin:5px 5px 0 0}.ohke-popup-body{padding:.01em 16px;font-size:13px!important;margin:16px 0}.ohke-parent-loading{position:relative!important}.ohke-content-loading .fa{margin-right:5px}.ohke-content-loading{color:#fff;font-family:"Roboto",Arial,sans-serif;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:461;user-select:none}