﻿@import "../css/fonts.googleapis.css";.navbar-menu{background:linear-gradient(top,#382f29bf,#50443a99);background:-moz-linear-gradient(top,#382f29bf,#50443a99);background:-webkit-linear-gradient(top,#382f29bf,#50443a99);padding:10px 0;max-height:50px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;-webkit-perspective:0}.navbar-menu::-webkit-scrollbar{width:12px;height:5px}.navbar-menu::-webkit-scrollbar-track{background-color:#6f6767;border-right:1px solid #6f6767}.navbar-menu::-webkit-scrollbar-thumb{background-color:#2f2828}.navbar-menu::-webkit-scrollbar-thumb:hover{background-color:#2f2828}.header-navbar .navbar-menu .navbar-nav .nav-link{display:flex;border-radius:1.2rem;padding:.5rem 1rem}.header-navbar .navbar-menu .navbar-nav .nav-item+.nav-item{margin-left:10px}.header-navbar .navbar-menu .navbar-nav .nav-link,.header-navbar .navbar-menu>li>a{color:#fff}.header-navbar .navbar-menu .active .nav-link,.header-navbar .navbar-menu .navbar-nav .nav-link:hover{background:#fff;color:#4a4038;font-weight:700}.header-navbar .navbar-menu .navbar-nav .menu-title{font-size:1.1rem;line-height:1.4rem}.header-navbar .navbar-container{padding:0}@media (min-width: 768px){.menu-collapsed .navbar .navbar-menu{padding:10px}.navbar-menu{max-height:60px}.navbar-menu::-webkit-scrollbar{height:10px}.navbar-expand-md .navbar-collapse{display:grid!important}.header-navbar .navbar-container{padding:inherit}}.header-navbar .collapsing,.header-navbar .navbar-collapse.show{display:grid}@media (max-width: 767px){#navbar-mobile.navbar-collapse .navbar-menu .navbar-nav{width:100%;overflow-x:auto;flex-flow:inherit;padding:0 15px}}@media screen\0{.collapse .navbar-collapse{position:relative}.navbar-menu{background:url(../images/iebk.png) no-repeat;width:100%;position:absolute;left:0;top:70px}.navbar-top .float-right{position:absolute;right:0;top:0}.navbar-wrapper{height:125px}}#menu-collapse.navbar-menu{background:linear-gradient(top,#06060699,#00000080);background:-moz-linear-gradient(top,#06060699,#00000080);background:-webkit-linear-gradient(top,#06060699,#00000080)}@media (min-width: 768px){#menu-collapse.navbar-menu{max-height:inherit;padding:20px 30px}.navbar-expand-md #menu-collapse.navbar-menu .navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.header-navbar #menu-collapse.navbar-menu .navbar-nav .nav-item{float:left;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.header-navbar #menu-collapse.navbar-menu .navbar-nav .nav-link{background:#80b469;color:#fff;width:90px;height:90px;border-radius:50%;margin:auto}.header-navbar #menu-collapse.navbar-menu .navbar-nav .active .nav-link{background:#d69d00;color:#fff}.header-navbar #menu-collapse.navbar-menu .navbar-nav .nav-link i{font-size:54px;line-height:75px;text-indent:6px}.header-navbar #menu-collapse.navbar-menu .navbar-nav .nav-item .menu-title{text-decoration:none;color:#fff}.header-navbar #menu-collapse.navbar-menu .navbar-nav .nav-item .menu-title span{margin:10px 0 0;display:inline-block}.header-navbar .navbar-nav li .la{font-size:1.7rem}.header-navbar .navbar-nav .nav-title{display:inline-block;margin-top:3px;float:left;margin-right:10px}.header-navbar .navbar-container .dropdown-menu-media.menu{background:linear-gradient(-5deg,#51526ced 17%,#8cb9bef7 98%);background:-moz-linear-gradient(-5deg,#51526ced 17%,#8cb9bef7 98%);background:-webkit-linear-gradient(-5deg,#51526ced 17%,#8cb9bef7 98%);background:-ms-linear-gradient(-5deg,#51526ced 17%,#8cb9bef7 98%);border-radius:14px}.menu-list{overflow:auto}.menu-list .navbar-menu{background:transparent;max-height:inherit}.menu-list .navbar-menu .navbar-nav{-ms-flex-direction:column;flex-direction:column}.header-navbar .menu-list .navbar-menu .navbar-nav .nav-item .nav-link{padding:0}.header-navbar .menu-list .navbar-menu .navbar-nav .nav-item .nav-link i{position:relative;width:80px;height:80px;color:#fff;border-radius:50%;margin:0 auto 5px;line-height:80px;-webkit-transition:-webkit-transform 0.4s,opacity 0.2s,color .3s;-moz-transition:-moz-transform 0.4s,opacity 0.2s,color .3s;transition:transform 0.4s,opacity 0.2s,color .3s;color:#635d61}.header-navbar .menu-list .navbar-menu .navbar-nav .nav-item .nav-link i:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;top:-2px;left:-2px;padding:2px;z-index:-1;background:#c7cadb;-webkit-transition:-webkit-transform 0.4s,opacity 0.2s,color .3s;-moz-transition:-moz-transform 0.4s,opacity 0.2s,color .3s;transition:transform 0.4s,opacity 0.2s,color .3s;width:90%;height:90%;top:3px;left:4px;background:#f8f8f4;background:-webkit-linear-gradient(top,#eeede7e8 0%,#ccccc9 100%)}.header-navbar .navbar-menu .active .nav-link,.header-navbar .navbar-menu .navbar-nav .nav-link:hover{background:transparent}.header-navbar .menu-list .navbar-menu .navbar-nav .active .nav-link i{color:#fff}.header-navbar .menu-list .navbar-menu .navbar-nav .active .nav-link i:after{background:#142b3699;color:#fff}.header-navbar .menu-list .navbar-menu .navbar-nav .nav-link i:hover{color:#fff}.header-navbar .menu-list .navbar-menu .navbar-nav .nav-item .nav-link i:hover:after{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);background:#c7cadb;-webkit-transition:-webkit-transform 0.4s,opacity 0.2s,color .3s;-moz-transition:-moz-transform 0.4s,opacity 0.2s,color .3s;transition:transform 0.4s,opacity 0.2s,color .3s}.header-navbar .menu-list .navbar-menu .navbar-nav .nav-item .nav-link i:hover{color:#fff}.menu-list .navbar-menu .navbar-nav{display:block}.menu-list .navbar-menu .navbar-nav .nav-item+.nav-item{margin-left:0}.menu-list .navbar-menu .navbar-nav .nav-item{text-align:center;padding:10px 0}.menu-list .navbar-menu .navbar-nav .nav-item i{font-size:49px;text-indent:3px;line-height:65px}.menu-list .navbar-menu .navbar-nav .menu-title{color:#fff}@media(max-width: 767.98px){.header-navbar .navbar-container{width:initial;background:transparent}.header-navbar .navbar-header{position:relative;height:60px;z-index:9}#navbar-mobile.navbar-collapse .navbar-nav{padding:0}.header-navbar .navbar-container ul.nav li a.nav-link-label{padding:1.6rem 1rem 1.7rem}.header-navbar .navbar-container ul.nav li a.dropdown-user-link{padding:1.3rem 0}.header-navbar .navbar-container{padding:0}.header-navbar .navbar-container .show .dropdown-menu{left:inherit!important;overflow:inherit;right:0}}@media (min-width: 768px){.menu-list .navbar-menu{max-height:inherit;display:initial}}#main-nav{z-index:0;padding:0}#main-nav.collapsing{-webkit-transition:none;transition:none;display:none}.header-navbar{min-height:inherit}.dropdown-nav .dropdown-menu-media #main-nav{margin:0 20px;padding:0;z-index:1;position:relative}.dropdown-nav .dropdown-toggle::after{display:none}.header-navbar .navbar-container .dropdown-nav .dropdown-menu-media{border-radius:0;border:0 solid #00000026;width:101vw;right:-195px;height:170px;top:64px;background:transparent;position:fixed;left:0;padding:0}@media(max-width:1199px){.header-navbar .navbar-container .dropdown-nav .dropdown-menu-media{right:-140px}}.header-navbar .navbar-container .dropdown-nav .dropdown-menu-media:after{content:"";display:block;background:#323232;opacity:.96;width:101vw;height:176px;position:absolute;z-index:0;top:6px;left:0;background:linear-gradient(to bottom,#545762 0%,#38383b 53%,#191a1e 100%)}.dropdown-nav .dropdown-menu-media #main-nav li{text-align:center;padding:10px 0;list-style:none}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item{padding:0}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item,.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item:hover{background:transparent}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item i{position:relative;width:80px;height:80px;font-size:49px;text-indent:.58rem;line-height:80px;border-radius:50%;margin:0 auto 5px;transition:transform 0.4s,opacity 0.2s,color .3s;color:#fff}.dropdown-nav .dropdown-menu-media #main-nav li.active .dropdown-item i{color:#fff}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item i:after{pointer-events:none;position:absolute;border-radius:50%;content:'';box-sizing:content-box;padding:2px;z-index:-1;transition:transform 0.4s,opacity 0.2s,color .3s;width:90%;height:90%;top:3px;left:4px;border:1px solid #fff}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item li a{letter-spacing:0}.dropdown-nav .dropdown-menu-media #main-nav li.active .dropdown-item i:after{background:#353c50;color:#fff}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item i:hover{color:#fff}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item i:hover:after{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);background:#c2c2c2;-webkit-transition:-webkit-transform 0.4s,opacity 0.2s,color .3s;-moz-transition:-moz-transform 0.4s,opacity 0.2s,color .3s;transition:transform 0.4s,opacity 0.2s,color .3s}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item i:hover{color:#fff}.dropdown-nav .dropdown-menu-media #main-nav li{display:block;text-align:center;padding:10px 0;margin-top:18px}.dropdown-nav .dropdown-menu-media #main-nav li+li{margin-left:0}@media(max-width:768px){#navbar-mobile.navbar-collapse .navbar-nav .dropdown-nav .dropdown-menu{position:fixed;right:0;height:inherit}.header-navbar .navbar-container .dropdown-nav .dropdown-menu-media:after{height:120vh;background-size:cover;background-position:-40px -50px}.dropdown-nav .dropdown-menu-media #main-nav li{width:33%;-ms-flex-preferred-size:inherit;flex-basis:inherit;-ms-flex-positive:inherit;flex-grow:inherit}}.ui-datepicker{padding:.2em .2em 0;display:none;background:#fff;border:1px solid #ddd}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;background:#565454;font-size:15px;color:#fff}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;cursor:pointer}.ui-datepicker .ui-datepicker-next{right:0}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-10px;width:15px}.ui-datepicker .ui-datepicker-next span{background:url(../images/img_next.png) no-repeat;background-position:center center}.ui-datepicker .ui-datepicker-prev span{background:url(../images/img_prev.png) no-repeat;background-position:center center}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:5px 8px;text-align:center;font-weight:700;border:0;font-size:15px;font-weight:bold;color:#565454}.ui-datepicker td{border:0;padding:1px;border-radius:2px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;color:#565454;text-align:center;text-decoration:none}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-datepicker td:hover{background:#ddd}.ui-datepicker td:hover a{color:#403b3b}.ui-datepicker .ui-datepicker-today,.ui-datepicker .ui-datepicker-today:hover{background:#8c8989}.ui-datepicker .ui-datepicker-today a,.ui-datepicker .ui-datepicker-today:hover a{color:#fff}form label,.form label{color:#3c3939;font-size:16px}form .form-control,.form .form-control,select.form-control{color:#555353;border:1px solid #b7b7b7;border-radius:4px}@media screen\0{form .form-control,.form .form-control,select.form-control{height:37px}}form .form-control::-webkit-input-placeholder,.form .form-control::-webkit-input-placeholder{color:#b7b7b7}form .form-control:-moz-placeholder,.form .form-control:-moz-placeholder{color:#b7b7b7}form .form-control::-moz-placeholder,.form .form-control::-moz-placeholder{color:#b7b7b7}form .form-control:-ms-input-placeholder,.form .form-control:-ms-input-placeholder,form .form-control::-ms-input-placeholder,.form .form-control::-ms-input-placeholder{color:#b7b7b7}.form-control.datepicker:focus,.form-control.datepicker{border-color:#ccc;outline:0;-webkit-box-shadow:none;box-shadow:none}.input-group-btn.datepicker-btn>.btn{margin-left:0;height:38px}.input-group-btn .btn{border-radius:0 2px 2px 0;height:38px}.input-group-btn .btn .la:before{line-height:25px}.input-groups+.input-groups{margin-top:15px}.input-groups .input-group .form-text{margin-top:initial;line-height:35px;font-size:15px}.input-groups .input-group .form-text:first-child{margin-right:10px}.input-groups .input-group .form-control+.form-text,.input-groups .input-group .form-text:last-child{margin-left:10px}.input-group.nobtn .form-control{border-radius:.15rem}@media(min-width:455px){.input-groups.row>div:nth-of-type(2){padding-left:15px;padding-right:0}.input-groups+.input-groups{margin-top:15px}}.selectboxit-container *{font-family:verdana,Arial,sans-serif,"微軟正黑體"}.form-inline .selectboxit-container{vertical-align:inherit}.selectboxit-container .selectboxit{border-radius:2px;padding-right:45px}.selectboxit-container .selectboxit-disabled{cursor:not-allowed}.selectboxit-container .selectboxit-open{border-radius:2px 2px 0 0}.selectboxit-btn{border-color:#ccc;background-color:#fff;background-image:none}.selectboxit-container span,.selectboxit-container .selectboxit-options a{height:34px;line-height:32px}.selectboxit-arrow-container{top:0}.selectboxit-container .selectboxit-text{display:block;text-overflow:ellipsis;overflow:hidden;float:inherit}.selectboxit-btn.selectboxit-enabled:hover,.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:active{color:#444;background-color:#fff}.selectboxit-container .selectboxit-options{border-radius:0 0 2px 2px}.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor{background:#2b2727;color:#fff!important}.selectboxit-arrow.fa{font-family:LineAwesome;text-align:center;font-size:16px}.selectboxit .selectboxit-arrow-container .selectboxit-arrow{top:calc(50% - 9px);font:normal normal normal 16px/1 LineAwesome}.form-inline .form-group{margin-right:5px;margin-bottom:5px}.form-inline.label-ontop .form-group .form-control,.form-inline.label-ontop .selectboxit-container{width:100%}.form-inline.label-ontop .selectboxit-container .selectboxit{min-width:100%!important}.form-inline.label-ontop .selectboxit-options{width:100%}.form-inline.label-ontop .checkbox,.form-inline.label-ontop .radio,.form-inline.label-ontop .btn{margin-top:22px}@font-face{font-family:'ufonts';src:url(../fonts/ufonts/ufonts.eot?ka3rob);src:url(../fonts/ufonts/ufonts.eot?ka3rob#iefix) format("embedded-opentype"),url(../fonts/ufonts/ufonts.ttf?ka3rob) format("truetype"),url(../fonts/ufonts/ufonts.woff?ka3rob) format("woff"),url(../fonts/ufonts/ufonts.svg?ka3rob#icomoon) format("svg");font-weight:400;font-style:normal}[class^="uicon-"],[class*=" uicon-"]{font-family:'ufonts'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uicon-check:before{content:"\e900"}span.control{display:inline-block}[type="checkbox"]:checked,[type="checkbox"]:not(:checked),[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px}.checkbox-primary+label,.radio-primary+label,.checkbox-success+label,.radio-success+label{position:relative;padding-left:26px!important;cursor:pointer}.checkbox-primary+label:after,.radio-primary+label:after,.checkbox-success+label:after,.radio-success+label:after{content:'';width:22px;height:22px;position:absolute;left:0;top:0;background:#fff;border:1px solid #ddd;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border-radius:3px}.radio-primary+label:after,.radio-success+label:after{border-radius:50%}.checkbox-primary:checked+label:after,.radio-primary:checked+label:after{border:2px solid #4480c3;background:#4480c3}.checkbox-success:checked+label:after,.radio-success:checked+label:after{border:2px solid #56bad4;background:#56bad4}.checkbox-primary+label:hover:after,.radio-primary+label:hover:after{border:2px solid #4480c3}.checkbox-success+label:hover:after,.radio-success+label:hover:after{border:2px solid #56bad4}.checkbox-primary:disabled+label,.radio-primary:disabled+label,.checkbox-success:disabled+label,.radio-success:disabled+label{cursor:not-allowed}.checkbox-primary:disabled+label:after,.radio-primary:disabled+label:after,.checkbox-success:disabled+label:after,.radio-success:disabled+label:after{border:2px solid #ddd;background:#ddd}.checkbox-primary:checked+label:before,.radio-primary:checked+label:before,.checkbox-success:checked+label:before,.radio-success:checked+label:before{content:'\e900';font-family:'ufonts';position:absolute;z-index:1;color:#fff;font-size:15px;left:3px}@media(min-width: 768px){.checkbox-group .control{float:left;width:50%}.checkbox-group .control:nth-of-type(even){padding-left:20px}}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:0}input[type=file]{color:#666;outline:none;padding:0;border:1px solid #ccc;background:transparent;border-radius:2px;width:100%;height:38.5px}input[type=file]::-webkit-file-upload-button{background:#058E96;color:#fff;border:0;border-radius:2px 0 0 2px;font-family:"微軟正黑體";width:80px;height:100%;cursor:pointer}input[type=file]::-webkit-file-upload-button:hover{background:#0EA7B0}.uploadfile{position:relative;margin-bottom:10px}@media screen\0{.uploadfile input{background:#fff;border:#444 solid 1px}}span.uploadfile{display:inline-block}.btn-group input[type="radio"]{display:none}.btn-group label{border:#ddd solid 1px;color:#000;min-width:86px}.btn-group label.active{background:#2d628c;color:#fff}.btn-group>.btn.active{z-index:inherit}.radio-group label{text-align:center;line-height:30px;padding:0;margin-right:-1px;cursor:pointer}.margin30 .fs-16+.switch{margin-left:5px}.switch{position:relative;display:inline-block;width:45px;height:25px;vertical-align:middle}.switch input{display:none}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8c8c8c;-webkit-transition:.4s;transition:.4s;border-radius:12.5px}.switch .slider:before{position:absolute;content:"";height:21px;width:21px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#0ea095}.switch input:focus+.slider{box-shadow:0 0 1px #56bad4}.switch input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.czContainer{margin-top:10px}#btnPlus{margin-top:10px;padding:15px 12px;width:auto;height:auto}#btnPlus span{display:inline-block;margin-right:6px;font-size:14px}.czContainer .form-inline{overflow:inherit;position:relative;margin-bottom:10px}#btnMinus{position:absolute;left:0;top:10px;width:18px;height:18px;padding:0;border:0;background:url(../images/icon-remove@2x.png);background-size:18px 18px;cursor:pointer;z-index:40}.label-ontop #btnMinus{top:35px}.czContainer .form-inline{padding-left:32px}.czContainer .form-inline label{margin-right:5px}.czContainer .form-inline .selectboxit-container .selectboxit-text{margin-right:40px}.czContainer .form-inline.label-ontop .selectboxit-container .selectboxit-text{margin-right:inherit}.mfp-cont.resizePop{padding:inherit!important;background:inherit}.mfp-iframe-scaler iframe{background:#fff;padding:30px;border-radius:0}.mfp-iframe-scaler iframe h2{font-size:24px!important;margin-top:0!important}.mfp-cont{background:#fff}@media(min-width:768px){.mfp-iframe-scaler iframe{border-radius:4px}}.white-popup-block{position:relative}.white-popup-block .row{margin:0}@media(max-width:500px){.white-popup-block{height:95vh;overflow-x:hidden}.white-popup-block .popup-content{height:calc(100vh - 220px);overflow-y:auto;overflow-x:hidden}.white-popup-block .popup-footer{width:100%;position:absolute;bottom:50px}}.my-mfp-zoom-in .mfp-cont{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}.my-mfp-zoom-in.mfp-ready .mfp-cont{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .mfp-cont{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.alert{margin-bottom:20px;border:1px solid transparent;border-radius:2px;position:relative}.alert.alert-inline{display:inline-block;padding:5px 10px 8px 35px;margin-bottom:0}.alert-heading{margin:5px 0 15px}.alert.alert-dismissable,.alert.alert-dismissible{padding-right:35px}.alert-success{background:#dbefee;color:#0ea095}.alert-warning{background:#FFCE84!important;color:#f4b152}.alert-info{background:#e3f2fb;color:#4887ce}.alert-danger{background:#f7e6e6;color:#df7a8a}.alert-success .alert-link{color:#0ea095}.alert-warning .alert-link{color:#f4b152}.alert-info .alert-link{color:#4887ce}.alert-danger .alert-link{color:#df7a8a}.alert-success .fa{background:#0ea095}.alert-warning .fa{background:#f4b152}.alert-info .fa{background:#4887ce}.alert-danger .fa{background:#df7a8a}.alert-dismissable .close,.alert-dismissible .close,.simply-toast .close{position:absolute;right:10px;top:10px}.alert-inline .close{top:6px}.close{font-size:18px;filter:alpha(opacity=20);opacity:1}.simply-toast{position:relative;font-size:14px;padding-left:10px}.simply-toast span[class="close"]{position:absolute;right:10px}.simply-toast.alert-success{background:#0ea095;color:#fff}.simply-toast.alert-info{background:#77bde5;color:#fff}.simply-toast.alert-warning{background:#f4b152;color:#fff}.simply-toast.alert-danger{background:#df7a8a;color:#fff}.simply-toast a{color:#fff;text-decoration:none;font-weight:700}.badge-group{margin:15px 0}.badge-group .badge{text-align:left;font-size:13px;border-radius:2px;display:block;margin:10px 0;padding:7px 5px}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header,.fc-unthemed .fc-list-heading td{background:#eaebef}.badge.HLD{background-color:#a67ba7;border-color:#a67ba7}.badge.AJD{background-color:#7a577d;border-color:#7a577d}.badge.RLD{background-color:#b9596e;border-color:#b9596e}.badge.RGD{background-color:#a6985a;border-color:#a6985a}.badge.WOD{background-color:#526942;border-color:#526942}.badge.NDD{background-color:#575773;border-color:#575773}.badge.OTD{background-color:#b16c1a;border-color:#b16c1a}.badge.PSL{background-color:#755a42;border-color:#755a42}.bootstrap-duallistbox-container select{overflow:auto}.bootstrap-duallistbox-container select option{padding:.35rem .7rem}.bootstrap-duallistbox-container .info{font-size:13px!important;margin-bottom:.5rem!important}.bootstrap-duallistbox-container .clear1{font-size:11px!important}.content-header-title.d-inline-block{padding:6px 24px 8px 0;margin:0 24px 0 0;border-right:1px solid #E4E5EC}.diversion{padding-left:0}.diversion .active>a,.diversion li:hover>a{color:#fff;text-decoration:none}.sticky{position:-webkit-sticky;position:sticky;top:122px;z-index:2;background:#fff;left:0;padding:15px 25px 0;margin:0 -30px}.app-content.center-layout,html body .content.app-content{overflow-x:inherit;overflow-y:auto;height:calc(100vh - 60px);background:#f2f2f2}.avatar-img{text-align:center;margin-bottom:20px}@media(min-width: 768px){.avatar-img img{width:100%}.navbar .dropdown-user-link .avatar-img{overflow:hidden;height:32px;display:block;border-radius:1000px}.form .form-body .avatar-img{max-height:220px;overflow:hidden}}.avatar-upload{position:relative;max-width:205px;margin:0 auto 30px}.avatar-upload .avatar-edit{position:absolute;z-index:1;right:0;top:0}@media(min-width: 1400px){.avatar-upload .avatar-edit{right:10px}}.avatar-upload .avatar-edit input{display:none}.avatar-upload .avatar-edit input+label{display:inline-block;width:34px;height:34px;margin-bottom:0;border-radius:100%;background:#FFF;border:1px solid transparent;box-shadow:0 2px 4px 0 #0000001f;cursor:pointer;font-weight:400;transition:all .2s ease-in-out}.avatar-upload .avatar-edit input+label:hover{background:#f1f1f1;border-color:#d6d6d6}.avatar-upload .avatar-edit input+label:after{content:"\f040";font-family:'FontAwesome';color:#757575;position:absolute;top:6px;left:0;right:0;text-align:center;margin:auto}.avatar-upload .avatar-preview{width:192px;max-width:100%;height:192px;position:relative;border:6px solid #F8F8F8;box-shadow:0 2px 4px 0 #0000001a}.avatar-upload .avatar-preview>div{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.treeSection{margin-bottom:20px}.list-group{border-radius:0;padding-left:10px;margin-bottom:0}.list-group-item{border:none;padding:0 0 0 15px;border-left:1px solid #6d7cae;line-height:25px}.list-group-item:last-child,.list-group-item:first-child{border-radius:0}.list-group .fa-chevron-down{cursor:pointer;font-size:.8rem!important;margin-left:5px}.list-group label{font-weight:400;cursor:pointer}.list-group input[type="checkbox"]{vertical-align:sub;margin-right:2px}.list-group-item:before{display:inline-block;content:"";position:absolute;top:10px;left:0;width:12px;height:0;border-top:1px solid #6d7cae;z-index:1}.list-group .badge{font-weight:400;padding:2px 5px;font-size:11px}.sitemap .panel-heading{font-weight:700;font-size:16px}.sitemap .panel{margin-bottom:25px}.sitemap .panel-body ul{padding:0 2px;margin:10px 0}.sitemap .panel-body ul li{list-style:none}.sitemap .panel-body ul li a{color:#337ab7}.sitemap .panel-body ul li a:hover{color:#1E9FF2;text-decoration:underline}div.table-responsive div.dataTables_wrapper>div.row:nth-of-type(1)>div[class^="col-"]:first-child,#DataTables_Table_0_wrapper.dataTables_wrapper>div.row:nth-of-type(1)>div[class^="col-"]:first-child,#GridView1_wrapper.dataTables_wrapper>div.row:nth-of-type(1)>div[class^="col-"]:first-child{width:100%;max-width:inherit;flex:0 0 100%;text-align:right}#DataTables_Table_0_wrapper.dataTables_wrapper>div.row:nth-of-type(1)>div[class^="col-"]:first-child{padding-right:15px}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length{text-align:right}}div.dataTables_wrapper.container-fluid{padding-right:0;padding-left:0}div.dataTables_wrapper.container-fluid#GridView1_wrapper{padding:inherit}div.dataTables_wrapper .row{margin-right:0;margin-left:0}div.dataTables_wrapper .row>div[class*=col-]{padding:0}div.dataTables_wrapper .row>div.col-md-6{padding:0}div.dataTables_wrapper div.dataTables_filter label{margin:0;display:none}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:10px 0}.hurdle621 .dataTables_wrapper table.table-bordered.dataTable thead tr:nth-of-type(2) th:last-child,.hurdle621 .dataTables_wrapper table.table-bordered.dataTable thead tr:nth-of-type(3) th:last-child{border-right:1px solid #0000004d}.personal41 .table-responsive .table thead tr.tabheader th:nth-of-type(3){border-bottom:none}.personal41 .table-responsive .table thead tr:last-child th:last-child{border-right-width:1px}.hrmanagement41 .table-responsive>div>.dataTableNoOrder.dataTable.no-footer,.personal44 .table-responsive>div>.dataTableNoOrder.dataTable.no-footer,.personal45 .table-responsive>div>.dataTableNoOrder.dataTable.no-footer{padding:0}.table-responsive>div>.dataTableNoOrder.dataTable.no-footer .nodata td{border:1px solid #e5ebe7}#ContentPlaceHolder_MasterPlace_GridView1_wrapper .row div[class^="col-"]{padding:0}.card-body .table-responsive:last-child{margin-bottom:0}.tablelightcolor .form-row p{padding:0;margin:0;text-indent:4px;line-height:35px}.tablelightcolor .table>tbody>tr>:last-child .bootstrap-datetimepicker-widget.dropdown-menu{margin-left:-125px}.card-body .table-responsive .table tbody .btn .la:not(.la-calendar){display:none}#myTable{margin-bottom:150px}.registered #myTable{margin-bottom:0}.list-group-item:last-child{border:none;padding:0 0 0 15px;border-left:0 dotted #666}.list-group-item:last-child::after{display:inline-block;content:"";position:absolute;top:0;left:0;height:10px;border-left:1px solid #0f76a2;z-index:1}.list-group-item .tree-name{background:#ffffffc2;height:20px;color:#6f6f6f}.list-group-item .tree-department{background:#f2f3f4;padding:1px 15px;border-radius:3px;color:#212529;height:26px;line-height:23px;margin-top:2px}.list-group-item .tree-toggle span{color:#1D5482}.list-group-item label>a{background:#f2f3f4;padding:3px 11px;border-radius:5px;color:#212529;height:26px;margin-top:2px;margin-right:-6px}.list-group-item label>a.load-getting.active{background:#6d7cae;color:#fff}.treeSection .BtnRoot.active{background:#6d7cae;color:#fff;padding:3px 8px;border-radius:5px;font-size:14px}.list-group-item label>a:hover{color:#575757}.error{color:#dc3545!important;display:block}.form-control.is-invalid{border-color:#dc3545!important;color:#dc3545}.treeSection>a{color:#4e4e4e;line-height:35px;font-size:15px}.treeSection>a:hover{color:#4e4e4e}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #b7b7b7!important;border-radius:4px;height:39px!important;padding:2px 0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.select2-container--default .select2-selection--single{height:37px}}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 5px 5px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#545353 transparent transparent;border-style:solid;border-width:5px 5px 0;height:0;left:75%;margin-left:0;margin-top:-4px;position:absolute;top:50%;width:0}.is-invalid .select2-selection{border:1px solid #dc3545!important}.is-invalid .select2-selection:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540;border:1px solid #dc3545!important}.is-invalid .select2-selection:active{border:1px solid #dc3545!important}.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],.select2-container--default .select2-results__options .select2-results__option[aria-selected=true]{background-color:#5897fb!important}.is-invalid .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border:1px solid #dc3545!important}.is-invalid .select2-selection__rendered{color:#dc3545!important}.is-invalid .select2-selection--single .select2-selection__arrow b{border-color:#dc3545 transparent transparent}.is-invalid.select2-container--classic.select2-container--focus .select2-selection--multiple,.is-invalid.select2-container--classic.select2-container--open .select2-selection--single,.is-invalid.select2-container--default.select2-container--focus .select2-selection--multiple,.is-invalid.select2-container--default.select2-container--open .select2-selection--single{border-color:#dc3545!important;outline:0;box-shadow:0 0 0 .2rem #dc354540;border:1px solid #dc3545!important}.is-invalid.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #dc3545}.select2{width:100%!important;position:relative}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#fff}.btn-group{margin-bottom:11px;font-size:16px}.btn-group .btn{font-size:15px}.btn-group .btn-outline-info{width:100%}.set-tabs ul{margin-left:-12px;overflow:auto}.set-tabs .form-actions{margin-top:60px}.set-tabs .form-actions .btn{margin-top:0;margin-bottom:50px}.set-tabs .btn-group a{padding:8px 0}.set-tabs .btn-group h4{padding-bottom:5px;letter-spacing:3px}.set-tabs .btn-group .active h4{border-bottom:1px solid #fff}.set-tabs .btn-group .active p{color:#fff}.set-tabs .btn-group p{text-align:left;padding-left:18px}.set-tabs h3{margin:15px 0 10px}.set-tabs input{border-radius:0}.set-tabs .main-content{margin-top:40px;padding:0 30px}.set-tabs .btn-group p{margin-bottom:0;color:#9a9a9a;font-size:14px}.set-tabs .btn-group .btn-outline-danger{writing-mode:vertical-lr;padding:11px 6px}.set-tabs .card-body{padding:0}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#2295f3;border-color:#2295f3}.set-tabs .steps li.done{background:#1565C0}.set-tabs .steps li{display:inline-block;text-align:center;color:#fff;height:40px;position:relative;line-height:40px;margin-right:2px;float:left;background:#c5c5c5;text-align:center;font-size:13px;padding:0 0 0 15px;display:table}.set-tabs .steps li.done::before{border-color:transparent transparent transparent #1565C0}.set-tabs .steps li::before{content:'';display:inline-block;position:absolute;z-index:20;left:100%;top:0;width:0;height:0;border-style:solid;border-width:20px 0 20px 15px;border-color:transparent transparent transparent #c5c5c5}.set-tabs .steps li a{text-decoration:none;color:#fff;display:block;width:100%;height:40px}.set-tabs .steps li a:hover{color:#37474f}.set-tabs .steps li:first-child::after{border:0}.set-tabs .steps li::after{content:'';display:inline-block;position:absolute;z-index:10;left:0;top:0;width:0;height:0;border-style:solid;border-width:20px 0 20px 15px;border-color:transparent transparent transparent #fff}.set-tabs .steps li.current{background:#2196F3}.set-tabs .steps li.current::before{border-color:transparent transparent transparent #2196F3}.set-tabs .steps li.current:last-child::before{content:'';display:inline-block;position:absolute;border-color:#2196F3}.set-tabs .steps li:last-child::before{content:'';display:inline-block;position:absolute;border-color:#c5c5c5}.set-tabs .steps-2 li{width:calc(49% - 6px)}.set-tabs .steps-3 li{width:calc(33.3333% - 6px)}.set-tabs .steps-4 li{width:calc(25% - 6px)}.set-tabs .steps-5 li{width:calc(20% - 6px)}#DataTables_Table_0_wrapper.dataTables_wrapper>div.row:nth-of-type(1)>div[class^="col-"]:first-child{padding-right:0}.header-navbar .navbar-container ul.nav li a.dropdown-user-link .avatar{max-height:36px;overflow:hidden}.process{padding-left:59px;position:relative;padding-top:10px;margin-bottom:28px}.process::after{content:" ";width:91%;display:block;border-bottom:1px solid #dcdcdc;position:absolute;left:58px;bottom:-25px}.process::before{content:" ";width:1px;height:100%;display:block;border:1px solid #535be2;position:absolute;top:55px;left:21px}.process:last-of-type::before{content:" ";width:1px;height:100%;display:block;border:0 solid #535be2;position:absolute;top:55px;left:21px}.process+.add{display:inline-block;margin-top:5px}.process .digital{border:2px solid #535be2;padding:8px 15px;border-radius:50%;position:absolute;left:0;top:16px;color:#535be2;background:#fff}.process .personnel{font-size:16px;padding-right:20px;display:block;letter-spacing:.5px;margin-bottom:0;margin-top:13px}.process .btn{position:absolute;right:0;top:0}.process .btn-outline-info{right:77px}.form .process{margin-bottom:28px}.form .form-body{padding:1.25rem}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:8px 0}.card-body:first-child{padding:2rem 3.5rem 1rem}.card-body{padding:.5rem 3.5rem 1rem}.nav-tabs{margin-top:10px}.nav.nav-tabs.nav-topline{margin-top:10px}.form-group{margin-bottom:1rem}.search-wrap .search-cont>.form{margin-bottom:0}@media (min-width: 576px){form.form-horizontal .form-group .label-control,.form.form-horizontal .form-group .label-control{text-align:left;line-height:24px}}.table th,.table td{font-weight:400}@media (min-width: 1440px){.table th,.table td{padding:.4rem 1rem}}.form .sgcol-bdb1 input.form-control{border:0 solid #b7b7b7;border-bottom:1px solid #b7b7b7;border-radius:0;margin:0 5px 6px;width:75px}.form .sgcol-bdb1 select{border:0 solid #b7b7b7;border-bottom:1px solid #b7b7b7;border-radius:0;margin:3px 5px 0}.sgcol-bdb1 input{border:0 solid #b7b7b7;border-bottom:1px solid #b7b7b7;border-radius:0;margin:0 5px 6px;width:75px}.s-d{margin-bottom:9px;margin-top:3px}.form .frombk-color{padding:31px 38px 30px;background-color:#fcf8e3;border:1px solid #faebcc;border-radius:9px;color:#8a6d3b;background-color:#799b7117;border:1px solid #dee9da;color:#a9c49d}.vertical-menu{background:-webkit-radial-gradient(center,ellipse cover,#fff 0%,#f0f0f0 87%,#efefef 100%)}.calendararea>.row{height:100%}.calendararea .note{padding-right:0;height:100%}.calendararea .note-list li .sort{border-radius:29%;padding:0 6px;margin-right:2px;display:inline-block}.calendararea .note-list li .person{border:1px solid #dad1bd;color:#dad1bd}.calendararea .note-list li .part{border:1px solid #c5dfe1;color:#c5dfe1;margin-right:5px}.calendararea .note .card{background:url(../images/none-left-b.png) 100%;height:100%;padding:5px 24px 0;border-radius:10px;background-size:cover}.calendararea .calendar{padding-left:0;height:100%}.calendararea .calendar .card{background:url(../images/note-right-b.png);height:100%;padding:16px 16px 0;border-radius:0 10px 10px 0;background-size:cover}.calendararea .card{margin-bottom:0;box-shadow:0 0 0 0 #0000;background-color:transparent}.calendararea .card .card-header{background-color:transparent;padding:0;border-radius:10px 10px 0 0}.calendararea .card .card-header .date-header .title{position:relative}.calendararea .card .card-header .date-header .title:after{content:'';position:absolute;bottom:-1px;left:18px;background:#C3C4C6;height:1px;width:calc(100% - 47px)}.calendararea{box-shadow:0 1px 15px 1px #00000012;margin-bottom:21px;background:url(../images/note-bk.jpg);height:318px;background-size:cover;border-radius:10px}.title-header{color:#fff;letter-spacing:2px;font-size:19px}.title-header span{font-weight:700;letter-spacing:1.5px}.calendararea .card .title-header{margin-top:15px}.calendararea .note-list{padding-top:6px}.calendararea .note-list ul{padding-left:0}.calendararea .note-list li{list-style-type:none;color:#fff;font-size:14px;padding:7px 0;border-bottom:1px solid #bbbdbf;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-height:42px;letter-spacing:.5px}.calendararea .note-list li a{color:#fff}.calendararea .note-list li a:hover{color:#fff}.calendararea .note-list li .date{padding-right:10px}#calendar-title{display:inline-block;letter-spacing:2px;position:absolute;right:107px;top:13px}#calendar-year{font-size:40px;letter-spacing:2px;display:inline-block;margin-left:18px}#prev{position:absolute;top:9px;right:70px;width:30px;height:26px;background:#7F90A0;color:#fff;border-radius:2px;padding:5px 3px 6px 10px;font-size:12px}#next{position:absolute;top:9px;right:30px;width:30px;height:26px;background:#7F90A0;color:#fff;border-radius:2px;padding:5px 6px 6px 12px;font-size:12px}#prev:hover,#next:hover{background:#99a9b8;color:#fff}#prev:active,#next:active{background:#fff;color:#7F90A0}.calendararea .card-content .body-list{padding-left:0;margin-top:-12px}.calendararea .body-list ul{padding:0}.calendararea .body-list ul li{padding:0 10px;width:14.18%;height:33px;line-height:40px;list-style-type:none;display:block;box-sizing:border-box;float:left;text-align:center;font-size:15px;z-index:1}.calendararea .lightgrey{color:#272f35}.darkgrey{color:#5E6A74}.bluex{color:#5E6A74}.greenbox{position:relative;color:#fff}.greenbox:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;top:calc(50% - 12px);left:calc(50% - 15px);z-index:-1;background:#7a90a0}.calendararea .tomore{float:right;margin-top:13px}.index .card,.index-nopunch .card{border-radius:10px;box-shadow:0 3px 9px 0 #00000052;height:318px}.proclamation .card-header{position:relative;z-index:1}.proclamation .card-header ul>.nav-item>a>i{display:none}.proclamation .title-header{display:inline-block;line-height:45px}.proclamation .nav-pills{position:absolute;right:1rem;top:0;z-index:9;display:flex!important;align-items:center!important}.proclamation .nav-item a{color:#fff}.proclamation .nav-item a:hover{color:#FEDC8B}.proclamation .nav-pills .nav-link.active,.proclamation .nav-pills .show>.nav-link{color:#333;border:1px solid #FEDC8B;padding:3px 17px;border-radius:4px;background:linear-gradient(to right,#feda87 0%,#ffb74b 100%);box-shadow:inset 0 3px 6px 0 #0000004d}@media (max-width: 991px){.proclamation .nav-pills .nav-link.active{position:relative;padding-right:30px}.proclamation .nav-pills .nav-item .nav-link.active::before{content:"";width:0;height:0;border-style:solid;border-width:8px 5px 0;border-color:#333 transparent transparent;position:absolute;right:10px;top:12px}.proclamation .nav-pills .nav-item:not(:first-child){display:none}.proclamation .nav-pills.open .nav-item{min-width:105px;width:auto;background:#183a5ab3;backdrop-filter:blur(5px);border:1px solid #ff0;border-top:0;border-bottom:0}.proclamation .nav-pills.open .nav-item:first-child{border-radius:5px 5px 0 0;border-bottom:0}.proclamation .nav-pills.open .nav-item:last-child{border-radius:0 0 5px 5px;border-top:0}}.proclamation .card-content .tab-content ul{padding-left:0!important}.proclamation .card-content .tab-content ul li{padding:11px 2rem;list-style:none;position:relative;border-bottom:1px solid #eee;padding-right:24px}.index-nopunch .proclamation .card-content .tab-content{overflow:hidden;/*height:175px*/}.proclamation .card-content .tab-content ul li:after{font-family:"FontAwesome";content:"\f105";position:absolute;right:2rem;top:6px;color:#806A65;font-weight:100;font-size:17px}.proclamation .card-content ul li{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-height:42px}.proclamation .card-content ul li a{color:#7B7B7B}.proclamation .card-content ul li .date{color:#806A65;padding-right:16px}.proclamation .card-content ul li a i{color:#806A65}.proclamation .card-content{height:230px;border-radius:10px}.dowebok{margin:27px auto 23px;text-align:center}@-webkit-keyframes flipTop{0%{-webkit-transform:perspective(400px) rotateX(0deg)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-webkit-keyframes flipBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes flipTop{0%{-moz-transform:perspective(400px) rotateX(0deg)}100%{-moz-transform:perspective(400px) rotateX(-90deg)}}@-moz-keyframes flipBottom{0%{-moz-transform:perspective(400px) rotateX(90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-ms-keyframes flipTop{0%{-ms-transform:perspective(400px) rotateX(0deg)}100%{-ms-transform:perspective(400px) rotateX(-90deg)}}@-ms-keyframes flipBottom{0%{-ms-transform:perspective(400px) rotateX(90deg)}100%{-ms-transform:perspective(400px) rotateX(0deg)}}100%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}.index-nopunch .timemachine .card-header{padding:1.2rem 1.25rem .2rem}.index-nopunch .proclamation .card-content{height:204px}.index-nopunch .timemachine .dowebok{margin:39px auto 35px}.flipTimer{color:#FFF;font-size:55px;font-weight:700;line-height:76px;height:86px}.index-nopunch .timemachine.android .flipTimer{font-size:68px;height:88px}.index-nopunch .timemachine.android .flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-top{padding:6px 6px 0 0}.index-nopunch .timemachine.android .flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-top .digit-wrap{padding-left:0}.index-nopunch .timemachine.android .flipTimer .hours:before,.flipTimer .minutes:before{content:" ";position:absolute;top:26px}.index-nopunch .timemachine.android .flipTimer .hours:after,.flipTimer .minutes:after{content:" ";top:3px}.timemachine.android .flipTimer{font-size:68px;height:88px}.timemachine.android .flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-top{padding:6px 6px 0 0}.timemachine.android .flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-top .digit-wrap{padding-left:0}.timemachine.android .flipTimer .hours:before,.flipTimer .minutes:before{content:" ";position:absolute;top:26px}.timemachine.android .flipTimer .hours:after,.flipTimer .minutes:after{content:" ";top:3px}.index-nopunch .flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-bottom .digit-wrap{padding-left:0}.flipTimer .seperator{vertical-align:top;margin:0 -20px;display:inline}.flipTimer .seconds,.flipTimer .minutes,.flipTimer .hours,.flipTimer .days{height:100%;display:inline}.flipTimer .digit-set{width:45px;height:100%;display:inline-block;position:relative;margin:0}.flipTimer .digit{position:absolute;height:100%}.flipTimer .digit>div{position:absolute;left:0;overflow:hidden;height:50%}.flipTimer .digit>div.digit-top,.flipTimer .digit>div.shadow-top{background-color:#848080;box-sizing:border-box;top:0;z-index:0;border-radius:10px 0 0 0;position:relative}.flipTimer .digit>div.shadow-top{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#0000),to(black));width:40px;opacity:0;-webkit-transition:opacity .3s ease-in}.flipTimer .digit>div.digit-bottom,.flipTimer .digit>div.shadow-bottom{background-color:#848080;bottom:0;z-index:0;border-radius:0 0 10px 10px}.flipTimer .digit>div.digit-bottom .digit-wrap,.flipTimer .digit>div.shadow-bottom .digit-wrap{display:block;margin-top:-100%}.flipTimer .digit>div.shadow-bottom{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#4f4f4f),to(#0000));width:45px;opacity:0;-webkit-transition:opacity .3s ease-in}.flipTimer .digit.previous .digit-top,.flipTimer .digit.previous .shadow-top{opacity:1;z-index:2;-webkit-transform-origin:50% 100%;-webkit-animation:flipTop .3s ease-in both;-moz-transform-origin:50% 100%;-moz-animation:flipTop .3s ease-in both;-ms-transform-origin:50% 100%;-ms-animation:flipTop .3s ease-in both;transform-origin:50% 100%;animation:flipTop .3s ease-in both}.flipTimer .digit.previous .digit-bottom,.flipTimer .digit.previous .shadow-bottom{z-index:1;opacity:1}.flipTimer .digit.active .digit-top{z-index:1}.flipTimer .digit.active .digit-bottom{z-index:2;-webkit-transform-origin:50% 0;-webkit-animation:flipBottom .3s .3s ease-out both;-moz-transform-origin:50% 0;-moz-animation:flipBottom .3s .3s ease-out both;-ms-transform-origin:50% 0;-ms-animation:flipBottom .3s .3s ease-out both;transform-origin:50% 0;animation:flipBottom .3s .3s ease-out both}.flipTimer .digit-set:nth-child(1)>.digit>div{padding:0 0 0 6px}.flipTimer .digit-set:nth-child(2)>.digit>div{padding:0 6px 0 0}.flipTimer .digit-set:nth-child(1)>.digit>.digit-bottom{border-radius:0 0 0 10px}.flipTimer .digit-set:nth-child(1)>.digit>.digit-top{padding-top:4px}.flipTimer .digit-set:nth-child(2)>.digit>.digit-top{border-radius:0 10px 0 0;padding:4px 6px 0 0}.flipTimer .digit-set:nth-child(2)>.digit>.digit-bottom{border-radius:0 0 10px 0}.flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-top .digit-wrap{padding-left:.5px;padding-left:.5px}.flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-top{padding:4px 6px 0 0}.flipTimer .hours .digit-set:nth-child(2)>.digit>.digit-bottom .digit-wrap{padding-left:.5px}.flipTimer .hours .digit-set>.digit>.digit-bottom{padding-top:1px}.flipTimer .hours,.flipTimer .minutes{position:relative}.flipTimer .hours:after,.flipTimer .minutes:after{content:" ";position:absolute;width:10px;height:10px;background:#aaa8a8;right:-14px;top:-7px}.flipTimer .hours:before,.flipTimer .minutes:before{content:" ";position:absolute;width:10px;height:10px;background:#aaa8a8;right:-14px;top:19px}@media(max-width: 1199px){.flipTimer .digit-set:nth-child(1)>.digit>.digit-top{padding-top:5px}.flipTimer .digit-set:nth-child(2)>.digit>.digit-top{padding:5px 6px 0 0}}.timemachine{background:linear-gradient(45deg,#1c4872ff 0%,#356ea4ff 100%);background-size:cover;position:relative}.timemachine .clock-content{position:relative}.timemachine .card-content{text-align:center;z-index:1}.timemachine .datetime{display:block;list-style:none;padding-left:0;color:#fff;font-size:27px;font-weight:600;letter-spacing:.5px;text-align:right;position:absolute;right:20px;top:95px}.timemachine li{display:inline-block}.timemachine .card-header{padding:0 20px;display:block;z-index:1;background:transparent;border-radius:10px 10px 0 0;background-size:cover}.timemachine .card-header .nav-tabs{border-bottom:0;border:1px solid #FCCB81;border-radius:5px;box-shadow:0 3px 6px #0003}.timemachine .card-header .nav-tabs .nav-item{width:33.3%;text-align:center;padding:3px 0;text-align:center;border:none;color:#FCCB81;font-size:16px;letter-spacing:2px;font-weight:700;z-index:1}.timemachine .card-header .nav-tabs .active{border:0;background:linear-gradient(45deg,#feda87 0%,#ffb74b 100%);color:#275989;position:relative;border-radius:5px;box-shadow:inset 0 3px 3px #0000004d}.timemachine .card-header .nav-tabs .nav-item:first-child.active{border-right:1px solid #FEDC8B}.timemachine .card-header .nav-tabs .nav-item:last-child.active{border-left:1px solid #FEDC8B}.timemachine .nav.nav-tabs .nav-item .nav-link .active{background-color:transparent;border-radius:.25rem .25rem 0 0}.timemachine #Date{font-size:16px;font-weight:500;color:#FFF}.timemachine .btn-group{width:100%;margin-bottom:0}.timemachine .btn-group button{width:50%;padding:11px;margin:0;border:0;border-radius:0;margin-left:0}.timemachine .btn-group .work,.timemachine .btn-group .workoff{background:#e3e3e3;color:#366ea4;letter-spacing:1px;border-radius:4px!important}.timemachine .btn-group .work:hover,.timemachine .btn-group .workoff:hover{background:#feda87}.timemachine .btn-group .work:active,.timemachine .btn-group .workoff:active{background:#545b62}.timemachine .btn-group .btn+.btn{margin-left:0}.advice{height:318px;background:#F2F2F4;border-radius:10px}.advice .attach{color:#fff;letter-spacing:2px;font-size:19px}.advice .card-content ul{padding-left:0}.advice .card-content ul li{padding:.75rem 1.25rem;border-bottom:1px solid #e5e5e5}.badge-dridyellow{background-color:#d69d00}.badge-dridblue{background-color:#68b9ab}.badge-dridred{background-color:#A05053}.badge-dridgreen{background-color:#7C9786}.badge-dridpurple{background-color:#9FA5BD}.list-group .badge{font-weight:400;padding:2px 6px;font-size:11px}.advice .card-content .list-group li a{color:#515151}.xsfromstyle .form-group{padding:20px;background:#daf0d2;border-radius:5px;position:relative;font-size:16px;color:#5a5757;margin-bottom:0}.xsfromstyle .form-group i{position:absolute;right:9px;bottom:6px;font-size:66px}.xsfromstyle .form-group label{color:#5a5757}.xsfromstyle .xsgreen{background:#daf0d2}.xsfromstyle .xsgreen i{color:#c6e2bb}.xsfromstyle .xsblue{background:#e5f0fa}.xsfromstyle .xsblue i{color:#cae3fa}.xsfromstyle .xsyellow{background:#f6efd0}.xsfromstyle .xsyellow i{color:#eee2b1}.bdfromstylegreen{border:3px solid #d4f1cf;border-radius:11px;padding:1px 24px;border-left:9px solid #d4f1cf}.bdfromstylegreen label{font-size:17px;font-weight:700;color:#759a75;margin-top:10px}.bdfromstylegreen .sensp{background:#ccf2cc}.card-body .form .sgcol>.form-group>.form-group:before{content:"";height:91%;position:absolute;left:23%;border-left:1px solid #dbdbdb}.tomore{color:#fff;margin:0 5px 0 20px}.tomore:hover{color:#cbcbcb}.todoListArea .tomore{color:#fff;margin:0!important;position:absolute;right:0;z-index:9}.table-striped tr td{vertical-align:middle}.table thead th{vertical-align:middle;border-bottom:1px solid #0000004d}.table-striped .striped-total{background:#fff}.hrmanagement24 .table-striped tr th{background:none;color:#141414}.hrmanagement24 .table-striped thead th{border-bottom:1px solid #becbc1;border-top:1px solid #becbc1}.table-list tr td{text-align:center;vertical-align:middle}.table-list tfoot th,.table-list tfoot td{background:#fff;color:#000;border:1px solid #0003}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#bd283b;border-color:#bd283b}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#2770AD;border-color:#2770AD}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#d69d00;border-color:#d69d00}.page-item.active .page-link{z-index:1;color:#fff;background-color:#6c7bae;border-color:#6471a0}.pagination .page-link{color:#036d9a}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#898ac3;border-color:#898ac3}.btn-apply-repeal{border-color:#bd283b;background-color:transparent;color:#bd283b}.btn-apply-repeal:hover{background-color:#bd283b;color:#FFF!important}.btn-apply-repeal:not(:disabled):not(.disabled).active,.btn-apply-repeal:not(:disabled):not(.disabled):active,.show>.btn-apply-repeal.dropdown-toggle{color:#fff;background-color:#bd283b;border-color:#bd283b;color:#fff;background-color:#bd283b;border-color:#bd283b}.list-group-item .checkbox-primary+label:after,.list-group-item .radio-primary+label:after,.list-group-item .checkbox-success+label:after,.list-group-item .radio-success+label:after{content:'';width:20px;height:20px;position:absolute;left:3px;top:2px;background:#fff;border:1px solid #ddd;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border-radius:3px}.list-group-item .checkbox-primary:checked+label:after,.list-group-item .radio-primary:checked+label:after{border:2px solid #4480c3;background:#4480c3}.list-group-item .checkbox-primary:disabled+label:after,.list-group-item .radio-primary:disabled+label:after,.list-group-item .checkbox-success:disabled+label:after,.list-group-item .radio-success:disabled+label:after{border:2px solid #ddd;background:#ddd}.list-group-item .checkbox-primary:checked+label:before,.list-group-item .radio-primary:checked+label:before,.list-group-item .checkbox-success:checked+label:before,.list-group-item .radio-success:checked+label:before{content:'\e900';font-family:'ufonts';position:absolute;z-index:1;color:#fff;font-size:13px;left:6px}.list-group-item>.list-group .list-group-item .checkbox-primary+label:after,.list-group-item>.list-group .list-group-item .radio-primary+label:after,.list-group-item>.list-group .list-group-item .checkbox-success+label:after,.list-group-item>.list-group .list-group-item .radio-success+label:after{content:'';width:20px;height:20px;position:absolute;left:3px;top:2px;background:#fff;border:1px solid #ddd;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border-radius:3px}.list-group-item>.list-group .list-group-item .checkbox-primary:checked+label:after,.list-group-item>.list-group .list-group-item .radio-primary:checked+label:after{border:2px solid #4480c3;background:#4480c3}.list-group-item>.list-group .list-group-item .checkbox-primary:disabled+label:after,.list-group-item>.list-group .list-group-item .radio-primary:disabled+label:after,.list-group-item>.list-group .list-group-item .checkbox-success:disabled+label:after,.list-group-item>.list-group .list-group-item .radio-success:disabled+label:after{border:2px solid #ddd;background:#ddd}.white-popup-block h4{font-size:19px;margin:0 6px;color:#4e4e4e}.red{color:#d84458!important}.form-group .fftspwidth span{width:83px;margin-bottom:5px}.form-group .over-minunit span{width:96px}.form-group .fffpwidth span{width:110px}.form-group .ffsspwidth span{width:95px}.form-group .tttspwidth span{width:138px}.form-group .ttfspwidth span{width:100px}.hrmanagement52 span.control{width:165px}.systemmanagement11 .mailflo span.control{width:59px}.systemmanagement11 .mailflo span.delete{width:83px}.systemmanagement34 .usessl span{width:48px}.hrmanagement21 .license span,.hrmanagement25 .license span{width:140px}.personal46 .modal-body .form span.control{width:50%}.personal46 .table thead th{vertical-align:middle;border-bottom:0 solid #8997c7;border-top:1px solid #8997c7}.personal53 form .form-group,.personal53 .form .form-group{margin-bottom:0}.table-schedule tr th{padding:5px}.applicationform32 p{margin-bottom:0}.applicationform32 .form .form-body{padding:1.25rem 0}.applicationform11 .table-detail th,.applicationform13 .table-detail th,.applicationform12 .table-detail th,.applicationform15 .table-detail th,.applicationform14 .table-detail th,.applicationform16 .table-detail th{width:20%}.reportquery61 .table thead th,.reportquery11 .table thead th,.hurdle621 .table thead th,.attendance24 .table thead th,.attendance22 .table thead th{vertical-align:middle}.hurdle621 .table thead th:last-child,.attendance24 .table thead th:last-child,.attendance22 .table thead th:last-child{vertical-align:middle;border-right:0}.form .punchrule input.form-control{height:33px;margin:0 6px;border-radius:3px}.punchrule .input-group>.custom-select:not(:first-child),.punchrule .input-group>.form-control:not(:first-child){border-radius:3px}.shiftplanning23 .select2-container--default.select2-container--focus .select2-selection--multiple{height:38px!important}.shiftplanning23 .select2-container--classic .select2-selection--multiple,.shiftplanning23 .select2-container--default .select2-selection--multiple{min-height:38px!important;padding:0 8px!important;border-color:#b7b7b7!important}.shiftplanning23 .modal-body .form .form-group{margin-bottom:5px}.shiftplanning23 .modal-body .form .form-group.row{margin:0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:15px}.btn i{display:none}.btn-deprocess{border-color:#bd283b!important;background-color:transparent;color:#bd283b!important}.btn-deprocess:hover{background-color:#bd283b!important;color:#FFF!important;border-color:#bd283b!important}.btn-deprocess:active{color:#fff;background-color:#bd283b;border-color:#bd283b}.card-content .card-body .accordion .card{margin-bottom:6px;width:100%;display:inline-block}.card-content .card-body .accordion .card .card-header{padding:0;border-radius:0}.card-content .card-body .accordion .card .card-header .btn-link{font-size:16px;color:#fff;line-height:9px;display:block;text-align:left;background:#6d7cae;padding:1.5rem 1.5rem 1.5rem 50px;text-overflow:ellipsis;overflow:hidden}.accordion .card .card-header .btn-link[aria-expanded="false"]{border-radius:10px}.accordion .card .card-header .btn-link[aria-expanded="false"]:after{content:'\f0d7';font-family:FontAwesome;left:1px;top:12px;position:absolute;font-size:23px;color:#fefefe;width:40px;height:30px;text-align:center;line-height:31px;border-radius:0 5px 5px 0}.accordion .card .card-header .btn-link[aria-expanded="true"]{border-radius:10px 10px 0 0;border:1px solid #CCC;font-weight:700}.accordion .card .card-header .btn-link[aria-expanded="true"]:after{content:'\f0d8';font-family:FontAwesome;position:absolute;background-color:#a0abba;color:#fefefe;left:2px;top:12px;font-size:23px;width:40px;height:30px;text-align:center;line-height:28px;border-radius:0 5px 5px 0}.card-content .card-body .accordion .card .card-body{background-color:#f9f9f9;margin-bottom:10px;border:1px solid #dcdfe4;border-radius:0 0 6px 6px;padding-bottom:25px}.card-body .table-responsive .table-list .table th{text-align:center}.table-responsive .container-fluid .col-sm-12,.table-responsive .container-fluid .col-sm-12{padding:0}.nav .nav-item .nav-link>.la-home{background-image:url(../images/icon-home-1.png);color:transparent;width:23px;height:24px;display:block;text-indent:-9999em;overflow:hidden;background-size:cover;background-repeat:no-repeat}.nav .nav-item .dropdown-nav-link>a[aria-expanded="true"]{border:#000 solid 1px}.nav .nav-item .dropdown-nav-link>.ft-menu{background-image:url(../images/icon-select.png);color:transparent;width:22px;height:22px;display:block;text-indent:-9999em;overflow:hidden;background-size:cover;background-repeat:no-repeat;margin-top:1px}.avatar{position:relative;width:30px;white-space:nowrap;border-radius:1000px;vertical-align:middle;height:30px;background:#000;margin-right:0;margin-top:0}.header-navbar .navbar-container ul.nav li a.dropdown-user-link .avatar{margin-right:.5rem;width:32px;height:32px;overflow:inherit}.navbar-top .nav .dropdown-user .dropdown-item i{width:18px;text-align:center}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item i:after{pointer-events:none;position:absolute;border-radius:50%;content:'';box-sizing:content-box;padding:2px;z-index:-1;transition:transform 0.4s,opacity 0.2s,color .3s;width:78px;height:77px;top:-18px;left:-18px;border:1px solid #fff}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item i{position:relative;width:47px;height:47px;margin:21px auto 18px;transition:transform 0.4s,opacity 0.2s,color .3s;color:#fff;border-radius:0;text-indent:-9999999px;background-repeat:no-repeat}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-user{background-image:url(../images/Personalarea.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .fa-file-powerpoint-o{background-image:url(../images/Formapplication.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-terminal{background-image:url(../images/Scheduling.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-calendar-check-o{background-image:url(../images/Signing.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-suitcase{background-image:url(../images/operation.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-users{background-image:url(../images/personnel.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-file-text{background-image:url(../images/Report.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-gear{background-image:url(../images/System.svg)}.dropdown-nav .dropdown-menu-media #main-nav li .dropdown-item .la-sitemap{background-image:url(../images/Guide.svg)}@media(max-width: 1346px){.index-nopunch .timemachine .card-header{padding:1.2rem 1.25rem .7rem}}@media(min-width: 1200px) and (max-width: 1321px){.flipTimer .seconds{display:none}.flipTimer .minutes:before{content:" ";position:unset;width:0;height:0}.flipTimer .minutes:after{content:" ";position:unset;width:0;height:0}}@media(max-width: 1480px){.index .title-header span{display:none}.index-nopunch .title-header span{display:none}.calendararea .tomore{margin-top:2px!important}.dowebok{margin:27px auto 16px}.index-nopunch .timemachine .card-header{padding:1.2rem 1.25rem .8rem}.proclamation .card-header{padding:13px 1.25rem 8px}}@media(max-width: 767px){.calendararea .calendar{display:none}.calendararea .note{padding-right:15px}.calendararea .note .card{border-radius:10px}}.navbar-expand-md .navbar-nav .dropdown-menu a{padding:13px 0}@media(max-width: 768px){.white-popup-block .table-responsive.table-detail{overflow-x:auto}.white-popup-block .card-body{padding:0}}@media(max-width: 1199px){.index-nopunch .row.flex-direction,.index .row.flex-direction{flex-direction:column-reverse}}.btn-blue{color:#fff;background:#2770AD;border-color:#2770AD}.swal2-popup .swal2-title{font-size:19px!important}.swal2-popup .swal2-content{font-size:15px!important}.swal2-popup .swal2-styled.swal2-confirm{background-color:#63b7a8!important}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#63b7a8!important}.swal2-icon.swal2-success .swal2-success-ring{border:.25em solid #63b7a84d!important}.hrmanagement21 .table-responsive td>input.datepicker,.attendance24 .form-body .table-responsive td>input.datepicker{overflow:inherit}.badge.HLD,.fc-h-event.HLD,.fc-h-event.HLD .fc-title,.HLD .fc-event-dot{background-color:#e60808;border-color:#e60808;color:#fff}.badge.RGD,.fc-h-event.RGD,.fc-h-event.RGD .fc-title,.RGD .fc-event-dot{background-color:#adc30a;color:#fff;border-color:#adc30a}.badge.AJD,.fc-h-event.AJD,.fc-h-event.AJD .fc-title,.AJD .fc-event-dot{background-color:#df893d;border-color:#df893d;color:#fff}.badge.RLD,.fc-h-event.RLD,.fc-h-event.RLD .fc-title,.RLD .fc-event-dot{background-color:#f4cd00;border-color:#f4cd00;color:#fff}.badge.WOD,.fc-h-event.WOD,.fc-h-event.WOD .fc-title,.WOD .fc-event-dot{background-color:#11b4c7;border-color:#11b4c7;color:#fff}.badge.NDD,.fc-h-event.NDD,.fc-h-event.NDD .fc-title,.NDD .fc-event-dot{color:#fff;background-color:#b778c0;border-color:#b778c0}.badge.OTD,.fc-h-event.OTD,.fc-h-event.OTD .fc-title,.OTD .fc-event-dot{background-color:#86beb9;border-color:#86beb9;color:#fff}.badge.PSL,.fc-h-event.PSL,.fc-h-event.PSL .fc-title,.PSL .fc-event-dot{background-color:#4ab5ea;border-color:#4ab5ea;color:#fff}.fc-today:before{background:#7a90a0;right:calc(50% - 13px)}tbody.ui-sortable .ui-sortable-handle th{text-align:center;width:70px;position:sticky!important;left:-2px!important}.form-actions .btn.schedule{float:right}.table-classinfo tr td{background:#fff;text-align:center;height:50px}.table-classinfo td>hr,.table-schedule td>hr{margin-top:.2rem;margin-bottom:.2rem}.table-classinfo th>span.employeeID{display:block}.table-classinfo:not(#tabA .table-classinfo) thead tr:nth-child(2) th{padding:.4rem!important;font-size:1rem}.table-classinfo thead th{text-align:center;font-size:14px;letter-spacing:1px;padding:8px}.table-classinfo .rest{color:#424242;background-color:#fff;height:40px;padding:5px 15px}.table-classinfo .normal{color:#424242;background-color:#fff;height:40px;padding:5px 15px}.table-classinfo .shift{color:#424242;background-color:#fff;height:40px;padding:5px 15px}.table-classinfo .timing{color:#424242;background-color:#fff;height:40px;padding:5px 15px}.fc-header-toolbar h2{margin:0;font-size:40px;color:#5E6A74;font-family:'Maven Pro',Verdana,sans-serif;font-weight:600}.table-classinfo tr td .badge{display:block}.table-schedule tbody tr:nth-of-type(odd){background-color:#fff}.table-schedule tbody tr:nth-of-type(even){background:#fff}.badge-timing{background:#df893d;color:#fff}.badge-shift{background:#4ab5ea;color:#fff}.badge-normal{background:#7a90a0;color:#fff}.badge-rest{background:#e60808;color:#fff}.table-schedule tr th{background:#6d7cae;text-align:center;border-bottom:0 solid #8997c7;border-top:0 solid #8997c7;border:1px solid #8997c7;font-family:'Maven Pro',Verdana,sans-serif,'Microsoft JhengHei';font-size:14px;font-weight:400;letter-spacing:.5px;color:#fff}.table-schedule tr td .date{display:block;margin-bottom:0}.table-schedule tr td .badge{display:block;margin-top:8px}.table-schedule{overflow-x:unset}.notCurrMonth{color:#a9a9a9;background:#ECEFF1}@media (min-width: 768px){.table-schedule tr td{height:96px;max-height:96px;text-align:center}.table-schedule tr td .btn-link{height:96px;max-height:96px;text-align:center}}form .form-inline,.form .form-inline{margin-bottom:1.5rem}.personal31 .collapse.show form .form-inline,.personal31 .collapse.show .form.form-inline{margin-bottom:0}.personal31 .collapse.show .card-body{padding:1.5rem 3rem}.table-detail{border-radius:4px;border:1px solid #0000004d}.table-detail table{border:1px solid #d9d9d9;margin:0}.table-detail td,.table-detail th{border-top:1px solid #e0e1e8!important}.table-detail th{background:#6d7cae;border:0;border-right:1px solid #0000004d;letter-spacing:2px;vertical-align:middle;text-align:center;z-index:2;position:sticky;top:-1px}.table-detail tr:last-child td{border-bottom:0}.table-detail th:first-child{border-top-left-radius:4px}.table-detail th:last-child{border-right:0;border-top-right-radius:4px}.table-detail tr:last-child td:first-child{border-bottom-left-radius:4px}.table-detail tr:last-child td:last-child{border-bottom-right-radius:4px}.table-detail td{border-bottom:1px solid #e0e1e8;vertical-align:middle;background:#fff;border:1px solid #d9d9d9}.table-detail td>.control>label{margin-bottom:0}.table-detail td>.control>input+label{margin:5px 0}.table-form table{border:1px solid #d9d9d9}.table-form .table td{border-bottom:1px solid #0000004d;vertical-align:middle}.table-form .table td label{margin-bottom:0}.table-form th{color:#424242}.table-form td{background:#fff;border:1px solid #d9d9d9;padding:10px 20px}.table-form th:not(.datepicker th),.responsiveTable th:not(.datepicker th){vertical-align:middle;width:15%!important;text-align:center!important;letter-spacing:2px;position:static}.form-body.warp-sort{background-color:#eaeff1;border:1px solid #e0e1e8;color:#424242;padding:30px 38px 20px;border-radius:10px}form .form-actions,.form .form-actions{border-top:0 solid #d1d5ea;margin-top:0}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 7px)}.form-control{padding:.545rem .75rem}.card-body .table-responsive select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}.personal12 .table-detail th{width:150px}.shiftplanning32 .table-form th{width:20%}.shiftplanning33 .control{display:inline-block}.shiftplanning35 .table-responsive{overflow-x:unset}.ttfspwidthd span:first-child{width:138px}.form-body .form-section .title-time,.form-card .form-section .title-time{float:right!important;font-size:1.2rem;color:#4d4d4d}.navbar-expand-md .navbar-nav .dropdown-menu a:active{background-color:transparent;color:#fff}.navbar-expand-md .navbar-nav .dropdown-menu a:hover{color:#fff}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;background-color:transparent}form .form-section,.form .form-section{border-bottom:1px solid #c5c5c5}form .form-section i,.form .form-section i{display:none}.btn-white{background-color:transparent!important;color:#FFF;border:1px solid #fff}.btn-mini{width:100%;line-height:1rem!important;margin-top:5px;background:#6a7bb2;border:1px solid #c2c9dd}.btn.add-rest{width:56px}.table-bordered{border:0 solid #e3ebf3;border:0 solid #dee2e6}.button-ui .table-bordered th,.common-ui .table-bordered th{border:1px solid #d5d5d5}table.dataTable{border:2px solid #ccc}.white-popup-block .form-body a#btn_Prev i{margin-right:10px}.white-popup-block .form-body a#btn_Prev{color:#2C303B}.white-popup-block .form-body a#btn_Next i{margin-left:10px}.white-popup-block .form-body a#btn_Next{color:#2C303B}.h3-item+.h3-item::before{padding-right:.5rem;color:#464855;display:inline-block;font-family:"Font Awesome 5 Free";content:"\f105";font-weight:900}.nav.nav-tabs.nav-topline.tips .nav-item{position:relative}.nav.nav-tabs.nav-topline.tips .fa{position:absolute;right:calc(50% - 47px);top:12px}.faqlist ul{list-style:none;display:block;padding:0 7px}.faqlist ul li{display:inline-block;background:#F2F2F2;padding:9px 19px;border-radius:5px;margin:15px 7px}.faqlist ul li a{color:#3c3939}.forextrawork th,.forextrawork td{text-align:center}.forextrawork td input{text-align:center}.forextrawork tr>th{width:30px;padding:.75rem .1rem}.forextrawork label{margin-bottom:0}@media (max-width: 800px){.forextrawork,.extralist,.applicationform33 .table-responsive.table-form .table,.applicationform35 .table-responsive.table-form .table,.shiftplanning24 .table-responsive.table-detail .table,.shiftplanning24 .table-schedule .table,.shiftplanning32 .table,.attendance13 .table,.attendance11 .table,.attendance12 .table,.attendance14 .table,.attendance15 .table,.hrmanagement21 .table,.hrmanagement25 .table,.hrmanagement54 .table,.systemmanagement33 .table,.systemmanagement34 .table{width:800px;min-width:800px}.hrmanagement52 .table,.reportquery32 .table{width:600px}}@media(min-width: 400px){.table-responsive.table-detail{overflow-x:inherit}.attendance26 .table-responsive.table-detail,.applicationform15 .table-responsive.table-detail,.applicationform32 .table-responsive.punchrule,.shiftplanning26 .table-list,.shiftplanning24 .table-responsive.table-detail,.shiftplanning24 .table-schedule,.shiftplanning32 .table-responsive.table-form,.attendance13 .table-responsive.table-detail,.attendance11 .table-responsive.table-detail,.attendance12 .table-responsive.table-detail,.attendance14 .table-responsive.table-detail,.attendance15 .table-responsive.table-detail,.attendance21 .table-responsive.table-detail,.attendance22 .table-responsive.table-detail,.attendance25 .table-detail,.hrmanagement21 .table-responsive.table-detail,.hrmanagement25 .table-responsive.table-detail,.hrmanagement24 .table-responsive.table-detail,.hrmanagement11 .table-responsive.table-detail,.hrmanagement14 .table-responsive.table-detail,.hrmanagement52 .table-responsive.table-form,.hrmanagement54 .table-responsive.table-form,.hrmanagement54 .table-responsive.table-form,.reportquery32 .table-responsive.table-form,.systemmanagement33 .table-responsive.table-form,.systemmanagement34 .table-responsive.table-form{overflow-x:scroll;overflow-x:inherit}}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{bottom:calc(50% - 9px)}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:25px}.operation-flow-chart .form-section{margin:22px 0 0;display:inline-block}.operation-flow-chart .card-body>.form-section:first-child{margin:0 0 10px}.operation-flow-chart .table-detail td{vertical-align:top}.operation-flow-chart .table-detail td>ol{margin-bottom:0;padding-left:30px}.operation-flow-chart .table-detail td>ol a{color:#337ab7}.operation-flow-chart .table-detail.apply-forms-all>table{height:214px}form .operation-flow-chart .form-section,.operation-flow-chart .form .form-section{border-bottom:0 solid #c5c5c5}.operation-flow-chart .card-body:first-child{padding:3.5rem;padding:2rem 3.5rem 3rem 3.5rem}.shiftplanning21 .form-actions,.shiftplanning21 .form-actions{padding:10px 0 8px}.shiftplanning21 .shift-data .input-group.align-middle p{margin:8px 8px 0}.shiftplanning21 .shift-data .input-group.align-middle p:first-child{margin:8px 8px 0 0}.shiftplanning21 .shift-data .input-group.align-middle p:last-child{margin:8px 0 0 8px}.shiftplanning21 .shift-data .input-group.align-middle input{border-radius:5px}.shiftplanning32 .table-form .row > div + div{padding:0}.shiftplanning32 .sgcol-bdb1 input.form-control,.applicationform33 .sgcol-bdb1 select.form-control{margin:7px 0 0;padding:0 10px;height:24px}.applicationform33 .table-form .input-group input{border-radius:5px;height:34px;margin:0 4px}.applicationform33 .table-form .input-group select{margin:0 4px}.applicationform35 .table-form .input-group input{height:34px;border-radius:5px;border:1px solid #b7b7b7}.terms .card-content .card-body{text-align:left}.terms .tab-pane{height:370px;overflow:scroll;overflow-x:auto;border:1px solid #dfdfdf;border-top:0}.terms .tab-pane .card-body{padding:2.25rem 2.25rem 1rem!important}.agree-policy{text-align:center;margin-top:30px}@media(max-width: 768px){.rwdresize .card-body:first-child{padding:1rem}.rwdresize{margin:0!important}.rwdresize .rwddate{width:155px}.rwdresize label{display:block;width:100%;margin-bottom:7px}.fc-scroller.fc-day-grid-container{height:336px!important}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{line-height:22px}.fc-today:before{width:27px;height:26px;top:1px;right:3px}}.todoListArea .todoList{border-radius:10px;height:318px;background:#f2f2f4}.todoListArea .card-content ul{height:245px;overflow-y:auto}.todoListArea .card-content ul li{padding:.57rem 1.25rem;border-bottom:1px solid #e5e5e5;background:#FFF}.todoListArea .card-content ul li .date,.todoListArea .card-content ul li .listTitle{line-height:30px}.todoListArea .card-content ul li .personal{border:1px solid #4ab5ea;color:#4ab5ea;border-radius:.5rem;height:30px;line-height:30px}.todoListArea .card-content ul li .part{border:1px solid #df893d;color:#df893d;border-radius:.5rem;height:30px;line-height:30px}.vocationArea .vocation{border-radius:10px;height:318px;background:#f2f2f4}.vocationArea .card-content ul{height:245px;overflow-y:auto}@media (max-width: 991px){.vocationArea .vocation{margin-bottom:1rem}}.vocationArea .card-content ul li{padding:.75rem 1.25rem;border-bottom:1px solid #e5e5e5}.vocationArea .vocation .paidLeave{background:#798c92;height:25px;white-space:nowrap}.vocationArea .vocation .compTime{background:#6273a1;height:25px;white-space:nowrap}.vocationArea .vocation .personalLeave{background:#9aa162;height:25px;white-space:nowrap}.vocationArea .vocation .sickLeave{background:#a17162;height:25px;white-space:nowrap}