@charset "UTF-8";@media (min-width: 48em){html{font-size:18px}}body{color:#333;min-width:1280px;font-size:.9rem}ul{padding-left:0}ul li{list-style:none}ul.list-mark{padding-left:20px}ul.list-mark li{list-style:disc}ol{margin-bottom:0}a{color:#0083fd;text-decoration:none}a.disabled{color:gray;cursor:not-allowed}a.underline{text-decoration:underline}form{margin-bottom:0}main.main-contents{padding:85px 20px 40px 240px;min-width:1280px;min-height:100vh}main.main-contents .container{margin:0 0 100px}.pagination-common{margin-top:30px;margin-bottom:30px}.pagination-common .pagination{justify-content:center}.pagination-common .pagination .page-item.active .page-link{z-index:3;color:#fff;background-color:#666;border-color:#666}.pagination-common .pagination .page-item .page-link{height:35px;width:30px;text-align:center;font-size:.9rem}.pagination-common .pagination .page-item .page-link:hover{transition:.3s;cursor:pointer;opacity:.8}.pagination-common .pagination .page-item .page-link .material-icons{padding-bottom:0}.pagination-common .pagination .page-item:first-child .page-link{width:40px}.pagination-common .pagination .page-item:last-child .page-link{width:40px}.table-hover tbody tr{transition:.3}.table-hover tbody tr:hover{transition:.3s;cursor:pointer;opacity:.8}#header{color:#fff;border-bottom:1px solid #aaa;padding-left:240px;padding-right:20px;height:55px;width:100%;position:fixed;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-width:1280px;background-color:#222}#header h1{font-size:20px;color:#fff}#header .dropdown{height:100%;align-items:center;display:flex}#header .dropdown.dd-user-info{margin-left:auto}#header .dropdown .d-company-info,#header .dropdown .d-user-info{display:flex;justify-content:space-between;align-items:center}#header .dropdown .d-company-info:hover,#header .dropdown .d-user-info:hover{transition:.3s;cursor:pointer;opacity:.8}#header .dropdown .d-company-info .img-login-user,#header .dropdown .d-user-info .img-login-user{width:35px;height:35px;border-radius:50%;margin-left:20px;margin-right:10px}#header .dropdown .dropdown-menu{width:100%}#header .dropdown .dropdown-menu .dropdown-item{font-size:.85rem}#header .dropdown .dropdown-menu .dropdown-item:hover{transition:.3s;cursor:pointer;opacity:.8}#header .dropdown .dropdown-menu .dropdown-item.select{font-weight:700;position:relative}#header .dropdown .dropdown-menu .dropdown-item.select:after{box-sizing:border-box;content:"\e5cc";display:block;font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;position:absolute;left:5px;top:calc(50% - 13px);color:#ccc}#header .dropdown .d-company-info{border-left:1px solid #aaa;padding-left:20px;margin-left:20px}.dropdown.dd-company-info .dropdown-menu .dropdown-item{padding-left:30px}.navbar-toggler,.navbar-collapse{display:none}@media (max-width: 1024px){.navbar-toggler,.navbar-collapse{display:block}.navbar-toggler.offcanvas-collapse,.navbar-collapse.offcanvas-collapse{position:fixed;top:56px;bottom:0;left:100%;width:100%;padding-right:1rem;padding-left:1rem;overflow-y:auto;visibility:hidden;background-color:#343a40;transition:transform .3s ease-in-out,visibility .3s ease-in-out}.navbar-toggler.offcanvas-collapse.open,.navbar-collapse.offcanvas-collapse.open{visibility:visible;transform:translate(-100%);min-width:1280px}.navbar-toggler.offcanvas-collapse .navbar-nav .nav-link,.navbar-collapse.offcanvas-collapse .navbar-nav .nav-link{display:flex;justify-content:left;align-items:center;border-bottom:1px solid #666;color:#fff}.navbar-toggler.offcanvas-collapse .navbar-nav .nav-link .material-icons,.navbar-collapse.offcanvas-collapse .navbar-nav .nav-link .material-icons{margin:10px}}#side-bar{background:linear-gradient(#192319,#4a5a56);height:100%;text-align:center;width:220px;position:fixed;top:0;left:0;z-index:2}#side-bar .img-logo{width:100px;margin:40px auto 20px}#side-bar .system-name{text-align:center;display:block;font-size:16px;color:#fff;margin-bottom:20px}#side-bar a{color:#fff}#side-bar a.active{color:#0083fd}#side-bar #side-menu{margin-top:10px;margin-bottom:100px;width:100%;font-size:.4em;text-align-last:left;z-index:3}#side-bar #side-menu ul{margin-top:0;padding-left:0}#side-bar #side-menu ul li{text-align:left;display:block;list-style:none}#side-bar #side-menu ul li span{margin-left:1.2em}#side-bar #side-menu ul li span.badge{float:right;font-size:.5rem;padding-top:5px;border-radius:50rem}#side-bar #side-menu ul li .nav-check{display:none}#side-bar #side-menu ul li .nav-link,#side-bar #side-menu ul li .nav-label{padding:14px 20px;margin:0;display:block;font-size:.7rem;letter-spacing:.1em;font-weight:700;align-items:center;display:flex;color:#fff;cursor:pointer}#side-bar #side-menu ul li .nav-link i.material-icons,#side-bar #side-menu ul li .nav-label i.material-icons{font-size:20px}#side-bar #side-menu ul li .nav-link span,#side-bar #side-menu ul li .nav-label span{display:block}#side-bar #side-menu ul li .nav-link:hover{background-color:#222}#side-bar #side-menu ul li .nav-link .badge{margin-left:auto}#side-bar #side-menu ul li.active .nav-link,#side-bar #side-menu ul li.active .nav-label{background-color:#ffc300;color:#222;transition:.3s}#side-bar #side-menu ul li.active .nav-link i.material-icons,#side-bar #side-menu ul li.active .nav-label i.material-icons{color:#222}#side-bar #side-menu ul li.active .nav-link:hover,#side-bar #side-menu ul li.active .nav-label:hover{background-color:#0bebff;color:#222;opacity:.9}#side-bar #side-menu ul li.active .nav-link:hover i.material-icons,#side-bar #side-menu ul li.active .nav-label:hover i.material-icons{color:#222}#side-bar #side-menu ul li .nav-label{position:relative}#side-bar #side-menu ul li .nav-label:after{box-sizing:border-box;content:"\e5cc";display:block;font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;position:absolute;right:20px;top:calc(50% - 13px)}#side-bar #side-menu ul li .nav-content{display:block;height:0;opacity:0;transition:.5s;visibility:hidden}#side-bar #side-menu ul li .nav-content ul li a{font-size:.85rem;display:block;padding:10px 0 10px 58px;background-color:#0e2307;transition:.3s}#side-bar #side-menu ul li .nav-content ul li a:hover{background-color:#222}#side-bar #side-menu ul li .nav-content ul li a.active{background-color:#3cff40;color:#222}#side-bar #side-menu ul li .nav-check:checked+.nav-label{background-color:#000;color:#fff}#side-bar #side-menu ul li .nav-check:checked+.nav-label:after{content:"\e5cf";color:#fff}#side-bar #side-menu ul li .nav-check:checked+.nav-label i.material-icons{color:#fff}#side-bar #side-menu ul li .nav-check:checked+.nav-label:hover{color:#fff}#side-bar #side-menu ul li .nav-check:checked+.nav-label:hover i.material-icons{color:#fff}#side-bar #side-menu ul li .nav-check:checked+.nav-label+.nav-content{opacity:1;height:auto;padding:0;visibility:visible}.alert{padding:10px 12px;font-size:.9rem}.form-check-input:hover{transition:.3s;cursor:pointer;opacity:.8}.form-check-input:checked{background-color:#0046c6;border-color:#0046c6}.form-check-label:hover{transition:.3s;cursor:pointer;opacity:.8}.form-control{min-height:calc(1.5em + .5rem + 2px);padding:.3rem .5rem;font-size:.9rem;border-radius:.2rem}.form-select{font-size:.9rem}.op-num{margin-left:10px}.w-sm{max-width:160px}.w-no,.w-customer,.w-num,.w-date,.w-select,.w-select-lg,.w-price{display:inline-block}.w-no{width:80px}.w-customer{width:calc(100% - 185px)}.w-num{width:100px}.w-type,.w-date{width:170px}.w-select{width:250px}.w-select-lg{width:400px}.w-price{width:120px}.form-select.is-invalid,.form-control.is-valid,.was-validated .form-control:valid,.form-control.is-invalid,.was-validated .form-control:invalid{background:none;padding-right:10px}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid,.was-validated .form-select:valid{background:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.invalid-feedback,.invalid-text{text-align:left;background-color:#ffeaea;padding:2px 5px;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.was-validated .form-check-input.border-error{border-color:#dc3545}.was-validated .form-check-input.border-error:focus{box-shadow:0 0 0 .25rem #dc354540}.form-check-input.is-valid:focus .invalid-text,.was-validated .form-check-input:valid:focus .needs-validation .invalid-text{display:none}.form-check-input.is-valid:focus.was-validated .invalid-text,.was-validated .form-check-input:valid:focus .needs-validation.was-validated .invalid-text{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#212529}.btn{margin-bottom:0;font-size:90%;min-width:120px}.btn.btn-outline-dark,.btn.btn-outline-primary,.btn.btn-outline-info,.btn.btn-outline-\2248 ,.btn.btn-outline-success,.btn.btn-outline-danger{border-width:2px;background-color:#fff}.btn.btn-raised.btn-primary:hover{opacity:.9}.btn.btn-list{min-width:70px;padding:.35rem}.btn.btn-primary{background-color:#0083fd}.btn.btn-outline-primary:hover{color:#0d6efd;background-color:#f9fbff}.btn.btn-outline-secondary{border-color:#ccc}.btn.btn-outline-secondary:hover{border-color:#ccc;background-color:#fafafa;color:#444}.btn.btn-outline-secondary:disabled:hover{color:#00000042;cursor:auto;border-color:#ccc;background-color:#fff}.btn.btn-outline-danger{color:#dc3545}.btn.btn-icon{padding-left:40px}.btn.btn-icon i.material-icons{position:absolute;top:7px;left:10px}.btn.btn-fix{width:150px}.btn.btn-file-upload,.btn.btn-file-download{background-color:#1e82fa;border-color:#1e82fa;color:#fff;padding-left:56px;text-transform:none;letter-spacing:.1em;padding-right:20px}.btn.btn-file-upload i.material-icons,.btn.btn-file-download i.material-icons{position:absolute;top:9px;left:20px}.btn.btn-file-upload:hover,.btn.btn-file-download:hover{background-color:#1e82facc;border-color:#1e82facc;color:#fff}.btn.btn-back{background-color:#fff;margin-bottom:20px;color:#0083fd}.btn.btn-back:hover{background-color:#fafafa}.btn.btn-link:hover,.btn.btn-link:focus,.btn.btn-link:active{outline:none}.btn.btn-change{min-width:auto;border:1px solid #aaa;padding:3px 4px 2px;font-size:11px}.d-form-checkbox{display:flex;align-items:center}.d-form-checkbox label{margin-right:10px}.d-form-checkbox .form-check-input{margin:0}.d-form-period{display:flex;justify-content:space-between;align-items:center;width:370px}.d-form-period input[type=date]{width:160px}.d-form-period span{display:block}.d-date-time{display:flex;align-items:center;flex-wrap:wrap}.d-date-time input[type=date]{width:160px;margin-right:20px}.d-date-time .form-select{width:100px;width:70px;padding:5px 10px}.d-date-time span{width:30px;text-align:center;display:block}.was-validated .d-date-time .form-select:valid:not([multiple]):not([size]){padding-right:0}.was-validated .d-date-time .is-invalid{border-color:#dc3545!important}.card-common-input .label{display:block;margin-top:20px;margin-bottom:10px;font-weight:700;margin-left:10px}.card-common-input h2{background-color:#eee;padding:10px;margin-top:30px;margin-bottom:10px;font-size:20px}.card-common-input section{margin-left:15px;margin-right:15px}iframe.map{width:100%;height:300px}.radio-list input{display:none}.radio-list label{display:block;position:relative;cursor:pointer;margin-left:0;padding:20px 40px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;color:#3e4956;font-size:16px;text-align:left;line-height:1}.radio-list label.list-top{border-top-left-radius:5px;border-top-right-radius:5px}.radio-list label.list-bottom{border-bottom:1px solid #ccc;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.radio-list label:before{position:absolute;content:"";top:50%;left:10px;width:20px;height:20px;margin-top:-10px;background:#e6e6e6;border-radius:50%}.radio-list input[type=radio]:checked+label{background-color:#f8f8f8;font-weight:700}.radio-list input[type=radio]:checked+label:before{border:1px solid #ddd}.radio-list input[type=radio]:checked+label:after{position:absolute;content:"";top:50%;left:14px;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#879c18}h1,h2,h3,h4{font-weight:700;color:#444;margin-bottom:0}.btn.btn-outline-secondary{background-color:#fff}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;max-width:1000px;height:37px}.page-title h1{font-size:25px}.page-title h2{font-size:23px}.page-title.left{justify-content:left}p{margin-bottom:3px}p:last-child{margin-bottom:0}.scroll{overflow:scroll}.table td{vertical-align:middle}h1.page-title{font-size:1.4em;display:flex;justify-content:space-between;align-items:center;height:45px;margin-bottom:20px}h1.page-title .btn{font-size:.95rem}h1.page-title .icon-search-tab{display:none}h2{font-size:1.4em}.d-flex-sa{display:flex;align-items:center;justify-content:space-around}.d-flex-sb{display:flex;align-items:center;justify-content:space-between}.bt{border-top:1px solid #aaa;padding-top:20px}.bt.center{text-align:center}dl,ol,ul{margin-bottom:0}dl.ul-dashboard,ol.ul-dashboard,ul.ul-dashboard{padding-left:10px;font-size:.9rem}dl.ul-dashboard li,ol.ul-dashboard li,ul.ul-dashboard li{margin-bottom:5px}dl.ul-dashboard li:last-child,ol.ul-dashboard li:last-child,ul.ul-dashboard li:last-child{margin-bottom:0}dl.ul-dashboard .link-line,ol.ul-dashboard .link-line,ul.ul-dashboard .link-line{text-decoration:underline}dl.ul-dashboard .link-line:hover,ol.ul-dashboard .link-line:hover,ul.ul-dashboard .link-line:hover{transition:.3s;cursor:pointer;opacity:.8}.card-common-search{margin-bottom:30px;color:#212529}.card-common-search .wrap-row{display:flex;align-items:center;justify-content:left;margin-bottom:15px}.card-common-search .wrap-row:last-child{margin-bottom:0}.card-common-search .wrap-row select.form-select{margin-right:20px}.card-common-search .wrap-row select.form-select.sex{max-width:90px}.card-common-search .wrap-row select.form-select.age,.card-common-search .wrap-row select.form-select.level{max-width:110px}.card-common-search .wrap-row select.form-select.facility{max-width:300px}.card-common-search .wrap-row input[type=text]{max-width:200px;margin-right:20px}.card-common-search .wrap-row input[type=text].lg{max-width:350px}.table-common-list{border-color:#ccc;margin-bottom:0;background-color:#fff;box-shadow:0 0 3px #eee;table-layout:fixed}.table-common-list thead tr th{font-weight:400;border-bottom-color:#ccc;background-color:#eee;font-size:.85rem;padding:7px 8px 4px;color:#222}.table-common-list thead tr th .d-icon-sort{display:flex;align-items:center}.table-common-list thead tr th .d-icon-sort .icon-sort{font-size:18px;margin-left:4px;background-color:#fff;border:1px solid #d4d4d4;border-radius:50%}.table-common-list thead tr th .d-icon-sort .icon-sort:hover{transition:.3s;background-color:#f8f8f8;cursor:pointer}.table-common-list thead tr th:last-child{border-right-color:#ccc}.table-common-list thead tr th:first-child{border-left-color:#ccc;width:90px}.table-common-list tbody tr:hover{background-color:#eee;cursor:pointer;transition:.3s}.table-common-list tbody tr td{vertical-align:middle;padding:7px 8px 4px;border-bottom-color:#ccc;font-size:.85rem}.table-common-list tbody tr td:first-child{border-left-color:#ccc;width:100px}.table-common-list tbody tr td:last-child{border-right-color:#ccc}.table-common-list.no-hover tbody tr:hover{background-color:#fff;cursor:auto;transition:.3s}.card{color:#222}.card .card-footer{background-color:#fff;text-align:center}.card .card-footer.d-flex{justify-content:space-between}.table-common-input{margin-top:20px;margin-bottom:40px;max-width:750px;background-color:#fff}.table-common-input tr th,.table-common-input tr td{font-size:90%;text-align:left;padding:12px 15px;vertical-align:top}.table-common-input tr th{background-color:#f8f8f8;width:190px;border:1px solid #eee}.table-common-input tr th.bg-none{background:#fff;border:none}.table-common-input tr th .badge{float:right;margin-right:10px;margin-top:2px}.table-common-input tr th.vt{vertical-align:text-bottom;padding-top:12px}.table-common-input tr td{width:auto;border:none}.table-common-input.info{max-width:1000px}.table-common-input.info tr td{border:1px solid #eee}.table-common-input.info tr td .img-product{max-width:300px}.modal{color:#212529}.modal .modal-header{padding:15px;background-color:#444;color:#fff;font-weight:700}.modal .modal-header .modal-title{font-size:1.2rem;font-weight:600}.modal .modal-body{min-height:100px;padding-top:40px;padding-bottom:40px}.modal .modal-body .img-thumbnail{max-width:100%}.modal .modal-footer{justify-content:center}.modal .modal-footer.double{justify-content:space-between}.modal .img-user{width:200px;height:auto}.modal .user-name{font-size:2rem;font-weight:700;margin:30px}.modal .user-info{width:90px;margin:0 auto}.modal .user-info li{text-align:left;font-size:1rem}.tag{background-color:orange;color:#fff;font-weight:700;padding:3px 10px;border-radius:15px}.tag.indoor{background:#a1a1a1}.card-events{margin-top:30px;padding:0}.card-events .card-body{padding:0}.card-events .card-body.scroll{height:300px}.modal .message{height:400px;padding-right:20px;padding-left:20px}.modal .message .d-message{display:flex;justify-content:left;align-items:center;margin-bottom:10px}.modal .message .d-message .img-user{margin-right:20px;width:50px;height:50px;object-fit:cover;border-radius:50%}.modal .message .d-message .message-box span{display:block;padding:0 20px}.modal .message .d-message .message-box .name{font-weight:700}.modal .message .d-message .message-box .comment{margin-top:5px;margin-bottom:5px;padding:10px 20px;background-color:#eee;border-radius:20px}.modal .message .d-message .message-box .time{font-size:14px}.modal .message .d-message.owner{justify-content:flex-end}.modal .message .d-message.owner .img-user{margin-right:0;margin-left:20px;order:2}.modal .message .d-message.owner .message-box{order:1}.modal .message .d-message.owner .message-box span{text-align:right}.modal .d-message-input{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative}.modal .d-message-input .material-icons{color:#0083fd;padding:10px;border-radius:50%}.modal .d-message-input .material-icons:hover{transition:.3s;cursor:pointer;opacity:.8}.modal .d-message-input .material-icons:hover{background:#eee}.modal .d-message-input .textarea-message{border-radius:30px;padding-right:60px;padding-left:20px}.modal .d-message-input .btn-submit{position:absolute;top:3px;right:3px;min-width:auto;color:#0083fd}.google-map .map-container{width:100%;height:400px}.img-thumbnail{border-color:#dee2e6!important;max-width:400px}
