body{background-color:#efefef;font-family:Noto Sans TC,sans-serif}h1{font-size:24px;letter-spacing:.05em}h1,h2,h3{color:#725a7a}h2,h3{font-weight:400;margin-top:0;font-size:22px}@keyframes alert-show{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.alert{border-radius:16px;border:0;opacity:0;animation:alert-show .5s cubic-bezier(.68,-.55,.265,1.55) .3s forwards}.panel{border:0;background-color:transparent;box-shadow:none}.panel .panel-heading{background-color:transparent;padding:8px 0;font-size:16px;font-weight:600;color:#725a7a;margin-top:16px}.panel .panel-heading:first-child{margin-top:0}.panel .panel-body{padding:8px 0}.w-100{width:100%}.float-right{float:right}.btn{border-radius:50em;padding:8px 16px}.btn.btn-default{background-color:transparent;color:#725a7a;transition:all .1s}.btn.btn-default:hover{color:#fff;background-color:#725a7a;border-color:#725a7a}.btn.btn-primary{border:0;background:linear-gradient(180deg,#efa057,#8948f1);color:#fff;font-weight:600}.btn:active,.btn:focus{outline:none!important}.content-pull-right{display:flex;justify-content:flex-end}.clock-in>a{display:inline-block;background:linear-gradient(180deg,#efa057,#8948f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;transition:background .3s}.clock-in:hover>a{background:linear-gradient(180deg,#efa057,#8948f1);color:#fff;-webkit-text-fill-color:#fff}.faker-container{padding-top:11px;margin-right:16px}.btn-main{background:linear-gradient(180deg,#efa057,#8948f1);color:#fff;font-weight:600;border:0}.btn-main:hover{color:#ddd!important}.btn-off-work{position:relative}@keyframes hover{0%{top:0;left:0;animation-timing-function:linear}20%{top:-2.5px;left:-2.5px;animation-timing-function:linear}40%{top:2.5px;left:-2.5px;animation-timing-function:linear}60%{top:2.5px;left:2.5px;animation-timing-function:linear}80%{top:-2.5px;left:2.5px;animation-timing-function:linear}to{top:0;left:0;animation-timing-function:linear}}.btn-off-work:hover{animation:hover .01s infinite}.btn-off-work:hover:after{content:"\FF01\FF01"}.neumorphism{background-color:#fff;box-shadow:-2px -2px 6px hsla(0,0%,100%,.88),2px 2px 6px rgba(26,0,30,.12)}.not-read-notify{background:#8948f1;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-inverse{margin:16px 16px 32px;background-color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;border-radius:32px;padding:0 16px;box-shadow:0 3px 8px rgba(26,0,30,.12);position:sticky;top:16px;z-index:100}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li a{color:#725a7a;letter-spacing:.05em}@media screen and (max-width:992px){.navbar-inverse{top:0}}@media screen and (min-width:768px){.navbar-inverse .navbar-brand{margin-right:40px;position:relative}.navbar-inverse .navbar-brand:after{content:"";display:block;width:1px;height:1em;position:absolute;right:-20px;top:17px;background-color:#725a7a;opacity:.25}.navbar-inverse .navbar-nav{height:50px}}@media screen and (max-width:992px){.navbar-inverse{margin:0 0 32px;border-radius:0;padding:0}}.navbar-inverse .badge{padding:4px 12px;border-radius:50em;background-color:rgba(114,90,122,.1)}.navbar-inverse .badge.-no-zero{background-color:#8948f1;background-image:linear-gradient(180deg,#efa057,#8948f1)}.navbar-inverse .navbar-nav>li>.dropdown-menu{border:0;animation:transYFadeIn .2s ease-out forwards}@media screen and (min-width:768px){.navbar-inverse .navbar-nav>li>.dropdown-menu{border-radius:16px;border-top-left-radius:0;background-color:#725a7a}.navbar-inverse .navbar-nav>li>.dropdown-menu.-right{border-top-left-radius:16px;border-top-right-radius:0}}.navbar-inverse .navbar-nav>li>.dropdown-menu>li{margin:8px 0}.navbar-inverse .navbar-nav>li>.dropdown-menu>li>a{padding-top:8px;padding-bottom:8px;color:#fff;transition:all .1s}.navbar-inverse .navbar-nav>li>.dropdown-menu>li:hover>a{background-color:#fff;color:#725a7a}.navbar-inverse .navbar-brand:hover{color:#725a7a}.navbar-inverse .navbar-toggle{border:0}.navbar-inverse .navbar-toggle>.icon-bar{background-color:#725a7a}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#ccc}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#725a7a}.navbar-inverse .navbar-nav>li>a{transition:all .2s}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>li>a:hover{background-color:#725a7a;color:#fff}@media screen and (min-width:768px){.navbar-inverse .navbar-nav>.open>a{background-color:#725a7a;border-top-right-radius:16px;border-top-left-radius:16px;margin-top:-8px;box-shadow:0 2px 8px rgba(26,0,30,.4);position:relative;z-index:10}}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#725a7a}}.navbar-inverse .user-avatar{border-radius:50em;height:36px;margin:-12px 0 -9px 8px}input,textarea{padding:4px 12px;border-radius:16px;border:1px solid #eee;outline:none;min-width:64px;transition:border .3s}input:focus,textarea:focus{outline:none;border:1px solid #725a7a}input[type=checkbox],textarea[type=checkbox]{padding:0;min-width:0}.well{border-radius:24px;background-color:rgba(0,0,0,.03)}.dayoff .well,.well{border:0;box-shadow:none}.dayoff .well{padding:0;background-color:transparent}@keyframes transYFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.attendance .well{line-height:2em;color:#555;border:0;border-radius:24px;padding:24px 32px;box-shadow:2px 4px 12px rgba(0,0,0,.1);background-color:#fff;animation:transYFadeIn .5s ease-out forwards}.attendance b{color:#725a7a}.attendance .btn-container{display:flex;justify-content:flex-end}.attendance .btn-container>.btn{margin:0 4px}.user-list caption{font-size:22px;font-weight:600;color:#725a7a;margin-bottom:16px}.user-list .cursor-pointer{color:#725a7a;padding:6px 0}.user-list .cursor-pointer>div:first-child{font-size:16px;font-weight:600}.user-list .cursor-pointer .-no-work-hour{display:inline-block;background-color:#8948f1;background-image:linear-gradient(180deg,#efa057,#8948f1);padding:4px 12px;border-radius:50em;color:#eee;font-size:12px;font-weight:600;letter-spacing:.1em}.user-list .detail-row{margin:16px 0;border-radius:16px;border:0;box-shadow:2px 4px 8px rgba(26,0,30,.12);background-color:#fff}.user-list .detail-row .attendance-box{padding-top:0;padding-bottom:0;margin:0 -16px}.user-list .detail-row .attendance-box-title,.user-list .detail-row .box-title{font-size:16px;font-weight:600;color:#725a7a;margin-bottom:16px}.user-list .detail-row .box-title-row,.user-list .detail-row .title-color{font-weight:600;color:#888}.form-group{margin-top:24px}.form-group label{color:#666;font-size:16px;font-weight:400;margin-bottom:8px}.form-group .form-control,.form-group .select2-container--default .select2-selection--single{border:0;outline:0;padding:0 16px;border-bottom:1px solid transparent;transition:border-bottom .2s}.form-group .form-control:focus,.form-group .select2-container--default .select2-selection--single:focus{box-shadow:none!important;border-bottom:1px solid #888}.sweet-alert{border-radius:24px;padding:24px 16px;box-shadow:2px 4px 24px rgba(0,0,0,.2)}.sweet-alert .sa-button-container button{color:#725a7a;background-color:transparent!important;border-radius:50em;border:1px solid rgba(114,90,122,.3);transition:all .2s}.sweet-alert .sa-button-container button:hover{border:1px solid #725a7a}.dataTables_wrapper,.list-group{margin-bottom:24px;background-color:#f5f4f4;border-radius:16px;padding:8px 8px 24px;box-shadow:2px 4px 10px rgba(0,0,0,.08)}.dataTables_wrapper{padding:24px}.list-group-item{background-color:transparent;border:0;padding:0;margin:16px 12px;position:relative}.list-group-item>a{display:inline-block;width:100%;color:#666;background-color:transparent}.list-group-item>a:hover{background-color:#ddd}.list-group-item.active,.list-group-item.list-group-item-info{color:#725a7a;font-size:18px;font-weight:600;padding-bottom:12px;margin-bottom:12px;background-color:transparent;border:0;border-bottom:1px solid #eee}.list-group-item.active:hover,.list-group-item.list-group-item-info:hover{background-color:transparent;color:#725a7a}.list-group-item .list-group-item-heading{font-weight:400;color:#888}.list-group-item .list-group-item-text{font-weight:700;color:#725a7a}.dayoff-quota-quantity-item{padding:12px 0 8px;margin-top:0;margin-bottom:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media screen and (max-width:992px){.dayoff-quota-quantity-item{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:768px){.dayoff-quota-quantity-item{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:576px){.dayoff-quota-quantity-item{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:360px){.dayoff-quota-quantity-item{grid-template-columns:repeat(1,1fr)}}.dayoff-quota-quantity-item .quota{border:0;background-color:transparent;text-align:left;padding:8px;border-radius:16px;box-sizing:border-box}.dayoff-quota-quantity-item .quota.-active{border:3px solid #ddd;color:#725a7a}.dayoff-quota-quantity-item .quota:hover{background-color:#efefef;text-decoration:none}.dayoff-quota-quantity-item .quota>.title{font-size:14px;color:#999;white-space:nowrap;margin-bottom:16px}.dayoff-quota-quantity-item .quota>.quantity{font-size:24px;font-weight:500}.dayoff-quota-item{padding:16px 0;margin-top:0;margin-bottom:0;border-bottom:1px solid #ddd}.dayoff-quota-item:hover{background-color:#efefef}.dayoff-quota-item>a{width:auto}.dayoff-quota-item .date{font-size:14px;font-weight:500;color:#999;text-align:right}.dayoff-quota-item .dayoff-panel{margin-top:12px;padding:8px;border:1px solid #ccc;border-radius:4px}.dayoff-quota-item .type{display:inline-block;min-width:120px;font-size:14px;vertical-align:top}.dayoff-quota-item .message{margin-top:8px;white-space:pre-line}.dayoff-quota-item .quantity{font-size:20px;font-weight:500}.pagination-container{display:flex;justify-content:flex-end}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#725a7a;border-color:#725a7a}.pagination>li>a,.pagination>li>span{color:#725a7a}.pagination>li:first-child>a,.pagination>li:first-child>span{border-top-left-radius:50em;border-bottom-left-radius:50em}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:50em;border-bottom-right-radius:50em}.cursor-pointer{cursor:pointer}.list-group input,.list-group select,.list-group textarea{box-shadow:0 0 2px #aaa}.list-group textarea{resize:vertical}.dataTable thead{background-color:#fff;color:#725a7a;font-weight:500}.dataTable thead th{border-bottom:0!important;padding:16px 8px!important}.dataTable tbody>tr>td{vertical-align:middle!important}.dataTable tbody tr:hover{background-color:#dedede}.dataTables_filter{margin-bottom:16px}.dataTables_filter input[type=search]{padding:16px 24px;border-radius:50em}.dataTables_filter input[type=search]:focus{border:1px solid #725a7a;box-shadow:none!important}.dataTables_paginate{margin-top:32px!important}.dataTables_info{margin-top:24px;color:#888}@media screen and (min-width:768px){.dataTables_info{float:left}}.reduced-working-duration-item{position:relative}.reduced-working-duration-item:hover{background-color:#efefef}.reduced-working-duration-item .date{font-size:16px;font-weight:700;color:#725a7a}.reduced-working-duration-item .ratio{font-size:24px}.reduced-working-duration-item .ratio:before{content:"\2192";display:inline-block;margin:0 16px;font-size:16px}.reduced-working-duration-item .note{margin-top:12px;white-space:pre-line}.reduced-working-duration-item .btn{position:absolute;right:0;top:0;width:auto}.cant-clear-reason{padding:16px 0}.employee-calendar-departments{padding:12px 16px;display:flex;justify-content:flex-end;align-items:center;gap:16px}.employee-calendar-departments>.title{flex:1;font-size:18px;font-weight:700;color:#725a7a}.employee-calendar-departments>label{margin-bottom:0}.form-group input[type=radio]{position:relative;margin-left:0;min-width:16px}.work_hour_calculation_type_container{display:flex;gap:40px;padding:0 16px;border-radius:16px;border:1px solid #ddd}