*{list-style:none;text-decoration:none;margin:0;padding:0;box-sizing:border-box}body{background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}#app_content{margin:12px}.wrapper .sidebar{background:#125c99;position:fixed;top:0;left:0;width:225px;height:100%;padding:20px 0;transition:all .5s ease;overflow-y:auto;overflow-x:auto}.wrapper .sidebar .profile{margin-bottom:24px;text-align:center}.wrapper .sidebar .profile img{display:block;width:100px;height:100px;border-radius:50%;margin:0 auto}.wrapper .sidebar .profile h3{color:#fff;margin:10px 0 5px}.wrapper .sidebar .profile p{color:#cef0fd;font-size:14px}.menu-bar{margin-bottom:80px}.menu-bar li a{display:block;padding:8px 18px;border-bottom:1px solid #10558d;color:#fff;font-size:14px;position:relative}.menu-bar li a .icon{color:#dee4ec;width:22px;display:inline-block}.menu-bar li a:hover{background:#3d9eeb}.menu-bar li a.active{color:#0c7db1;background:#fff;border-top:2px solid #0c7db1;border-right:2px solid #0c7db1;border-bottom:2px solid #0c7db1;border-left:2px solid #0c7db1}.menu-bar li a.active .icon{color:#0c7db1}.wrapper .section{width:calc(100% - 225px);margin-left:225px;transition:all .5s ease}.wrapper .section .top-navbar{background:#2196f3;height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 12px}.wrapper .section .top-navbar .hamburger a{font-size:28px;color:#f4fbff}.wrapper .section .top-navbar .hamburger a:hover{color:#a2ecff}.sub-menu{background:#082c4a}.sub-menu>a{padding-left:50px!important}body.active .wrapper .sidebar{left:-225px}body.active .wrapper .section{margin-left:0;width:100%}#loading{position:fixed;display:none;width:100%;height:100%;top:0;left:0;text-align:center;opacity:.7;background-color:#fff;z-index:1}#loading-image{margin-top:100px}.pull-left{float:left}.pull-left:after{clear:left}.pull-right{float:right}.pull-right:after{clear:right}.clearfix{content:'';clear:both;display:table}.clearfix-after:after{content:"";clear:both;display:table}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container-pc-mobile{width:60%}a:hover{text-decoration:underline}.container-sm{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin:10px 2px;width:auto}.row-sm{padding:4px 1px;width:auto}.row::after,.row-sm::after{content:"";clear:both;display:table}[class*="col-"]{float:left}[class*="col-wd"]{float:left;padding:0;padding-right:4px;padding-left:4px}[class*="col-md"]{float:left;padding:0;padding-right:4px;padding-left:4px}[class*="col-sm"]{float:left;padding:0;padding-right:2px;padding-left:2px}.col-1,.col-wd-1,.col-sm-1,.col-md-1{width:8.33%}.col-2,.col-wd-2,.col-sm-2,.col-md-2{width:16.66%}.col-3,.col-wd-3,.col-sm-3,.col-md-3{width:25%}.col-4,.col-wd-4,.col-sm-4,.col-md-4{width:33.33%}.col-5,.col-wd-5,.col-sm-5,.col-md-5{width:41.66%}.col-6,.col-wd-6,.col-sm-6,.col-md-6{width:50%}.col-7,.col-wd-7,.col-sm-7,.col-md-7{width:58.33%}.col-8,.col-wd-8,.col-sm-8,.col-md-8{width:66.66%}.col-9,.col-wd-9,.col-sm-9,.col-md-9{width:75%}.col-10,.col-wd-10,.col-sm-10,.col-md-10{width:83.33%}.col-11,.col-wd-11,.col-sm-11,.col-md-11{width:91.66%}.col-12,.col-wd-12,.col-sm-12,.col-md-12{width:100%}.bold{font-weight:bold!important}.required:after,td.required:before{content:' *';color:#F00;font-weight:bold}small[data-invalid]{color:#ff3860}input[type=text].input,input[type=email].input,input[type=password].input,input[type=number].input,input[type=date].input,input[type=time].input,select.input,textarea.input{width:100%;padding:10px 4px;border:1px solid #ccc;border-radius:4px;outline-color:#2196f3}input[type=checkbox]{cursor:pointer}.input-sm{padding:6px 2px!important}.w-70-percent{width:70%}.w-60-percent{width:60%}.w-55-percent{width:55%}.w-50-percent{width:50%}.w-45-percent{width:45%}.w-40-percent{width:40%}.w-30-percent{width:30%}.w-25-percent{width:25%}.w-20-percent{width:20%}.w-100-percent{width:100%}.w-40-response{width:40%}.w-35-response{width:35%}.w-60-response{width:60%}.w-65-response{width:65%}.w-80-response{width:80%}.table-response{overflow-x:auto}.table-fixed{overflow-y:auto;max-height:280px}.table-fixed thead th{position:sticky;top:0;background:#bbf1c8}.ofx{overflow-x:auto}table.table{width:100%;text-align:center;border-collapse:collapse}.table tbody tr:nth-child(even){background-color:#f2f2f2}.table tbody tr:hover td{background-color:#ddd!important}.table td,.table th{border:1px solid #ccc}.table th,.table td{padding:1px 3px}th{background-color:transparent}th a{color:black}.table-sm{font-size:12px}.table-sm th,.table-sm td{padding:1px 2px}.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.tab button{background-color:inherit;float:left;border:0;outline:0;cursor:pointer;padding:8px 12px;transition:.3s}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{display:none;border:1px solid #ccc;border-top:0;overflow:auto}.topright{float:right;cursor:pointer;font-size:28px}button:disabled{background-color:#ccc}button:disabled:hover{background-color:#ccc}[class^="btn-"]{border:#ccc 1px solid;border-radius:4px;cursor:pointer;padding:5px 12px;border-color:transparent;color:#fff;outline:0}a[class^="btn"]{text-decoration:none;display:inline-block;color:#1e90ff}a[class^="btn"]:hover{color:#1d4be0}.btn-sm{padding:4px 8px;font-size:11px}.btn-lg{padding:10px 16px;font-size:16px}.btn-default{background:#fff;color:#212121;border-color:#ccc}.btn-default:hover{background:#f3f3f3}.btn-primary{background-color:#2196f3}.btn-primary:hover{background:#158ae7}.btn-primary-outline{background-color:#fefefe;border:#2196f3 1px solid;color:#2196f3}.btn-primary-outline:hover{color:#fff;background:#158ae7}.btn-link{background-color:#03a9f4}.btn-link:hover{background:#009de8}.btn-info{background-color:#209cee}.btn-info:hover{background-color:#0880cf}.btn-success{background-color:#00d1b2}.btn-success:hover{background:#00c5a6}.btn-success-outline{background:#fff;color:#212121;border-color:#009688}.btn-success-outline:hover{background:#00c5a6}.btn-warning{background-color:#ffeb3b;color:#212121;border:1px solid #edda2f}.btn-warning:hover{background:#f3df2f}.btn-danger{background-color:#ff564d}.btn-danger:hover{background:#e8372a}.btn-page{padding:2px 4px;margin-right:6px;background-color:#00d1b2;border:#ccc 1px solid;border-radius:4px;cursor:pointer;border-color:transparent;color:#fff;outline:0}.btn-page.active{background-color:#ff564d}.text-back{color:#000}.text-white{color:#fff}.text-blue{color:#1e90ff}.text-red{color:#ff3860}.text-green{color:#2ad165}.text-yellow{color:#ffdd57}.text-orange{color:#ff7f50}.text-gray{color:#9e9e9e}body.modal-open{overflow:hidden}.modal{display:none;position:fixed;z-index:2;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.modal .modal-content{background-color:#fefefe;margin:auto;padding:10px 15px;width:45%;border:0;border-radius:3px}.modal .modal-header{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0 8px 0;border-bottom:1px solid #e9ecef}.modal .close{color:#575757;font-size:18px;font-weight:bold;padding:0 8px}.modal .close:hover,.modal .close:focus{color:#000;text-decoration:none;cursor:pointer}.modal .modal-body{padding:10px 0}.modal .modal-footer{display:flex;justify-content:flex-end;margin-top:12px;padding:12px 0 10px 0}.show-cursor{cursor:pointer}[readonly]{background-color:#fff5e0}.hide{display:none}.bg-blue{background-color:#1e90ff!important}.bg-red{background-color:#ff3860!important}.bg-green{background-color:#c1fdc4!important}.bg-green-dark{background-color:#1d9059!important}.bg-yellow{background-color:#ffdd57!important}.pr-4{padding-right:4px!important}.pt-8{padding-top:8px!important}.pt-16{padding-top:16px!important}.pt-32{padding-top:32px!important}.pt-64{padding-top:64px!important}.mt-4p{margin-top:4%!important}.mt-4{margin-top:4px!important}.mt-8{margin-top:8px!important}.mb-4{margin-bottom:4px!important}.mb-8{margin-bottom:8px!important}.mb-12{margin-bottom:12px!important}.mb-24{margin-bottom:24px!important}.mb-32{margin-bottom:32px!important}.mr-4{margin-right:4px!important}.mr-8{margin-right:8px!important}.mr-12{margin-right:12px!important}.m-0{margin:0!important}.ml-4{margin-left:4px!important}.ml-8{margin-left:8px!important}.ml-12{margin-left:12px!important}.f-12{font-size:12px}.f-14{font-size:14px}.f-18{font-size:18px}.f-22{font-size:22px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.alert-box{position:fixed;right:16px;z-index:999!important}.alert-success{background:#6ed56e;border-radius:4px;padding:8px 40px;font-size:22px;margin:8px 0;box-shadow:rgba(0,0,0,0.35) 0 5px 15px;border:1px solid #282626;color:#064005}.alert-danger{background:#f44336;border-radius:4px;padding:8px 40px;font-size:22px;margin:8px 0;box-shadow:rgba(0,0,0,0.35) 0 5px 15px;border:1px solid #a10505;color:#fff8f8}.alert-info{background:#158ae7;border-radius:4px;padding:8px 40px;font-size:22px;margin:8px 0;box-shadow:rgba(0,0,0,0.35) 0 5px 15px;border:1px solid #0a3559;color:#fff8f8}.alert-warning{background:#ffeb3b;border-radius:4px;padding:8px 40px;font-size:22px;margin:8px 0;box-shadow:rgba(0,0,0,0.35) 0 5px 15px;border:1px solid #8f8314;color:#252222}.border-blue{border:2px solid #2196f3;padding:8px 2px}.border-red{border:2px solid #ff5722;padding:8px 2px}.flex{display:flex}.flex-right{display:flex;justify-content:flex-end}.box-individual{margin-bottom:16px;border:2px solid #2196f3;padding:8px 4px}.box-customer{margin:6px 0;border:1px solid #ff5722;padding:8px 4px}.visible-show{visibility:visible}.visible-hide{visibility:hidden}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-60px}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible}.show-over{border:1px solid #ff3860;color:#ff3860;padding:0 4px;margin:0 2px}.show-limited{border:1px solid #ff9800;color:#ff9800;padding:0 4px;margin:0 2px}.show-correct{border:1px solid #2ad165;color:#2ad165;padding:0 4px;margin:0 2px}.d-table{display:table}.d-row{display:table-row}.d-cell{display:table-cell;padding:1px 0}.fade-out-box{animation-name:key-fade-out-box;animation-duration:1s}@keyframes key-fade-out-box{from{border:2px solid #fff}to{border:2px solid #2196f3}}hr{background-color:#2196f3;border:0;height:2px;margin:20px 0}.hr-blue{border-bottom:2px solid #2196f3}.keypad{width:100%}.keypad td{background:#fff;padding:1px}.keypad button{width:100%;padding:6px;background:#e9e9e9;border:1px solid #ccc}.keypad button:active{background:#9e9e9e!important}.emphasize{border:2px solid red!important}.stretch-y{background:#cdfad5!important}@media only screen and (min-width:320px) and (max-width:640px){body{background:#fffbf5}*{font-size:11px!important}.wrapper .sidebar{width:85px!important}.wrapper .section{width:calc(100% - 85px)!important;margin-left:85px!important}body.active .wrapper .section{margin-left:0!important;width:100%!important}.menu-bar li a{padding:6px 0}#app_content{margin:2px}.btn-sm{padding:4px 4px}.btn-lg{padding:6px 12px;font-size:14px}.w-35-response,w-40-response{width:100%}.w-60-response,.w-65-response{width:100%}.w-80-response{width:100%}.modal-content,.modal-content-70{width:95%!important;padding:4px 8px!important}.sub-menu>a{padding-left:30px!important}[class*="col-md"]{width:100%}.container-pc-mobile{width:100%}}@media(min-width:768px){.container{width:750px}.container-sm{width:650px}}@media(min-width:992px){.container{width:970px}.container-sm{width:770px}}@media(min-width:1200px){.container{width:1170px}.container-sm{width:585px}}