@charset "utf-8";sp-board dashboard{min-width:0}sp-side-menu{overflow:hidden;width:0!important;transition:.3s;z-index:1}sp-side-menu.wide{transition:.3s;width:260px!important;z-index:1}.sp .pc-only{display:none}@media screen and (max-width:767px){#login .content{width:100%!important}#login .content .login-box .button{margin-bottom:10px!important}}.sp #contents{margin-left:0!important}.sp display-attendance{padding-top:0}.sp .box{padding:25px;margin-bottom:20px!important}.sp .popup-viewer{width:100%!important;height:100%!important;max-height:100%;border-radius:0}.sp .apply-attendance{display:block}.sp .apply-attendance button{display:block;margin:0 auto;width:200px}.sp .ymd-form{width:125px!important}.sp .ymd-form select{width:50px!important}.sp .ymd-form__partition{margin-left:10px!important;margin-right:10px!important}.sp .not-working-type{padding-top:10px!important}.sp .not-working-type,company-clocking #contents{margin-left:0!important}company-clocking display-attendance{padding-top:0}company-clocking .box{padding:25px;margin-bottom:20px!important}company-clocking .apply-attendance{display:block}company-clocking .apply-attendance button{display:block;margin:0 auto;width:200px}company-clocking .ymd-form{width:125px!important}company-clocking .ymd-form select{width:50px!important}company-clocking .ymd-form__partition{margin-left:10px!important;margin-right:10px!important}company-clocking .not-working-type{margin-left:0!important;padding-top:10px!important}.sp dtable{overflow-x:scroll}.sp employee-dashboard .col-4,.sp employee-dashboard .col-8{width:100%!important}.sp my-vacation-board .data-table{width:800px}.sp my-vacation-board .result-days{float:left;text-align:center;padding:10px 5px;color:#37474f}.sp my-vacation-board .result-days__label{font-size:10px;font-size:1rem;line-height:14px;line-height:1.4rem;font-weight:400}.sp my-vacation-board .result-days__value{font-size:24px;font-size:2.4rem;line-height:30px;line-height:3rem;font-weight:600}.sp my-vacation-board .result-days__operator{padding-top:20px;font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;font-weight:600;color:#76838f}.sp my-vacation-board .result-days-remains{border-radius:3px;border:1px solid #e4eaec;color:#2a72b7}.sp my-vacation-balance select{width:200px!important}.sp salary-statement-board title{display:none!important}.sp salary-statement .col-3,.sp salary-statement .col-4,.sp salary-statement .col-12{width:100%!important;padding:0}.sp salary-statement-board .box .box-header{padding:0}.sp salary-statement .float-right{float:none!important}.sp salary-statement .statement ul{margin-bottom:10px}.sp salary-statement .statement ul li tag,.sp salary-statement .statement ul li val{display:inline-block;width:auto}.sp salary-statement .statement ul li tag{width:30%}.sp salary-statement .statement ul li val{width:70%;text-align:right!important}.sp salary-statement ul.border li{border:none;padding:0}.sp salary-statement ul.border li val{text-align:left}.sp salary-statement table{border:none}.sp salary-statement tr{display:block;float:left}.sp salary-statement tr td,.sp salary-statement tr th{border-left:none;display:block}.sp salary-statement thead{display:block;float:left;width:40%}.sp salary-statement thead tr{width:100%!important}.sp salary-statement tbody tr td,.sp salary-statement thead tr th{width:100%!important;height:62px;padding:10px 5px}.sp salary-statement tbody{display:block;float:left;width:60%}.sp salary-statement tbody tr{width:100%}.sp salary-statement tbody tr td+td{border-left:none}.sp salary-statement tbody td:last-child{border-bottom:1px solid #ccc}.sp salary-statement .deduction,.sp salary-statement .payment{margin-bottom:10px}.sp salary-statement .other{margin-bottom:20px}.sp salary-statement .margin-bottom-40,.sp salary-statement .margin-bottom-50{margin-bottom:20px!important}.sp salary-statement .regulations:before{content:"所定労働";font-size:16px;line-height:32px;font-weight:600}.sp salary-statement .attendance-days:before{content:"勤怠";font-size:16px;line-height:32px;font-weight:600}.sp bonus-statement-board title{display:none!important}.sp bonus-statement-board .box{margin-top:50px}.sp bonus-statement-board .col-3,.sp bonus-statement-board .col-4,.sp bonus-statement-board .col-12{width:100%!important;padding:0}.sp bonus-statement-board .box .box-header{padding:0}.sp bonus-statement-board .float-right{float:none!important}.sp bonus-statement-board .statement ul{margin-bottom:10px}.sp bonus-statement-board .statement ul li tag,.sp bonus-statement-board .statement ul li val{display:inline-block;width:auto}.sp bonus-statement-board .statement ul li tag{width:30%}.sp bonus-statement-board .statement ul li val{width:70%;text-align:right!important}.sp bonus-statement-board ul.border li{border:none;padding:0}.sp bonus-statement-board ul.border li val{text-align:left}.sp bonus-statement-board table{border:none}.sp bonus-statement-board tr{display:block;float:left}.sp bonus-statement-board tr td,.sp bonus-statement-board tr th{border-left:none;display:block}.sp bonus-statement-board thead{display:block;float:left;width:40%}.sp bonus-statement-board thead tr{width:100%!important}.sp bonus-statement-board tbody tr td,.sp bonus-statement-board thead tr th{width:100%!important;height:62px;padding:10px 5px}.sp bonus-statement-board tbody{display:block;float:left;width:60%}.sp bonus-statement-board tbody tr{width:100%}.sp bonus-statement-board tbody tr td+td{border-left:none}.sp bonus-statement-board tbody td:last-child{border-bottom:1px solid #ccc}.sp bonus-statement-board .deduction,.sp bonus-statement-board .payment{margin-bottom:10px}.sp bonus-statement-board .other{margin-bottom:20px}.sp bonus-statement-board .margin-bottom-40,.sp bonus-statement-board .margin-bottom-50{margin-bottom:20px!important}.sp bonus-statement-board .regulations:before{content:"所定労働";font-size:16px;line-height:32px;font-weight:600}.sp bonus-statement-board .attendance-days:before{content:"勤怠";font-size:16px;line-height:32px;font-weight:600}#error{color:#1c4b79;position:relative}#error header{width:100%;height:60px;background-color:#1c4b79}#error header img{width:120px;margin:17px 0 0 30px}#error section{text-align:center;padding:200px 0 0}#error section img{width:460px;margin-right:-60px}#error section h1{font-size:32px;font-size:3.2rem;letter-spacing:3px;letter-spacing:0.3rem;font-weight:600;margin-bottom:30px}#error section p{font-size:16px;font-size:1.6rem;line-height:30px;line-height:3rem;letter-spacing:1.3px;letter-spacing:0.13rem;font-weight:400}#error footer{position:absolute;left:0;bottom:0;width:100%;height:53px;padding:10px 0 3px;text-align:center;background:#1c2429}#error footer img{height:12px;opacity:.5}#error footer .copyright-text{display:block;font-size:11px;font-size:1.1rem;letter-spacing:1.2px;letter-spacing:0.12rem;color:#888}.wrap-embed embed{border:1px solid #263238}.wrap-list{overflow-y:auto;overflow-x:auto;white-space:nowrap}.list-header{width:100%;height:54px;padding:15px 20px;background:#f3f7f9;border-top:1px solid #e4eaec;border-bottom:1px solid #e4eaec}.list-header .list-header-title:after{content:"";display:block;clear:both}.list-header .list-header-title{display:inline-block;vertical-align:middle;font-size:13px;font-size:1.3rem;line-height:24px;line-height:2.4rem;font-weight:500;padding-right:20px}.list-header .list-header-title span{display:inline-block;width:100%;height:100%;overflow:hidden}.list-header .list-header-title [class*=" flaticon-"],.list-header .list-header-title [class^=flaticon-]{float:right}.list-header .list-header-title [class*=" flaticon-"]:before,.list-header .list-header-title [class^=flaticon-]:before{cursor:pointer}.list-header .list-header-title [class*=" flaticon-"]:hover,.list-header .list-header-title [class^=flaticon-]:hover{opacity:.7}.list-body .list:after,.list-body:after{content:"";display:block;clear:both}.list-body .list{display:block;height:54px;padding:15px 20px}.list-body .list .check{width:40px;float:left}.list-body .list .list-val:after{content:"";display:block;clear:both}.list-body .list .list-val{display:inline-block;vertical-align:middle;height:100%;line-height:24px;line-height:2.4rem;padding-right:20px}.list-body .list .list-val [class*=" flaticon-"].clickable:before,.list-body .list .list-val [class^=flaticon-].clickable:before{cursor:pointer}.list-body .list .list-val [class*=" flaticon-"].clickable:hover,.list-body .list .list-val [class^=flaticon-].clickable:hover{opacity:.7}.wrap-list::-webkit-scrollbar{overflow:hidden;width:6px;background:#fafafa;border-radius:3px}.wrap-list::-webkit-scrollbar:horizontal{height:6px}.wrap-list::-webkit-scrollbar-button{display:none}.wrap-list::-webkit-scrollbar-piece,.wrap-list::-webkit-scrollbar-piece:start{background:#eee}.wrap-list::-webkit-scrollbar-corner,.wrap-list::-webkit-scrollbar-thumb{overflow:hidden;border-radius:3px;background:rgba(0,0,0,.4)}.table{width:100%}.table tr{border-bottom:1px solid #e4eaec}.table thead tr th{text-align:left;font-weight:500;color:#37474f}.table tbody tr td,.table thead tr th{padding:8px;line-height:16px;line-height:1.6rem}.table tbody tr td{color:#76838f}.table-striped tbody tr:nth-of-type(odd){background-color:#f5fafc}.nav-tabs:after{content:"";display:block;clear:both}.nav-tabs{border-bottom:1px solid #e4eaec}.nav-tabs li{float:left;margin-bottom:-1px;display:block;text-align:center}.nav-tabs li a{cursor:pointer;display:block;padding:10px;border-radius:3px 3px 0 0}.nav-tabs li a:hover{background:#e4eaec}.nav-tabs li.active a{background:#1c4b79;color:#fff}.nav-tabs li.active a:hover{background:#1c4b79}tab ul:after{content:"";display:block;clear:both}tab ul{border-bottom:1px solid #e4eaec}tab ul li{float:left;margin-bottom:-1px;text-align:center;cursor:pointer;display:block;padding:10px;border-radius:3px 3px 0 0}tab ul li:hover{background:#e4eaec}tab ul li.active{color:#fff}tab ul li.active,tab ul li.active:hover{background:#1c4b79}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:100;src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Thin.eot);src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Thin.eot#iefix) format("embedded-opentype"),url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Thin.woff) format("woff")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:200;src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Light.eot);src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Light.eot#iefix) format("embedded-opentype"),url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Light.woff) format("woff")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:300;src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-DemiLight.eot);src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-DemiLight.eot#iefix) format("embedded-opentype"),url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-DemiLight.woff) format("woff")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:400;src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Regular.eot);src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Regular.eot#iefix) format("embedded-opentype"),url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Regular.woff) format("woff")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:500;src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Medium.eot);src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Medium.eot#iefix) format("embedded-opentype"),url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Medium.woff) format("woff")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:600;src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Bold.eot);src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Bold.eot#iefix) format("embedded-opentype"),url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Bold.woff) format("woff")}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:700;src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Bold.eot);src:url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Bold.eot#iefix) format("embedded-opentype"),url(https://app.gozal.co.jp/fonts/NotoSansCJKjp-Bold.woff) format("woff")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}pre{white-space:normal}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}a img,button{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}a:hover{text-decoration:none}button,input,select,textarea{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wrap-value{margin-bottom:20px}.wrap-value h5{color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}.wrap-value h5 .flaticon-information{color:#76838f}.slide-panel{position:fixed;z-index:999;max-width:100%;max-height:100%;background:#fff;box-shadow:-5px 0 20px 0 rgba(66,66,66,.2);visibility:hidden;transform:translate3d(100%,0,0);transition:transform .3s ease}.slide-panel.show-panel{visibility:visible;transform:translateZ(0);transition:transform .3s ease}.slide-panel.left-panel,.slide-panel.right-panel{top:60px;bottom:0;width:700px}.slide-panel.right-panel{right:0}.slide-panel.left-panel{left:0}.slide-panel .slide-panel-header:after{content:"";display:block;clear:both}.slide-panel .slide-panel-header{position:relative;padding:20px 15px;background:#1c4b79;color:#fff}.slide-panel .slide-panel-header h4{font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;font-weight:500;float:left}.slide-panel .slide-panel-header i{float:right;cursor:pointer}.slide-panel .slide-panel-header i[class*=" flaticon-"]:before,.slide-panel .slide-panel-header i[class^=flaticon-]:before{font-size:13px;font-size:1.3rem;line-height:24px;line-height:2.4rem;color:#fff}.slide-panel .slide-panel-body{padding:20px 15px}.slide-panel .slide-panel-body .close-content{cursor:pointer}html{line-height:1;font-size:62.5%}body,html{width:100%;height:100%}html{position:relative;min-height:100%;background:#f1f4f5}*,:after,:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}a{color:#1c4b79;text-decoration:none;cursor:pointer}[disabled]{opacity:.5}.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}[layout]{box-sizing:border-box;display:-ms-flexbox;display:flex}[layout=row]{-ms-flex-direction:row;flex-direction:row}[layout=column]{-ms-flex-direction:column;flex-direction:column}body{font-weight:400;word-wrap:break-word;overflow-wrap:break-word;font-size:13px;font-size:1.3rem;line-height:20px;line-height:2rem;letter-spacing:1px;letter-spacing:0.1rem;color:#76838f}body,button,input[type=button]{font-family:Noto Sans Japanese,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,Sans-serif}button,input[type=button]{width:auto;padding:0;margin:0;background:none;border:0;font-size:0;line-height:0;overflow:visible;cursor:pointer}pre.pre{white-space:pre}.wrap-list:after{content:"";display:block;clear:both}.wrap-list{width:100%}.list-left{float:left;width:200px;background:#f3f7f9;border-right:1px solid #e4eaec}.list-left .list-label{padding:15px 20px}.list-right:after{content:"";display:block;clear:both}.list-right{float:left}.list-right .list{float:left;border-right:1px solid #e4eaec}.list-right .list:last-child{border:none}.list-right .list .list-val{padding:15px 20px}.form .form-title,form .form-title{padding:20px 10px;color:#37474f}.form .form__title,form .form__title{color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}.form .form__title .flaticon-information,form .form__title .flaticon-information{color:#76838f}.form h3,form h3{font-size:18px;font-size:1.8rem;font-weight:600}.form .wrap-form,form .wrap-form{margin-bottom:20px}.form .wrap-form h5,form .wrap-form h5{color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}.form .wrap-form h5 .flaticon-information,form .wrap-form h5 .flaticon-information{color:#76838f}.form .margin-cancel .wrap-form,form .margin-cancel .wrap-form{margin-bottom:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],input[type=time],input[type=url],select{border:1px solid #e4eaec;border-radius:3px;padding:8px 15px;font-size:13px;font-size:1.3rem;line-height:20px;line-height:2rem;color:#76838f;width:100%;height:36px;background-color:#fff;outline:none}textarea{border:1px solid #e4eaec;border-radius:3px;padding:12px 10px;font-size:13px;font-size:1.3rem;width:100%;height:40px;color:#76838f;background-color:#fff}.check.select .checkbox-custom label{background:#1c4b79;transition:all .3s ease}.check.select .checkbox-custom [class*=" flaticon-"]:before,.check.select .checkbox-custom [class^=flaticon-]:before{position:relative;top:0;left:1px;transition:all .3s ease;opacity:1}.check.disabled .checkbox-custom label{background:#e4eaec}.checkbox-custom{position:relative;width:100%;height:100%;color:#76838f}.checkbox-custom label{display:inline-block;width:24px;height:24px;border:1px solid #e4eaec;border-radius:3px;background-color:#fff;z-index:2;text-align:center;margin-right:5px}.checkbox-custom [class*=" flaticon-"]:before,.checkbox-custom [class^=flaticon-]:before{position:relative;top:0;right:0;line-height:24px;line-height:2.4rem;margin:0;color:#fff;opacity:0}input[type=radio]{display:inline-block}input[type=radio]+label{position:relative;font-weight:400;width:calc(100% - 26px);height:25px;padding:0 0 0 25px;line-height:25px;display:inline-block;cursor:pointer;white-space:nowrap}input[type=radio]+label:before{content:"";position:absolute;top:50%;left:-4px;box-sizing:border-box;display:block;width:18px;height:18px;margin-top:-9px;background:#fff;border:2px solid #e4eaec;border-radius:30px}input[type=radio]+label [class*=" flaticon-"]:before,input[type=radio]+label [class^=flaticon-]:before{font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;margin:0 0 0 5px;color:#76838f;opacity:.8}.checked input[type=radio]+label:after{content:"";position:absolute;top:50%;box-sizing:border-box;display:block;left:0;width:10px;height:10px;margin-top:-5px;background:#1c4b79;border-radius:10px}.select-date:after,select-birth-date:after,select-date:after,select-month:after,select-year:after{content:"";display:block;clear:both}.select-date,select-birth-date,select-date,select-month,select-year{display:block}.select-date .year,select-birth-date .year,select-date .year,select-month .year,select-year .year{width:100px;float:left}.select-date .day,.select-date .hour,.select-date .minute,.select-date .month,select-birth-date .day,select-birth-date .hour,select-birth-date .minute,select-birth-date .month,select-date .day,select-date .hour,select-date .minute,select-date .month,select-month .day,select-month .hour,select-month .minute,select-month .month,select-year .day,select-year .hour,select-year .minute,select-year .month{width:70px;float:left}.select-date .unit,select-birth-date .unit,select-date .unit,select-month .unit,select-year .unit{float:left;padding:0 5px;line-height:36px}address-form{display:block}address-form .postcode{display:inline-block;width:100px}employee-phone-form select{width:200px}phone-form input[type=text]{display:inline-block;width:120px}.popup-viewer{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#fff;height:600px;max-height:100vh;width:500px;overflow-y:scroll;border-radius:4px/4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);z-index:1003}.popup-viewer__closer{cursor:pointer;float:right}.popup-viewer__closer[class*=" flaticon-"]:before,.popup-viewer__closer[class^=flaticon-]:before{font-size:11px;font-size:1.1rem;color:#9e9e9e;opacity:.7}.popup-viewer .close{cursor:pointer}.popup-viewer__header:after{content:"";display:block;clear:both}.popup-viewer__header{font-size:16px;font-size:1.6rem;font-weight:600;color:#37474f;padding:15px 20px;border-bottom:1px solid #e0e0e0}.popup-viewer__header_link{font-size:13px;font-weight:400}.popup-viewer__body{padding:20px 10px;word-wrap:break-word;white-space:normal;overflow-y:auto}.popup-viewer__title{color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}.popup-viewer__list{list-style:disc}.popup-viewer__list li{list-style-position:inside;padding-left:1em;text-indent:-1em}.popup-viewer__back{background:#000;opacity:.5;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1002}.popup-content{display:none;background-color:#fff;max-height:550px;width:500px;overflow:scroll;border-radius:4px/4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.popup-content .close,.popup-content .close-popup{cursor:pointer}.popup-content .popup-header:after{content:"";display:block;clear:both}.popup-content .popup-header{padding:15px 20px;border-bottom:1px solid #e0e0e0}.popup-content .popup-header .close,.popup-content .popup-header .close-popup{float:right}.popup-content .popup-header .close-popup[class*=" flaticon-"]:before,.popup-content .popup-header .close-popup[class^=flaticon-]:before,.popup-content .popup-header .close[class*=" flaticon-"]:before,.popup-content .popup-header .close[class^=flaticon-]:before{font-size:11px;font-size:1.1rem;color:#9e9e9e;opacity:.7}.popup-content .popup-header h4{font-size:16px;font-size:1.6rem;font-weight:600;color:#37474f}.popup-content .popup-body{padding:20px 10px;word-wrap:break-word;white-space:normal}.popup-content .popup-body .sample-image{margin-top:15px;width:100%}.button+.close,button+.close,g-button+.close,gozal-button+.close{cursor:pointer;float:right;line-height:40px;font-size:14px;font-size:1.4rem;font-weight:500;color:#9e9e9e;margin-right:15px}.tooltip__contents{position:absolute;bottom:20px}.tipsy-inner,.tooltip__contents{border-radius:3px;padding:5px 8px 4px;background-color:#444;color:#fff;max-width:300px;text-align:center}.tipsys .tipsy-inner{margin-left:-13px;margin-bottom:13px}.wrap-step:after{content:"";display:block;clear:both}.wrap-step{margin-bottom:10px}.wrap-step .step{position:relative;float:left;text-align:center}.wrap-step .step .step-icon{cursor:pointer;position:relative;display:inline-block;color:#fff;background-color:silver;border:2px solid silver;width:36px;height:36px;border-radius:18px;margin-bottom:10px;z-index:1;transition:all .3s ease-out}.wrap-step .step .step-icon [class*=" flaticon-"]:before,.wrap-step .step .step-icon [class^=flaticon-]:before{font-size:16px;font-size:1.6rem;line-height:36px;color:#fff}.wrap-step .step .step-icon:hover{transform:scale(1.3)}.wrap-step .step .step-title{font-size:11px;font-size:1.1rem;font-weight:400;color:#fff;opacity:.8}.wrap-step .step.current .step-icon{background-color:#fff;border:2px solid #1c4b79;transform:scale(1.3)}.wrap-step .step.current .step-icon [class*=" flaticon-"]:before,.wrap-step .step.current .step-icon [class^=flaticon-]:before{font-size:18px;font-size:1.8rem;line-height:36px;color:#1c4b79}.wrap-step .step.done .step-icon{background-color:#1c4b79;border:2px solid #1c4b79}.wrap-step .step.done:after,.wrap-step .step.done:before{background-color:#1c4b79}.wrap-step .step:after,.wrap-step .step:before{position:absolute;top:18px;width:50%;height:4px;background-color:#f3f7f9;content:"";z-index:0}.wrap-step .step:after{right:0}.wrap-step .step:before{left:0}.wrap-step .step:first-child:before,.wrap-step .step:last-child:after{background-color:transparent}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}i.fa-hatena:before{content:"B!";font-family:Verdana;font-weight:700}.site-action{position:fixed;bottom:55px;right:45px;z-index:200}.popup-scroll .site-action{position:absolute;bottom:20px;right:20px;z-index:200}.site-action button{width:60px;height:60px;padding:0;margin:0;font-size:24px;font-size:2.4rem;border-radius:100%;box-shadow:0 10px 10px 0 rgba(60,60,60,.1);background-color:#46be8a;border:2px solid #46be8a;color:#fff;text-align:center;transition:all .3s ease;box-sizing:border-box;outline:none}.site-action button.disabled{opacity:.5}.site-action button p{font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem}.site-action button p.small{font-size:9px;font-size:.9rem}.site-action button:hover{background-color:#fff;color:#46be8a;transition:all .3s ease}.site-action button [class*=" flaticon-"]:before,.site-action button [class^=flaticon-]:before{margin:0;line-height:60px;font-size:20px;font-size:2rem}.site-action button p+[class*=" flaticon-"]:before,.site-action button p+[class^=flaticon-]:before{line-height:24px}.site-action-buttons{display:none;position:absolute;bottom:60px;left:0}.site-action-buttons button{margin-bottom:10px}.dropdown,dropdown-button{position:relative;display:block;cursor:pointer}.dropdown .dropdown-menu,dropdown-button .dropdown-menu{margin-top:5px;width:360px;position:absolute;top:100%;right:0;z-index:1200;display:none;float:left;min-width:160px;background-color:#fff;border:1px solid #e4eaec;border-radius:3px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.dropdown .dropdown-menu .dropdown-menu-header,dropdown-button .dropdown-menu .dropdown-menu-header{padding:15px 20px;border-bottom:1px solid #e4eaec}.dropdown .dropdown-menu .dropdown-menu-header h5,dropdown-button .dropdown-menu .dropdown-menu-header h5{font-size:14px;font-size:1.4rem;color:#37474f;font-weight:500}.dropdown .dropdown-menu .dropdown-menu-footer,dropdown-button .dropdown-menu .dropdown-menu-footer{padding:15px 20px;border-top:1px solid #e4eaec;background-color:#f3f7f9}.dropdown .dropdown-menu .dropdown-menu-footer>a,dropdown-button .dropdown-menu .dropdown-menu-footer>a{color:#76838f;font-weight:500}.dropdown .dropdown-menu .dropdown-menu-footer>a:hover,dropdown-button .dropdown-menu .dropdown-menu-footer>a:hover{color:#1c4b79}.dropdown .dropdown-menu .dropdown-wrap-list,dropdown-button .dropdown-menu .dropdown-wrap-list{max-height:270px;overflow-y:auto;overflow-x:hidden}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item{background-color:#f3f7f9}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item.read,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item.read,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item.read,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item.read{background-color:#fff}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item .list-item-content .item-icon,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item .list-item-content .item-icon,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item .list-item-content .item-icon,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item .list-item-content .item-icon{margin-right:0}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item .list-item-content .item-body,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item .list-item-content .item-body,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item .list-item-content .item-body,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item .list-item-content .item-body{float:left;width:calc(100% - 20px);padding-left:10px}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item .list-item-content .item-body h6,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item .list-item-content .item-body h6,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container a.list-item .list-item-content .item-body h6,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container.information-container button.list-item .list-item-content .item-body h6{position:relative;top:-3px}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item{display:block;padding:0 20px;background-color:#fff}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item:hover,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item:hover,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item:hover,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item:hover{background-color:#f1f4f5}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content:after,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content:after,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content:after,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content:after{content:"";display:block;clear:both}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content{padding:15px 0;border-bottom:1px solid #e4eaec}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon{float:left;margin-right:10px}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class*=" flaticon-"],.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class^=flaticon-],.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class*=" flaticon-"],.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class^=flaticon-],dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class*=" flaticon-"],dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class^=flaticon-],dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class*=" flaticon-"],dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class^=flaticon-]{display:block;height:20px;width:20px;border-radius:10px;text-align:center}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class*=" flaticon-"]:before,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class^=flaticon-]:before,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class*=" flaticon-"]:before,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class^=flaticon-]:before,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class*=" flaticon-"]:before,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class^=flaticon-]:before,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class*=" flaticon-"]:before,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class^=flaticon-]:before{font-size:12px;font-size:1.2rem;line-height:20px;color:#fff}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-edit,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-info4,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-edit,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-info4,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-edit,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-info4,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-edit,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-info4{background-color:#1c4b79}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-gear,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-gear,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-gear,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-gear{background-color:#c93e3e}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-credit-card3,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-credit-card3,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon .flaticon-credit-card3,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon .flaticon-credit-card3{background-color:#c9843e}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-body h6,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-body h6,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-body h6,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-body h6{font-size:12px;font-size:1.2rem;font-weight:500;color:#37474f}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-body p,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-body p,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-body p,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-body p{font-size:10px;font-size:1rem;font-weight:300;color:#37474f}.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item:last-child .list-item-content,.dropdown .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item:last-child .list-item-content,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item:last-child .list-item-content,dropdown-button .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item:last-child .list-item-content{border:none}.dropdown.open>a,dropdown-button.open>a{opacity:.7}.dropdown.open .dropdown-menu,dropdown-button.open .dropdown-menu{display:block}.dropdown.mini .dropdown-menu{width:160px;padding:5px 0}.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item{text-align:left;line-height:20px;width:100%}.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item,.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item{padding:6px 13px;color:#76838f}.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content,.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content{padding:0;border:none}.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon,.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon{float:left;margin-right:5px}.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class*=" flaticon-"],.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class^=flaticon-],.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class*=" flaticon-"],.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class^=flaticon-]{display:block;background-color:transparent}.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class*=" flaticon-"]:before,.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-icon [class^=flaticon-]:before,.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class*=" flaticon-"]:before,.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-icon [class^=flaticon-]:before{font-size:12px;font-size:1.2rem;color:#76838f}.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container a.list-item .list-item-content .item-body,.dropdown.mini .dropdown-menu .dropdown-wrap-list .dropdown-wrap-list-container button.list-item .list-item-content .item-body{font-size:12px;font-size:1.2rem}.ui-sortable-handle{background:#fff;cursor:move}select-list,select-ymd{display:inline-block}select-nav:after{content:"";display:block;clear:both}next-arrow,prev-arrow,select-nav select-list{display:inline-block;height:30px;float:left}select-nav select{width:250px;height:30px;margin:0 10px;padding:5px 15px}next-arrow [class^=flaticon-]:before,prev-arrow [class^=flaticon-]:before{color:#76838f;font-size:10px;font-size:1rem;line-height:30px;line-height:3rem}flash-message{position:absolute;top:0;left:0;width:100%;display:block;z-index:1004}board flash-message{position:fixed;top:60px;left:520px;width:calc(100% - 520px)}dialog flash-message{position:fixed;top:60px;left:45px;width:calc(100% - 300px)}flash-message .alert-container{display:block;margin:15px auto 0;padding:0 30px}flash-message .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}flash-message .alert h4{margin-top:0;color:inherit}flash-message .alert .alert-link{font-weight:700}flash-message .alert>p,flash-message .alert>ul{margin-bottom:0}flash-message .alert>p+p{margin-top:5px}flash-message .alert-dismissable,flash-message .alert-dismissible{padding-right:35px}flash-message .alert-dismissable .close,flash-message .alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}flash-message .alert-success{color:#1d8273;background-color:#d1e6e3;border-color:#d1e6e3}flash-message .alert-success hr{border-top-color:#c9e2b3}flash-message .alert-success .alert-link{color:#2b542c}flash-message .alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}flash-message .alert-info hr{border-top-color:#a6e1ec}flash-message .alert-info .alert-link{color:#245269}flash-message .alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}flash-message .alert-warning hr{border-top-color:#f7e1b5}flash-message .alert-warning .alert-link{color:#66512c}flash-message .alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}flash-message .alert-danger hr{border-top-color:#e4b9c0}flash-message .alert-danger .alert-link{color:#843534}flash-message .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}flash-message .close:focus,flash-message .close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}flash-message div.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0;font-size:1.7em}flash-message .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#before-login{overflow-y:auto;overflow-x:hidden}#before-login .container{width:1170px}#before-login.sp .container{width:100%}#before-login.sp header a{display:inline-block;height:100%;padding:0}#before-login.sp header a img{height:15px}#before-login header{position:fixed;top:0;left:0;z-index:10;background:#fff;transition:all .5s ease;height:60px;width:100%}#before-login header .container{height:100%}#before-login header .left-side{float:left;height:100%}#before-login header .left-side a{display:inline-block;height:100%;padding:15px 0}#before-login header .left-side a img{height:30px;vertical-align:middle}#before-login header .right-side:after{content:"";display:block;clear:both}#before-login header .right-side{float:right;height:100%}#before-login header .right-side li{float:left;height:100%;margin-left:40px;padding:10px 0}#before-login header .right-side li a{color:#2f3339;font-size:13px;font-size:1.3rem;line-height:40px;font-weight:600;cursor:pointer}#before-login header .search-box{float:right}#before-login header .search-box .input-search{position:relative}#before-login header .search-box .input-search [class*=" flaticon-"],#before-login header .search-box .input-search [class^=flaticon-]{position:absolute;top:1px;right:1px;height:38px;padding:10px 15px;background:#1c4b79;border-top:1px solid #e4eaec;border-right:1px solid #e4eaec;border-bottom:1px solid #e4eaec;border-radius:0 3px 3px 0;cursor:pointer}#before-login header .search-box .input-search [class*=" flaticon-"]:before,#before-login header .search-box .input-search [class^=flaticon-]:before{font-size:13px;font-size:1.3rem;color:#fff}#before-login header .search-box .input-search [class*=" flaticon-"]:hover,#before-login header .search-box .input-search [class^=flaticon-]:hover{opacity:.7}#before-login header .search-box .input-search input{height:40px;width:250px}#before-login .header-container{width:100%;height:500px;background:#000;overflow:hidden}.google-login{display:block;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.5)}.google-login img,.google-signup img{width:240px}#contents{position:relative;margin-left:62px;height:100%;padding:30px 20px;overflow:scroll}#contents.wide{margin-left:260px}.task-board #contents{overflow:hidden}.page-header{position:relative}.page-header .page-header-actions{position:absolute;top:0;right:0}h4.title{font-size:14px;font-size:1.4rem;font-weight:400}.statement,h4.title{color:#37474f}.statement h3{font-weight:500;font-size:18px;font-size:1.8rem;line-height:26px;line-height:2.6rem;letter-spacing:2px;letter-spacing:0.2rem}.statement ul li:after{content:"";display:block;clear:both}.statement ul li tag{display:block;width:40%;float:left}.statement ul li val{display:block;width:60%;float:left}.statement ul.border li{padding:8px 0;border-bottom:1px solid #e4eaec}.statement ul.border li tag{font-weight:500}.statement ul.border li val{text-align:right}dropdown-menu{display:block}.dropdown-menu{display:none;cursor:default;position:absolute;top:100%;right:0;min-width:160px;margin-top:5px;padding:5px 0;background-color:#fff;border:1px solid #e4eaec;border-radius:3px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);z-index:1200}.dropdown-menu.open{display:block}.dropdown-menu__header{position:relative;padding:15px 20px;border-bottom:1px solid #e4eaec;font-size:14px;font-size:1.4rem;color:#37474f;font-weight:500;text-shadow:rgba(0,0,0,.15) 0 0 1px}.dropdown-menu__body{max-height:320px;overflow-y:auto;overflow-x:hidden}.dropdown-item__contents a{display:block;padding:5px 10px}.dropdown-item__contents a:focus,.dropdown-item__contents a:hover{background-color:#f1f4f5}.dropdown-menu__item:not(:last-child) .dropdown-item__contents.border{border-bottom:1px solid #e4eaec}.dropdown-item__meta:after{content:"";display:block;clear:both}.dropdown-item__meta .dropdown-item__name{font-size:14px;font-size:1.4rem;color:#37474f;font-weight:500;margin-bottom:5px;float:left}.dropdown-item__meta .dropdown-item__time{float:right}.dropdown-item__time{font-size:12px;font-size:1.2rem;color:#a3afb7;font-weight:300;margin-bottom:3px}.dropdown-item__content{font-size:14px;font-size:1.4rem;color:#76838f;font-weight:400;word-wrap:break-word;white-space:pre-wrap}.comment-area{position:relative}.comment-area .dropdown-menu{width:320px}bank-account-form:after{content:"";display:block;clear:both}bank-account-form{display:block}bank-account-form .account-number,bank-account-form select{width:200px}g-button,gozal-button{display:block}g-button .button:after,gozal-button .button:after{content:"";display:block;clear:both}g-button .button,gozal-button .button{display:inline-block;line-height:20px;line-height:2rem}g-button .button[class*=" flaticon-"]:before,g-button .button[class^=flaticon-]:before,gozal-button .button[class*=" flaticon-"]:before,gozal-button .button[class^=flaticon-]:before{float:left;font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem;font-weight:400}g-button .button[class*=" flaticon-"] span,g-button .button[class^=flaticon-] span,gozal-button .button[class*=" flaticon-"] span,gozal-button .button[class^=flaticon-] span{margin-left:10px}gozal-mini-button{display:inline-block}.button,g-button button{border-radius:20px;padding:10px 20px;height:40px;background:#1c4b79;color:#fff;font-weight:500;font-size:13px;font-size:1.3rem;line-height:20px;line-height:2rem;letter-spacing:1.5px;letter-spacing:0.15rem;opacity:1;cursor:pointer;text-align:center;position:relative;vertical-align:middle}.button[class*=" flaticon-"]:before,.button[class^=flaticon-]:before,g-button button[class*=" flaticon-"]:before,g-button button[class^=flaticon-]:before{font-size:11px;font-size:1.1rem;line-height:20px;line-height:2rem;font-weight:400}.button[class*=" flaticon-"] span,.button[class^=flaticon-] span,g-button button[class*=" flaticon-"] span,g-button button[class^=flaticon-] span{margin-left:10px}.button.mini,g-button button.mini{height:24px;border-radius:12px;padding:2px 10px;font-weight:400;font-size:11px;font-size:1.1rem;line-height:20px;line-height:2rem;letter-spacing:1px;letter-spacing:0.1rem}.button.red,g-button button.red{background:#c93e3e}.button.green,g-button button.green{background:#1d8273}.button.yellow,g-button button.yellow{background:#b3a34c}.button.orange,g-button button.orange{background:#c9843e}.button.gray,g-button button.gray{background:#9e9e9e}.button.thin-gray,g-button button.thin-gray{background:#f3f7f9;color:#76838f;border:1px solid #e4eaec}.button:hover:after,g-button button:hover:after{border-radius:20px;background-color:rgba(0,0,0,.05);position:absolute;top:0;right:0;bottom:0;left:0;content:" "}.button.mini:hover:after,g-button button.mini:hover:after{border-radius:12px}.button[disabled],g-button button[disabled]{cursor:default;opacity:.7}g-button button.icon{height:30px;width:30px;border-radius:3px;line-height:30px;line-height:3rem;padding:0}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity,transform;transition:all .3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,.2);transition:all .7s ease-out;transition-property:transform,opacity;transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:hsla(0,0%,100%,.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,.7)}.waves-effect input[type=button],.waves-effect input[type=reset],.waves-effect input[type=submit]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{transition:none!important}.waves-circle{transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 0)}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}dropdown-button{display:inline-block}dropdown-button .dropdown{border-radius:3px;background:#d5dee1;color:#76838f;padding:10px 20px;width:200px;height:40px;font-weight:500;font-size:13px;font-size:1.3rem;line-height:20px;line-height:2rem;letter-spacing:1.5px;letter-spacing:0.15rem;cursor:pointer;text-align:center;position:relative;vertical-align:middle}dropdown-button .dropdown.is-disabled{opacity:.7}dropdown-button .dropdown-menu{display:block;text-align:left;width:200px;padding:5px 0}dropdown-button .dropdown-menu .dropdown-wrap-list{padding:5px 10px;font-weight:400}dropdown-button .dropdown-menu .dropdown-wrap-list:hover{background-color:#f1f4f5}dropdown-button .dropdown i{margin-left:10px}button.inverse{color:#37474f;background-color:#fff;border-color:#e4eaec}button-plus .plus{width:30px;height:30px;line-height:30px;background-color:#fff;border:1px solid #e4eaec;border-radius:3px}button-delete div,button-plus .plus{display:inline-block;text-align:center;cursor:pointer}button-delete div{color:#c93e3e}box{display:block}bad-request span{display:block;width:100%;height:40px;border-radius:3px;background:#c93e3e;color:#fff;font-size:13px;font-size:1.3rem;line-height:40px;line-height:4rem;text-align:center;margin-bottom:20px}company-info-form{display:block}company-info-form form h5.form-title{font-size:14px;font-size:1.4rem;font-weight:500;padding:0 10px;margin-bottom:5px}company-name-form{display:block}company-name-form .wrap-input-select{position:relative;height:36px}company-name-form .wrap-input-select input[type=text]{position:absolute;top:0;left:0;width:70%;border-radius:3px 0 0 3px;z-index:2}company-name-form .wrap-input-select select{position:absolute;top:0;right:1px;width:30%;border-radius:0 3px 3px 0;z-index:1}company-branch-forms:after{content:"";display:block;clear:both}company-branch-forms{display:block}company-branch-forms .popup-content{max-height:550px;overflow:scroll}company-branch-forms company-branch-form{display:block;float:left;margin-right:10px;margin-bottom:10px}company-branch-forms company-branch-form [class*=" flaticon-"],company-branch-forms company-branch-form [class^=flaticon-]{cursor:pointer}company-department-forms:after{content:"";display:block;clear:both}company-department-forms{display:block}company-department-forms .popup-content{max-height:550px;overflow:scroll}company-department-forms company-department-form{display:block;float:left;margin-right:10px;margin-bottom:10px}company-department-forms company-department-form [class*=" flaticon-"],company-department-forms company-department-form [class^=flaticon-]{cursor:pointer}employee-branch-forms{display:block}employee-branch-forms .popup-content{max-height:550px;overflow:scroll}employee-branch-forms .company-branch-list:after,employee-branch-forms .company-branch-list employee-branch-form:after{content:"";display:block;clear:both}employee-branch-forms .company-branch-list employee-branch-form{display:block;float:left;margin-right:10px;margin-bottom:10px}employee-branch-forms .company-branch-list employee-branch-form .check{float:left;margin-right:7px}employee-branch-forms .company-branch-list employee-branch-form .flaticon-pencil-edit-button{float:left}employee-branch-forms .company-branch-list employee-branch-form .flaticon-pencil-edit-button:before{font-size:11px;font-size:1.1rem;cursor:pointer;color:#76838f}employee-department-forms{display:block}employee-department-forms .popup-content{max-height:550px;overflow:scroll}employee-department-forms .company-department-list:after,employee-department-forms .company-department-list employee-department-form:after{content:"";display:block;clear:both}employee-department-forms .company-department-list employee-department-form{display:block;float:left;margin-right:10px;margin-bottom:10px}employee-department-forms .company-department-list employee-department-form .check{float:left;margin-right:7px}employee-department-forms .company-department-list employee-department-form .flaticon-pencil-edit-button{float:left}employee-department-forms .company-department-list employee-department-form .flaticon-pencil-edit-button:before{font-size:11px;font-size:1.1rem;cursor:pointer;color:#76838f}category-three-insured-persons-popup,tax-exemption-popup{display:block}category-three-insured-persons-popup .popup-content,tax-exemption-popup .popup-content{width:600px}employee-dependent-forms{display:block;position:relative}employee-dependent-forms .add-dependent{position:absolute;top:-51px;left:95px}employee-dependent-forms h5{display:inline-block}employee-dependent-form:after{content:"";display:block;clear:both}employee-dependent-form{display:block;margin-top:20px;padding-top:20px;border-top:1px solid #e4eaec}employee-dependent-form.first{padding-top:0;margin-top:0;border:none}employee-dependent-form h5{display:block}employee-dependent-form .relation-type{width:120px}employee-dependent-form .annual-salary{width:200px}employee-dependent-form .identity-num{width:150px}social-insurance-form:after{content:"";display:block;clear:both}social-insurance-form{display:block}social-insurance-form .identity-num{width:150px}employment-insurance-form:after{content:"";display:block;clear:both}employment-insurance-form{display:block}employment-insurance-form .identity-num{width:150px}regident-tax-form{display:block}regident-tax-form select-year{display:inline-block}regident-tax-form select-year select{display:inline-block;width:200px}regident-tax-form .amount{width:calc(100% - 20px)}working-student-popup{display:block}working-student-popup .popup-content{width:600px}working-student-popup .popup-content ol{list-style-type:decimal;list-style-position:inside}working-student-popup .popup-content ol li{margin-bottom:5px}employee-invite-form,exist-employee-invite-form{display:block}employee-invite-form form,exist-employee-invite-form form{padding:15px 5px}employee-invite-form form .wrap-form h5,exist-employee-invite-form form .wrap-form h5{font-size:11px;font-size:1.1rem}employee-invite-form form .wrap-form .description,exist-employee-invite-form form .wrap-form .description{font-size:12px;font-size:1.2rem;line-height:16px;line-height:1.6rem;letter-spacing:1px;letter-spacing:0.1rem}employee-invite-form form .wrap-form .error,exist-employee-invite-form form .wrap-form .error{font-size:11px;font-size:1.1rem}.popup-content employee-invite-form,.popup-content exist-employee-invite-form form{padding:0}hire-invite-form{display:block}hire-invite-form exist-employee-invite-form form{padding:0}all-check{display:block}autocomplete{width:100%}autocomplete .input-group{position:relative}autocomplete .input-group ul.selected-items{display:block;position:absolute;left:0;width:100%;max-height:150px;overflow-y:scroll;border:1px solid #e4eaec;z-index:1;padding:5px 0;margin:2px 0 0}autocomplete .input-group ul.selected-items li{width:100%;background-color:#fff}autocomplete .input-group ul.selected-items li a{display:block;padding:8px 16px;clear:both;font-weight:400;line-height:14px;line-height:1.4rem;color:#76838f;cursor:pointer}autocomplete .input-group ul.selected-items li.active,autocomplete .input-group ul.selected-items li a:hover{background-color:#f5fafc}autocomplete .input-group ul.selected-items li.active .highlight{background:#666;color:#fff}autocomplete .highlight{background-color:#f5fafc}phone-form:after{content:"";display:block;clear:both}phone-form{display:block}text-field{display:inline-block}.input-group label{display:inline-block;color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}.input-group__input{position:relative}.input-group__input i{position:absolute;top:8px}.input-group__input.has-prepend-icon i{left:15px}.input-group__input.has-prepend-icon input[type=text]{padding-left:40px}.input-group__input.has-append-icon i{right:15px}.input-group__input.has-append-icon input[type=text]{padding-right:30px}title{width:100%;height:30px;font-size:20px;font-size:2rem;letter-spacing:1.5px;letter-spacing:0.15rem;line-height:30px;line-height:3rem;color:#37474f;font-weight:700}dtable,title{display:block}.data-table{width:100%;min-height:114px}dt-action-cell,dt-cell,dt-checkbox-cell,dt-header-cell{padding:15px 20px}dt-checkbox-cell .check{position:relative;left:-5px}dt-header:after{content:"";display:block;clear:both}dt-header{background:#f3f7f9;border-top:1px solid #e4eaec;border-bottom:1px solid #e4eaec}dt-header dt-action-cell,dt-header dt-cell,dt-header dt-checkbox-cell,dt-header dt-header-cell{font-size:13px;font-size:1.3rem;line-height:24px;line-height:2.4rem;font-weight:500;vertical-align:middle}dt-body .selectable{cursor:pointer}dt-body .selectable:hover{background:#f5fafc}dt-body .dtable__cell{font-size:13px;font-size:1.3rem;line-height:24px;line-height:2.4rem}.data-table{display:table;table-layout:fixed}dt-header{display:table-header-group}dt-body{display:table-row-group}.dtable__row,dt-body-row{display:table-row}.dtable__cell,dt-action-cell,dt-cell,dt-checkbox-cell,dt-header-cell{display:table-cell;vertical-align:middle}dt-checkbox-cell{width:35px;padding:15px 0 15px 15px}.dtable__row,.empty-row,.loading-row{height:54px}.empty-row{background:#c93e3e;color:#fff}.empty-row,.loading-row{text-align:center;padding:15px 20px}employee-scheduled-working-contract .error,fixed-salary .error{font-size:14px;font-size:1.4rem}employee-scheduled-working-contract .times input[type=number],fixed-salary .times input[type=number]{width:calc(100% - 32px)}employee-scheduled-working-contract .history-button,fixed-salary .history-button{line-height:40px;margin-right:10px}employee-scheduled-working-contract .history-button button,fixed-salary .history-button button{height:30px;width:30px;border-radius:3px;padding:0}breadcrumb ul{display:-ms-flexbox;display:flex;list-style:none}breadcrumb ul li{display:list-item}breadcrumb ul li+li:before{padding:0 5px;display:inline-block;color:#9e9e9e;content:"/"}breadcrumb ul li a.active{color:#76838f}.bottom-menu{position:fixed;bottom:0;left:0;width:100%;height:30px;background:#fff;border-top:1px solid #ddd;transition:transform .53s;transition-timing-function:cubic-bezier(.38,.52,.23,.99)}.bottom-menu.active{transform:translateY(-270px)}.bottom-menu__header{display:block;height:30px;width:100%;background:#f9f9f9;text-align:center;cursor:pointer;position:relative}.bottom-menu__more{position:absolute;top:5px;right:5px}.bottom-menu__header .toggle{display:block;margin:0 auto;transform:rotate(-90deg);line-height:30px;color:#999}.bottom-menu.active .bottom-menu__header .toggle{transform:rotate(90deg)}.bottom-menu .bottom-menu__contents{height:270px;background:#fff;padding:15px}.bottom-menu.active.more{transform:translateY(-570px)}.bottom-menu.more .bottom-menu__contents{height:570px}.container-fluid:after{content:"";display:block}.container-fluid:after,.container-fluid:before{content:" ";display:table}.container-fluid:after{clear:both}.container-fluid{padding-top:60px;width:100%;height:100%;zoom:1}.container{width:100%;padding:0;margin:0 auto}.box{background-color:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.padding-box{padding:25px 15px}.box__header{font-size:16px;font-size:1.6rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:600;padding:0 10px;margin-bottom:30px}.box-item__title{color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}.edit-link__icon,.edit-link__icon:before,.edit-link__text{font-size:12px;font-size:1.2rem}.edit-link:hover .edit-link__text{text-decoration:underline}.error,.error a,.important,.important a{color:#c93e3e!important}.error a,.important a{border-bottom:1px dashed #c93e3e}.red_color{color:#c93e3e!important}.blue_color{color:#2a72b7!important}.bold{font-weight:600}.black{font-weight:800}.title-color{color:#37474f}.scrollable{overflow:hidden!important;height:100%}.scrollable .scrollable-container{overflow-y:scroll!important;height:100%}.scrollable .scrollable-container .scrollable-content{position:relative!important;overflow:visible!important}app,ng-outlet{width:100%}app,board,ng-outlet{display:block;height:100%}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.list-style-disc{list-style-position:inside;list-style-type:disc}.link{cursor:pointer}.vertical-align:before{display:inline-block;height:100%;vertical-align:middle;content:""}.position-relative{position:relative}.position-absolute{position:absolute}.top-0{top:0}.right-0{right:0}.left-0{left:0}.overflow-visible{overflow:visible!important}.overflow-hidden{overflow:hidden!important}.display-block{display:block!important}.inline-block{display:inline-block!important}.visibility-hidden{visibility:hidden!important}.border-none{border:none!important}.float-none{float:none!important}.float-right{float:right!important}.float-left{float:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.max-height{height:100%!important}.max-width{width:100%!important}.width-30{width:30px!important}.width-40{width:40px!important}.width-50{width:50px!important}.width-70{width:70px!important}.width-80{width:80px!important}.width-90{width:90px!important}.width-100{width:100px!important}.width-120{width:120px!important}.width-130{width:130px!important}.width-140{width:140px!important}.width-150{width:150px!important}.width-160{width:160px!important}.width-165{width:165px!important}.width-180{width:180px!important}.width-200{width:200px!important}.width-220{width:220px!important}.width-240{width:240px!important}.width-260{width:260px!important}.width-280{width:280px!important}.width-300{width:300px!important}.width-400{width:400px!important}.width-600{width:600px!important}.width-700{width:700px!important}.height-50{height:50px!important}.height-60{height:60px!important}.height-100{height:100px!important}.height-150{height:150px!important}.row:after{content:"";display:block;clear:both}.row .col-1,.row .col-2,.row .col-3,.row .col-4,.row .col-5,.row .col-6,.row .col-7,.row .col-8,.row .col-9,.row .col-12{float:left}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-12{padding-right:10px;padding-left:10px}.col-12{width:100%!important}.col-9{width:75%!important}.col-8{width:66.6666%!important}.col-7{width:58.3333%!important}.col-6{width:50%!important}.col-5{width:41.6666%!important}.col-4{width:33.3333%!important}.col-3{width:25%!important}.col-2{width:16.6666%!important}.col-1{width:8.3333%!important}.padding-0{padding:0!important}.padding-right-5{padding-right:5px!important}.padding-left-5{padding-left:5px!important}.padding-10{padding:10px!important}.padding-right-10{padding-right:10px!important}.padding-left-10{padding-left:10px!important}.padding-top-20{padding-top:20px!important}.padding-25{padding:25px!important}.padding-bottom-30{padding-bottom:30px!important}.padding-top-36{padding-top:36px!important}.padding-top-40{padding-top:40px!important}.padding-bottom-40,.padding-top-bottom-40{padding-bottom:40px!important}.padding-top-bottom-40{padding-top:40px!important}.padding-top-60{padding-top:60px!important}.padding-bottom-60,.padding-top-bottom-60{padding-bottom:60px!important}.padding-top-bottom-60{padding-top:60px!important}.padding-top-80,.padding-top-bottom-80{padding-top:80px!important}.padding-bottom-80,.padding-top-bottom-80{padding-bottom:80px!important}.margin-auto{margin-left:auto!important;margin-right:auto!important}.margin-bottom-0{margin-bottom:0!important}.margin-top-3{margin-top:3px!important}.margin-top-5{margin-top:5px!important}.margin-right-5{margin-right:5px!important}.margin-left-5{margin-left:5px!important}.margin-bottom-5{margin-bottom:5px!important}.margin-top-10{margin-top:10px!important}.margin-bottom-10{margin-bottom:10px!important}.margin-right-10{margin-right:10px!important}.margin-left-10{margin-left:10px!important}.margin-right-15{margin-right:15px!important}.margin-top-20{margin-top:20px!important}.margin-right-20{margin-right:20px!important}.margin-left-20{margin-left:20px!important}.margin-bottom-20{margin-bottom:20px!important}.margin-top-25{margin-top:25px!important}.margin-top-30{margin-top:30px!important}.margin-right-30{margin-right:30px!important}.margin-bottom-30{margin-bottom:30px!important}.margin-top-32{margin-top:32px!important}.margin-top-36{margin-top:36px!important}.margin-top-40{margin-top:40px!important}.margin-left-40{margin-left:40px!important}.margin-bottom-40{margin-bottom:40px!important}.margin-bottom-50{margin-bottom:50px!important}.margin-top-60{margin-top:60px!important}.margin-bottom-60{margin-bottom:60px!important}.margin-bottom-80{margin-bottom:80px!important}.margin-top-90{margin-top:90px!important}.margin-bottom-90{margin-bottom:90px!important}.line-height-24{line-height:24px!important}.line-height-32{line-height:32px!important}.line-height-36{line-height:36px!important}.line-height-40{line-height:40px!important}.line-height-72{line-height:72px!important}.font-size-13{font-size:13px!important}.display-flex{display:-ms-flexbox;display:flex}.items-center{-ms-flex-align:center;align-items:center}.items-end{-ms-flex-align:end;align-items:flex-end}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.icon-button{background-color:#eee;border-radius:50%;height:32px;width:32px;text-align:center;line-height:32px}.icon-button:hover{opacity:.7}.newline-text{white-space:pre-wrap;word-wrap:break-word}a.delete-link{color:rgba(0,0,0,.5);font-size:11px}a.delete-link:hover{opacity:.7}dialog{display:block;background-color:#f1f4f5;color:#76838f;border:none;width:100%}dialog .contents{padding:30px 20px}dialog .contents .box .box-header{position:relative;padding:0 10px}dialog .contents .box .box-header h4{font-size:16px;font-size:1.6rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:600;margin-bottom:30px}dialog-header{display:block;position:relative}dialog-header .close-dialog{position:absolute;top:0;right:0}dialog-header [class*=" flaticon-"]:before,dialog-header [class^=flaticon-]:before{font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;color:#37474f}.dialog-viewer{position:fixed;top:0;left:0;z-index:1001;display:block;background-color:#f1f4f5;color:#76838f;width:100%;height:100%;overflow:auto}.dialog-viewer__header{padding:30px 20px 10px}.dialog-viewer__closer,.dialog-viewer__header .close-dialog{position:absolute;top:0;right:0}.dialog-viewer__closer [class*=" flaticon-"]:before,.dialog-viewer__closer [class^=flaticon-]:before{font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;color:#37474f}.dialog-viewer__contents{padding:10px 20px 30px}.editor .dialog-viewer{background-color:#fff}.editor .dialog-viewer title{text-align:center;margin-bottom:30px}.editor .dialog-viewer .dialog-viewer__container{width:980px;margin:0 auto}.editor .dialog-viewer .dialog-viewer__field{margin-bottom:40px}.editor .dialog-viewer .dialog-viewer__field .check{margin-bottom:20px}.editor .dialog-viewer .dialog-viewer__field address-form{background-color:#eee;padding:20px}.editor .dialog-viewer .dialog-viewer__field address-form .col-6,.editor .dialog-viewer .dialog-viewer__field address-form .col-12{padding:0}.editor .dialog-viewer .dialog-viewer__field address-form .col-6:first-child{padding-right:5px}.editor .dialog-viewer .dialog-viewer__field address-form .col-6:nth-child(2){padding-left:5px}.editor .dialog-viewer .dialog-viewer__field address-form .form-ctrl{margin-bottom:10px}.editor .dialog-viewer .dialog-viewer__label{display:block;font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;color:#37474f;font-weight:600;margin-bottom:20px}.editor .dialog-viewer .dialog-viewer__label+.flaticon-information:before{line-height:24px;line-height:2.4rem}header:after,sp-header:after{content:"";display:block;clear:both}header,sp-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:60px}header .logo,sp-header .logo{float:left;width:62px;height:100%;padding:17px 16px;background:#1c4b79;cursor:pointer}header .logo img,sp-header .logo img{height:100%}header .logo.wide,sp-header .logo.wide{width:260px;padding:17px 0 17px 16px}header .nav-thumb-img,sp-header .nav-thumb-img{float:left;height:28px}header .nav:after,sp-header .nav:after{content:"";display:block;clear:both}header .nav,sp-header .nav{height:100%;background:#fff;box-shadow:2px 0 10px 0 rgba(60,60,60,.1);z-index:1000}header .nav .nav-left,sp-header .nav .nav-left{float:left;position:relative}header .nav .nav-left .dropdown-header,sp-header .nav .nav-left .dropdown-header{display:block;padding:20px 30px}header .nav .nav-left .dropdown-menu,sp-header .nav .nav-left .dropdown-menu{left:30px}header .nav ul.nav-right:after,sp-header .nav ul.nav-right:after{content:"";display:block;clear:both}header .nav ul.nav-right,sp-header .nav ul.nav-right{float:right}header .nav ul.nav-right li.dropdown,sp-header .nav ul.nav-right li.dropdown{float:left}header .nav ul.nav-right li.dropdown>a,sp-header .nav ul.nav-right li.dropdown>a{display:block;padding:20px 15px}header .nav ul.nav-right li.dropdown>a.nav-thumb:after,sp-header .nav ul.nav-right li.dropdown>a.nav-thumb:after{content:"";display:block;clear:both}header .nav ul.nav-right li.dropdown>a.nav-thumb,sp-header .nav ul.nav-right li.dropdown>a.nav-thumb{padding:16px 15px}header .nav ul.nav-right li.dropdown>a.nav-thumb thumb,sp-header .nav ul.nav-right li.dropdown>a.nav-thumb thumb{float:left}header .nav ul.nav-right li.dropdown>a.nav-thumb>span,sp-header .nav ul.nav-right li.dropdown>a.nav-thumb>span{margin-left:10px;float:left;line-height:28px;letter-spacing:2px;letter-spacing:0.2rem;font-weight:400;color:#76838f}header .nav ul.nav-right li.dropdown>a [class*=" flaticon-"]:before,header .nav ul.nav-right li.dropdown>a [class^=flaticon-]:before,sp-header .nav ul.nav-right li.dropdown>a [class*=" flaticon-"]:before,sp-header .nav ul.nav-right li.dropdown>a [class^=flaticon-]:before{display:block;font-size:18px;line-height:20px;color:#4f4f4f}header .nav ul.nav-right li.dropdown>a .badge,sp-header .nav ul.nav-right li.dropdown>a .badge{position:absolute;top:11px;left:26px;height:20px;min-width:20px;line-height:20px;border-radius:100%;text-align:center;color:#fff;font-size:8px;font-size:0.8rem;background-color:#c93e3e}header .nav ul.nav-right li.dropdown>a:hover,sp-header .nav ul.nav-right li.dropdown>a:hover{opacity:.7}header .nav ul.nav-right li.dropdown:last-child>a,sp-header .nav ul.nav-right li.dropdown:last-child>a{padding-right:30px}header .dropdown.mini .dropdown-menu{width:180px}sp-header .nav{background-color:#1c4b79}.header-side-view{position:fixed;right:-285px;top:0;width:285px;background:#fff;bottom:0;z-index:1300;box-shadow:0 0 9px hsla(0,0%,75%,.36);border-left:1px solid rgba(222,227,231,.56);transition:transform .4s cubic-bezier(.05,.74,.27,.99)}.header-side-view.open{transform:translate3d(-100%,0,0)}.header-side-view .nav-tabs{background-color:#263238;position:relative;padding:0 25px;text-align:center;border-bottom:1px solid #ddd}.header-side-view .nav-tabs h5{font-size:11px;font-size:1.1rem;line-height:20px;line-height:2rem;letter-spacing:1.2px;letter-spacing:0.12rem;font-weight:600;padding:11px;color:#cdd0d8}.header-side-view .nav-tabs a.toggle-view{position:absolute;right:12px;top:4px;padding:6px;cursor:pointer}.header-side-view .nav-tabs a.toggle-view [class*=" flaticon-"]:before,.header-side-view .nav-tabs a.toggle-view [class^=flaticon-]:before{font-size:6px;font-size:0.6rem;font-weight:100;margin:0;color:#76838f;opacity:.7}.header-side-view .tab-content{position:relative;padding:0;height:calc(100% - 43px);width:100%;overflow:hidden}.header-side-view .tab-content .nav-list:after{content:"";display:block;clear:both}.header-side-view .tab-content .nav-list{width:100%;height:42px;border-bottom:1px solid #e4eaec}.header-side-view .tab-content .nav-list li{float:left;width:50px;height:100%;padding:11px 0;text-align:center}.header-side-view .tab-content .nav-list li a{cursor:pointer;color:#76838f;font-size:11px;font-size:1.1rem;line-height:20px;line-height:2rem;letter-spacing:1.2px;letter-spacing:0.12rem;font-weight:600}.header-side-view .tab-content .nav-list li.header-nav-active{border-bottom:2px solid #1c4b79}.header-side-view .tab-content .tab-pannel{position:relative;height:100%;width:100%;background-color:#fff;transition:transform .4s cubic-bezier(.05,.74,.27,.99)}.header-side-view .tab-content .tab-pannel .tab-header{position:relative;width:100%;height:50px;text-align:center;border-bottom:1px solid #e4eaec}.header-side-view .tab-content .tab-pannel .tab-header .action{display:block;position:absolute;top:0;left:0;padding-left:15px;cursor:pointer;z-index:1}.header-side-view .tab-content .tab-pannel .tab-header .action [class*=" flaticon-"]:before,.header-side-view .tab-content .tab-pannel .tab-header .action [class^=flaticon-]:before{font-size:10px;font-size:1rem;line-height:50px;color:#76838f}.header-side-view .tab-content .tab-pannel .tab-header .header-text{display:inline-block;font-size:14px;font-size:1.4rem;letter-spacing:1.2px;letter-spacing:0.12rem;line-height:50px;height:50px;width:220px;overflow:hidden}.header-side-thread-list.detail .tab-pannel{transform:translate3d(-25%,0,0);opacity:0}.tab-header .input-search{position:relative;width:100%;height:100%}.tab-header .input-search [class*=" flaticon-"],.tab-header .input-search [class^=flaticon-]{position:absolute;top:15px;right:15px}.tab-header .input-search [class*=" flaticon-"]:before,.tab-header .input-search [class^=flaticon-]:before{font-size:16px;font-size:1.6rem}.tab-header .input-search input{border-radius:0;border:none!important;height:100%;padding-right:40px}.wrap-side-list{height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden}.wrap-side-list .wrap-side-list-container header-side-thread{display:block}.wrap-side-list .wrap-side-list-container a.each-side{display:block;padding:0 20px;overflow:hidden;cursor:pointer;border-bottom:1px solid #e4eaec}.wrap-side-list .wrap-side-list-container a.each-side.unread{background-color:#f3f7f9}.wrap-side-list .wrap-side-list-container a.each-side.unread:hover{background-color:#f1f4f5}.wrap-side-list .wrap-side-list-container a.each-side:hover{background-color:#f3f7f9}.wrap-side-list .wrap-side-list-container a.each-side .each-side-content:after{content:"";display:block;clear:both}.wrap-side-list .wrap-side-list-container a.each-side .each-side-content{padding:15px 0}.wrap-side-list .wrap-side-list-container a.each-side .each-side-content employee-thumb,.wrap-side-list .wrap-side-list-container a.each-side .each-side-content thumb{float:left}.wrap-side-list .wrap-side-list-container a.each-side .each-side-content h6{overflow:hidden;font-size:12px;font-size:1.2rem;font-weight:500;color:#37474f}.wrap-side-list .wrap-side-list-container a.each-side .each-side-content .employee-body,.wrap-side-list .wrap-side-list-container a.each-side .each-side-content .message-body{margin-left:32px;padding:0 15px}.wrap-side-list .wrap-side-list-container a.each-side .each-side-content .employee-body p,.wrap-side-list .wrap-side-list-container a.each-side .each-side-content .message-body p{overflow:hidden;max-height:40px;font-size:11px;font-size:1.1rem;opacity:.7}header-side-detail.detail .tab-pannel{position:absolute!important;right:-285px;top:0;transform:translate3d(-100%,0,0);box-shadow:0 0 9px hsla(0,0%,75%,.36)}header-side-detail .not-invited{padding:8px 15px}header-side-message-list .message-content{height:calc(100% - 50px)}header-side-message-list .wrap-scrollable-content{height:calc(100% - 70px)}header-side-message-list ul{overflow-y:auto;height:100%}header-side-message-list ul li:after{content:"";display:block;clear:both}header-side-message-list ul li{height:auto;position:relative;width:100%;padding:8px 0 8px 15px;cursor:pointer}header-side-message-list ul li .image{float:left;padding-top:6px}header-side-message-list ul li .text{color:#37474f;background:#f1f4f5;border-radius:6px;padding:6px 12px;font-size:12px;font-size:1.2rem;line-height:18px;line-height:1.8rem;font-weight:400;margin:5px 8px 5px 37px}header-side-message-list ul li .text h5{width:100%;height:24px;overflow:hidden;font-size:12px;font-size:1.2rem;font-weight:500}header-side-message-list ul li .text p{font-size:12px;font-size:1.2rem;font-weight:400}header-side-message-list ul li .text a{text-decoration:underline}header-side-message-list ul li .mine{background:#1c4b79;color:#fff}header-side-message-list ul li .mine a{color:#fff}header-side-message-list form{position:absolute;left:0;bottom:0;height:70px;width:100%}header-side-message-list form .wrap-textarea{position:relative;width:100%;height:100%}header-side-message-list form .wrap-textarea textarea{padding:8px 10px 3px;width:100%;height:50px;border-radius:0;border-left:none;border-right:none;border-bottom:none;resize:none}header-side-message-list form .wrap-textarea .button-area{position:absolute;bottom:0;left:0;height:20px;width:100%;padding:0 10px}header-side-message-list form .wrap-textarea .button-area a{cursor:pointer;float:right;margin-left:8px}header-side-message-list form .wrap-textarea .button-area a [class*=" flaticon-"]:before,header-side-message-list form .wrap-textarea .button-area a [class^=flaticon-]:before{font-size:15px;font-size:1.5rem;color:#1c4b79}header-side-message-list form .wrap-textarea .button-area a#click-file1[class*=" flaticon-"]:before,header-side-message-list form .wrap-textarea .button-area a#click-file1[class^=flaticon-]:before{color:#76838f;opacity:.6}#wrap-press{background-color:#1c2429;padding:20px 50px}#wrap-press,#wrap-press #press{position:relative;width:100%}#wrap-press #press .slick-prev{left:-40px;background-image:url(https://prd-gozal.s3-ap-northeast-1.amazonaws.com/static/common/arrow-left.png)}#wrap-press #press .slick-next,#wrap-press #press .slick-prev{position:absolute;top:40px;background-position:50%;background-repeat:no-repeat;background-size:cover;width:20px;height:40px;opacity:.6}#wrap-press #press .slick-next{right:-40px;background-image:url(https://prd-gozal.s3-ap-northeast-1.amazonaws.com/static/common/arrow-right.png)}#wrap-press #press .each-press{float:left;cursor:pointer;height:120px;line-height:120px;width:20%;text-align:center}#wrap-press #press .each-press img{display:inline-block;vertical-align:middle;opacity:.7}#wrap-press #press .each-press.nikkei-shinbun img{width:250px}#wrap-press #press .each-press.nikkei-sangyo img{width:55px}#wrap-press #press .each-press.kaikei-navi img{width:190px}#wrap-press #press .each-press.tech-crunch img{width:50px}#wrap-press #press .each-press.nikkei img{width:105px}#wrap-press #press .each-press.nikkan img{width:70px}#wrap-press #press .each-press.bridge img{width:85px}#wrap-press #press .each-press.cnet img,#wrap-press #press .each-press.it-pro img{width:80px}#wrap-press #press .each-press.yahoo img{width:160px}#footer{position:relative;background-color:#2f3339;color:hsla(0,0%,100%,.8);width:100%;height:auto;min-width:960px}#footer #footer-detail:after{content:"";display:block;clear:both}#footer #footer-detail{display:block}#footer #footer-detail li.each-line{float:left;display:inline-block;width:33.33333%;height:184px;padding:20px 10px;line-height:300%}#footer #footer-detail li.each-line a{color:hsla(0,0%,100%,.8);font-size:12px;font-size:1.2rem;letter-spacing:0.5px;letter-spacing:0.05rem;font-weight:400}#footer #wrap-geo{padding:20px 0}#footer+#copyright{background:#1c2429;position:relative;padding:20px 0;text-align:center}#footer+#copyright a{display:inline}#footer+#copyright a img{width:100px;margin-right:10px;opacity:.5}#footer+#copyright .copyright-text{margin-top:5px;display:inline-block;font-weight:400;font-size:12px;font-size:1.2rem;letter-spacing:1.2px;letter-spacing:0.12rem;color:#888}side-menu,sp-side-menu{position:fixed;top:60px;width:62px;height:100%;padding:20px 0 80px;background:#263238;overflow-y:scroll}side-menu.wide,sp-side-menu.wide{width:260px}side-menu .each-menu,sp-side-menu .each-menu{cursor:pointer;color:#a3afb7;display:block;width:100%;font-size:13px;font-size:1.3rem;line-height:20px;line-height:2rem;height:50px;padding:15px 22px}side-menu .each-menu.active,sp-side-menu .each-menu.active{color:rgba(163,175,183,.9);background:#2b373d}side-menu .each-menu.wide,sp-side-menu .each-menu.wide{padding:15px 10px 15px 30px}side-menu [class*=" flaticon-"]:before,side-menu [class^=flaticon-]:before,sp-side-menu [class*=" flaticon-"]:before,sp-side-menu [class^=flaticon-]:before{font-size:17px;font-size:1.7rem;line-height:20px;line-height:2rem;margin:0 15px 0 0}side-menu::-webkit-scrollbar{width:5px;height:8px;background-color:#2b373d}side-menu::-webkit-scrollbar-thumb{background-color:rgba(163,175,183,.4)}#top h3{font-size:24px;font-size:2.4rem;line-height:30px;line-height:3rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:600}#top .description{font-weight:500}#top .blue-bk{background-color:#1c4b79;color:#fff}#top .color-bk{background-color:#f3f1e2;color:#1c4b79}#top .white-bk{background-color:#fff;color:#2f3339}#top .header-container{margin-top:60px;width:100%;padding:80px 0;background-image:url(https://prd-gozal.s3-ap-northeast-1.amazonaws.com/static/new_top/gradation_bk.png);background-repeat:repeat-x}#top .header-container .description:after{content:"";display:block;clear:both}#top .header-container .description{width:450px}#top .header-container .description h1{font-size:32px;font-size:3.2rem;line-height:45px;line-height:4.5rem;letter-spacing:2.2px;letter-spacing:0.22rem;font-weight:200;color:#2f3339;margin-top:40px;margin-bottom:20px}#top .header-container .description img{width:100px;float:right}#top .header-container .register-button{width:400px}#top .header-container .container{position:relative}#top .header-container .container img.main-img{position:absolute;top:-30px;right:0;width:700px}#top #contact{padding:30px 0}#top #contact .container{width:980px}#top #contact .description{float:left;font-size:14px;font-size:1.4rem;line-height:40px;line-height:4rem;letter-spacing:1.5px;letter-spacing:0.15rem;font-weight:300}#top #contact .mail:after{content:"";display:block;clear:both}#top #contact .mail{float:left}#top #contact .mail .tag{float:left;margin-right:10px;font-size:10px;font-size:1rem;line-height:40px;line-height:4rem;letter-spacing:1.5px;letter-spacing:0.15rem}#top #contact .mail a{float:left;color:#fff;font-size:20px;font-size:2rem;line-height:34px;line-height:3.4rem;letter-spacing:2.5px;letter-spacing:0.25rem;border-bottom:1px solid #fff}#top #contact .mail [class*=" flaticon-"]:before,#top #contact .mail [class^=flaticon-]:before{float:left;margin-right:7px;font-size:30px;font-size:3rem;line-height:40px;line-height:4rem}#top #customer ul:after{content:"";display:block;clear:both}#top #customer ul li{float:left;width:20%;height:100px;position:relative}#top #customer ul li img{width:100px;height:auto;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}#top #about video{width:650px}#top #about .button{display:inline-block;border-radius:23px;padding:0;height:46px;width:300px;font-size:20px;font-size:2rem;line-height:46px;line-height:4.6rem;font-weight:300}#top .feature h4:after{content:"";display:block;clear:both}#top .feature h4{height:40px;font-size:20px;font-size:2rem;line-height:40px;line-height:4rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:600;color:#1c4b79;margin-bottom:30px}#top .feature h4[class*=" flaticon-"]:before,#top .feature h4[class^=flaticon-]:before{float:left;font-size:40px;font-size:4rem;margin-right:15px}#top .feature .description{color:#2f3339}#top .feature .container:after{content:"";display:block;clear:both}#top .feature .img-area{float:left;width:50%}#top .feature .img-area img{width:500px}#top .feature .text-area{float:left;width:50%;padding-top:30px}#top #support img.clock{width:90px}#top #support ul:after{content:"";display:block;clear:both}#top #support ul{width:800px;margin:0 auto}#top #support li{float:left;padding:0 5px;width:25%}#top #support li label{display:block;width:100%;background:#1c4b79;color:#fff;font-size:16px;font-size:1.6rem;line-height:32px;line-height:3.2rem;margin-bottom:10px}#top #support li img{width:80px}#top #voice .slide:after{content:"";display:block;clear:both}#top #voice .slide{margin:0 auto}#top #voice .slide__item{float:left}#top #voice .slide__img{width:100%;margin-bottom:5px}#top #voice .slide__text{font-weight:600;color:#37474f;font-size:14px;font-size:1.4rem}#top #voice .slide__text .date{margin-top:3px;font-weight:500;color:#76838f}#top #voice .slide__link{display:block}#top #voice .slide__link:hover{opacity:.7}#top #security{overflow:hidden}#top #security ul.track:after{content:"";display:block;clear:both}#top #security ul.track{position:relative;width:1940px;height:300px;top:0;left:-134px;transition:all .3s ease-in-out}#top #security li.slide{cursor:pointer;position:relative;margin:0 15px;top:50px;float:left;width:200px;height:180px;border-radius:3px;background:#fff;color:#2f3339;padding:10px;transition:all .3s ease-in-out;box-shadow:10px 10px 10px rgba(0,0,0,.4);-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.4);-moz-box-shadow:10px 10px 10px rgba(0,0,0,.4)}#top #security li.slide label{display:block;font-size:13px;font-size:1.3rem;font-weight:600;margin-bottom:10px}#top #security li.slide img{height:60px;margin-bottom:10px}#top #security li.slide img.truste{height:20px;margin:15px 0 20px}#top #security li.slide img.eye{height:40px}#top #security li.slide p{text-align:left;font-size:8px;font-size:0.8rem;line-height:16px;line-height:1.6rem;font-weight:500}#top #security li.slide.active{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);margin:0 65px}#top #security ul.slide-nav li{margin:0 5px;display:inline-block;cursor:pointer}#top #security ul.slide-nav li [class*=" flaticon-"]:before,#top #security ul.slide-nav li [class^=flaticon-]:before{color:#fff}#top #price .prices{width:900px;margin:0 auto}#top #price .price-content{width:100%;height:300px;border:1px solid #1c4b79;border-radius:3px}#top #price .price-content .price-header{padding:15px 0;color:#fff;background:#1c4b79}#top #price .price-content .price-header h5{font-size:14px;font-size:1.4rem;font-weight:600}#top #price .price-content .price-header p{font-size:10px;font-size:1rem;font-weight:400}#top #price .price-content .price-body{padding:15px}#top #price .price-content .price-body .detail{height:150px;padding:30px 0;text-align:center}#top #price .price-content .price-body h5{font-size:18px;font-size:1.8rem;line-height:30px;line-height:3rem;font-weight:400}#top #price .price-content .price-body small{font-size:10px;font-size:1rem;line-height:14px;line-height:1.4rem}#top #price .price-content .price-body .button{display:block;margin-bottom:10px}#top #price .price-content .price-body ul.checklist{margin:20px 0;text-align:left}#top #price .price-content .price-body ul.checklist li{font-size:12px;font-size:1.2rem}#top #price .price-content .price-body ul.checklist li[class*=" flaticon-"]:before,#top #price .price-content .price-body ul.checklist li[class^=flaticon-]:before{margin-right:5px}#top #price #monthly-pay,#top #price #no-pay,#top #price #yearly-pay{color:#1c4b79}#top #vision{color:#fff}#top #vision h3{padding-bottom:40px;margin-bottom:40px;border-bottom:2px solid #1c4b79}#top #vision h4{font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:600;margin-bottom:20px}#top #vision .vision{font-size:13px;font-size:1.3rem;line-height:42px;line-height:4.2rem;letter-spacing:2.5px;letter-spacing:0.25rem;font-weight:400;opacity:.9}#top #register h2{font-size:28px;font-size:2.8rem;line-height:40px;line-height:4rem;letter-spacing:2.2px;letter-spacing:0.22rem;font-weight:200;color:#2f3339}#top #register img{width:300px}#top #register .register-button{width:400px;margin:0 auto}#top #register .register-button img.fuki{width:120px}#top .register-button{position:relative}#top .register-button img.fuki{z-index:2;position:absolute;top:-80px;left:-70px;width:120px}#top .register-button .fukidashi{z-index:3;position:absolute;top:-40px;left:-40px;color:#1c4b79;font-size:10px;font-size:1rem;letter-spacing:0.4px;letter-spacing:0.04rem;line-height:16px;line-height:1.6rem}#top .register-button .fukidashi strong{font-size:16px;font-size:1.6rem;font-weight:600}#top .register-button .button.start{z-index:1;display:inline-block;border-radius:30px;padding:0;height:60px;width:100%;font-size:26px;font-size:2.6rem;line-height:60px;line-height:6rem;font-weight:300}#top .register-button .download-button[class*=" flaticon-"]:before,#top .register-button .download-button[class^=flaticon-]:before{color:#fff;margin-left:5px}#top .register-button .download-button .button{margin-right:10px}#top #specialist .description{font-size:13px;font-size:1.3rem;line-height:42px;line-height:4.2rem;letter-spacing:2.5px;letter-spacing:0.25rem;font-weight:400;opacity:.9}.sp #top .container{padding:0 20px}.sp #top header{background:#f1f4f5;height:50px;width:100%;overflow:hidden}.sp #top header.open{height:110px}.sp #top header .container{height:50px}.sp #top header a{padding:0}.sp #top header a img{margin-top:10px}.sp #top header .wrap-menu-btn{position:absolute;top:18px;right:20px;z-index:1001}.sp #top header .wrap-menu-btn .menu-btn{position:relative;width:28px;height:25px;cursor:pointer}.sp #top header .wrap-menu-btn .menu-btn .line{position:absolute;width:28px;height:3px;background:#2f3339}.sp #top header .wrap-menu-btn .menu-btn .top{top:0;left:1px}.sp #top header .wrap-menu-btn .menu-btn .middle{top:7px;left:1px}.sp #top header .wrap-menu-btn .menu-btn .bottom{top:14px;left:1px}.sp #top header nav:after{content:"";display:block;clear:both}.sp #top header nav{height:0;padding:10px 0;overflow:hidden}.sp #top header nav li{float:right;padding:10px 20px;border-right:1px solid #2f3339;font-size:11px;font-size:1.1rem;line-height:20px;line-height:2rem;font-weight:500;color:#2f3339}.sp #top header nav li:first-child{border:none}.sp #top header.open nav{height:60px}.sp #top footer{position:relative;clear:both;width:100%;padding:40px 20px 30px;background-color:#2f3339;color:#fff}.sp #top footer img#footer-logo{width:105px;margin-bottom:20px}.sp #top footer .description{font-size:12px;font-size:1.2rem;line-height:24px;line-height:2.4rem;color:#fff;margin-bottom:40px}.sp #top footer .description strong{font-weight:400}.sp #top footer nav{margin-bottom:20px}.sp #top footer nav h3{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;letter-spacing:2px;letter-spacing:0.2rem;margin-bottom:15px}.sp #top footer nav a{display:block;font-size:11px;font-size:1.1rem;line-height:36px;line-height:3.6rem;letter-spacing:1.5px;letter-spacing:0.15rem;color:#fff}.sp #top #copyright{background:#22262c;padding:20px 0;text-align:center}.sp #top #copyright a{display:inline}.sp #top #copyright #copyright,.sp #top #copyright .copyright-text,.sp #top #copyright .copyright-text a{font-size:11px;font-size:1.1rem;letter-spacing:0.8px;letter-spacing:0.08rem;color:#fff}.sp #top h3{font-size:20px;font-size:2rem;line-height:30px;line-height:3rem;letter-spacing:1.5px;letter-spacing:0.15rem;font-weight:600}.sp #top .blue-bk{background-color:#1c4b79;color:#fff}.sp #top .color-bk{background-color:#f3f1e2;color:#1c4b79}.sp #top .white-bk{background-color:#fff;color:#2f3339}.sp #top .button.start{z-index:1;display:inline-block;border-radius:22px;padding:0;height:44px;width:320px;font-size:20px;font-size:2rem;line-height:44px;line-height:4.4rem;font-weight:400}.sp #top .register-time{color:#1c4b79;font-size:13px;font-size:1.3rem;letter-spacing:3px;letter-spacing:0.3rem;font-weight:400}.sp #top .register-time span{border-bottom:1px solid #1c4b79}.sp #top .register-time strong{padding:0 3px;font-size:16px;font-size:1.6rem;font-weight:600}.sp #top .header-container{margin-top:50px;width:100%;padding:30px 0;height:600px;background-image:none;background-color:#fff;border-bottom:2px solid #1c4b79}.sp #top .header-container h1{font-size:23px;font-size:2.3rem;line-height:42px;line-height:4.2rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:200;color:#2f3339}.sp #top .header-container img.logo-img{width:100px}.sp #top .header-container img.sp-main-img{width:300px;width:calc(100% - 20px)}.sp #top section{padding:0 20px}.sp #top section.feature{position:relative;padding-top:40px;padding-bottom:40px;border-bottom:2px solid #1c4b79;overflow:hidden}.sp #top section.feature h4:after{content:"";display:block;clear:both}.sp #top section.feature h4{height:32px;font-size:16px;font-size:1.6rem;line-height:32px;line-height:3.2rem;letter-spacing:2px;letter-spacing:0.2rem;text-decoration:underline;font-weight:600;color:#1c4b79;margin-bottom:20px}.sp #top section.feature h4[class*=" flaticon-"]:before,.sp #top section.feature h4[class^=flaticon-]:before{float:left;font-size:32px;font-size:3.2rem;margin-right:10px}.sp #top section.feature .img-area{position:absolute;top:80px;float:none;width:auto;z-index:1}.sp #top section.feature .img-area img{width:400px;opacity:.3}.sp #top section.feature .img-area.left{left:-100px}.sp #top section.feature .img-area.right{right:-100px}.sp #top section.feature .text-area{position:relative;float:none;padding:0;width:100%;font-size:13px;font-size:1.3rem;line-height:24px;line-height:2.4rem;letter-spacing:1.5px;letter-spacing:0.15rem;z-index:2}.sp #top section#support{padding-top:40px;padding-bottom:40px}.sp #top section#support img.clock{width:70px}.sp #top section#support ul:after{content:"";display:block;clear:both}.sp #top section#support ul{width:100%}.sp #top section#support ul li{width:33.33333%;padding:0}.sp #top section#support ul li label{font-size:11px;font-size:1.1rem;line-height:24px;line-height:2.4rem}.sp #top section#support ul li:nth-child(2){padding:0 5px}.sp #top section#support ul li img{width:60px}.sp #top section#security{padding-top:40px;padding-bottom:40px}.sp #top section#security ul.track{height:260px}.sp #top section#security li.slide{width:180px;height:160px}.sp #top section#security li.slide label{font-size:11px;font-size:1.1rem}.sp #top section#security li.slide p{font-size:8px;font-size:0.8rem;line-height:14px;line-height:1.4rem}.sp #top section#security li.slide img{height:50px;margin-bottom:10px}.sp #top section#security li.slide img.truste{height:15px;margin:10px 0 15px}.sp #top section#security li.slide img.eye{height:40px}.sp #top section#security ul.slide-nav li [class*=" flaticon-"]:before,.sp #top section#security ul.slide-nav li [class^=flaticon-]:before{font-size:10px;font-size:1rem}.sp #top section#customer{padding-top:40px;padding-bottom:40px}.sp #top section#customer ul li{width:50%}.sp #top section#vision{padding-top:40px;padding-bottom:40px;color:#fff}.sp #top section#vision h3{padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #fff}.sp #top section#vision h4{font-weight:400}.sp #top section#vision h4,.sp #top section#vision p.vision{font-size:13px;font-size:1.3rem;line-height:24px;line-height:2.4rem;letter-spacing:1.5px;letter-spacing:0.15rem}.sp #top section#vision p.vision{text-align:left}.sp #top section#register{padding-top:40px;padding-bottom:40px}.sp #top section#register h2{font-size:23px;font-size:2.3rem;line-height:42px;line-height:4.2rem;letter-spacing:2px;letter-spacing:0.2rem}#login{width:100%;height:100%;background-repeat:no-repeat;background-position:bottom;background-size:cover;background-image:url(https://prd-gozal.s3-ap-northeast-1.amazonaws.com/static/login/login.png);overflow:scroll}#login .overlay{width:100%;height:100%;background-color:rgba(28,36,41,.3)}#login .content{width:460px;padding:30px;margin:0 auto}#login .content .login-box{border-radius:6px;text-align:center;padding:30px 20px;background:hsla(0,0%,100%,.3)}#login .content .login-box .wrap-logo{margin-bottom:20px}#login .content .login-box .wrap-logo img{height:30px}#login .content .login-box .check{text-align:left;color:#fff;margin-bottom:20px}#login .content .login-box .check .checkbox-custom{color:#fff}#login .content .login-box .button{margin-bottom:20px;text-decoration:none}#login .content .login-box a{cursor:pointer;color:#fff;text-decoration:underline}#login .content .login-box a.button{color:#fff;display:block}#login .content .login-box p{font-size:13px;font-size:1.3rem;color:#fff}#login .content .login-box h3{color:#fff;font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;letter-spacing:1.5px;letter-spacing:0.15rem;font-weight:400;border-bottom:1px solid hsla(0,0%,100%,.7);padding-bottom:5px;margin-bottom:10px}dashboard{display:block;min-width:1085px;height:100%}dashboard .box{padding:25px}dashboard .box .box-header:after{content:"";display:block}dashboard .box .box-header:after,dashboard .box .box-header:before{content:" ";display:table}dashboard .box .box-header:after{clear:both}dashboard .box .box-header{width:100%;height:40px;line-height:36px;line-height:3.6rem;zoom:1}dashboard .box .box-header search-employee{float:right}dashboard .box .box-header p{display:inline-block;margin:0 0 0 8px}dashboard .box .button-area .button{margin-right:10px}dashboard select-employee-type{display:inline-block}select-attendance-month{display:inline-block;height:36px;border-radius:3px}select-attendance-month select{width:280px;padding:8px 12px;letter-spacing:1.3px;letter-spacing:0.13rem}employee-type,select-employee-type{display:block}attendance-employee-list{display:block;position:relative}attendance-employee-list all-check{width:40px;float:left}attendance-employee-list .list-header{min-width:1100px}attendance-employee-list .list-header .fixed{position:absolute;top:15px;left:0;padding-left:20px;background:#f3f7f9}attendance-employee-list .list-header .fixed .list-header-title:last-child{width:120px}attendance-employee-list .list-header .fixed+.list-header-title{margin-left:420px}attendance-employee-list .list-header .list-header-title{width:120px}attendance-employee-list .list-body{padding-bottom:30px}attendance-employee-list .list-body .fixed-border{position:absolute;top:0;left:420px;width:1px;height:100%;height:calc(100% - 36px);background:#e4eaec}attendance-employee-list .list-body attendance-employee:after{content:"";display:block;clear:both}attendance-employee-list .list-body attendance-employee .fixed{position:absolute;left:0;padding-left:20px;background:#fff}attendance-employee-list .list-body attendance-employee .fixed .list-val:last-child{width:120px}attendance-employee-list .list-body attendance-employee .fixed+.list-val{margin-left:420px}attendance-employee-list .list-body attendance-employee .list-val{width:120px}attendance-employee-list .list-body attendance-employee .list-val span{display:inline-block;overflow:hidden;height:24px;width:100%}attendance-employee-list .list-body attendance-employee .list-val.name span{width:80px}attendance-employee-list .list-body attendance-employee .dropdown,attendance-employee-list .list-body attendance-employee .list-val [class*=" flaticon-"],attendance-employee-list .list-body attendance-employee .list-val [class^=flaticon-]{float:right}attendance-employee-list .list-body attendance-employee:first-child .fixed{top:69px}attendance-employee-list .list-body attendance-employee:nth-child(2) .fixed{top:123px}attendance-employee-list .list-body attendance-employee:nth-child(3) .fixed{top:177px}attendance-employee-list .more-employee{position:absolute;left:0;width:100%;height:30px;line-height:30px;text-align:center;border-top:1px solid #e4eaec;background:#f3f7f9;cursor:pointer}employee-dashboard{display:block;width:100%;height:100%}employee-dashboard .box{padding:25px}employee-dashboard .box .working-time:after{content:"";display:block;clear:both}employee-dashboard .box .working-time label{float:right;line-height:24px;line-height:2.4rem;margin-right:20px}employee-dashboard .box .working-time h5{float:right;font-size:24px;font-size:2.4rem;line-height:24px;line-height:2.4rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:700;color:#37474f}employee-dashboard slack-connect{display:block;margin:20px auto 0;padding-top:20px;border-top:1px solid #e4eaec}employee-dashboard slack-connect .slack-connect{height:40px;margin:0 auto;text-align:center}employee-dashboard slack-connect .slack-connect button[type=button]{position:relative;width:200px;height:40px;border:2px solid #e4eaec;border-radius:3px}employee-dashboard slack-connect .label{font-size:14px;font-weight:700;color:#37474f;display:inline-block;height:36px;line-height:36px;position:relative;left:-11px;bottom:-1px}employee-dashboard slack-connect .trim{position:absolute;top:0;right:15px;overflow:hidden;height:36px}employee-dashboard slack-connect .trim img{height:100%;width:auto}employee-dashboard slack-connect .token{position:relative;margin:0 auto;width:200px;border:2px solid #e4eaec;border-radius:3px;height:40px}employee-dashboard slack-connect .token input[type=text]{border:none;width:80%;padding:8px 4px}employee-dashboard slack-connect .token .copy{display:inline-block;cursor:pointer;vertical-align:middle;margin:2px 0 0}employee-dashboard slack-connect .token #slack-tooltip{display:none;position:absolute;top:-32px;text-align:center;width:100%}clocking,record-today-attendance{display:block}clocking .working-time,record-today-attendance .working-time{padding:30px 0;margin:0 auto;width:200px}clocking .button-area button,record-today-attendance .button-area button{display:block;margin:0 auto;width:200px}.clock{text-align:center;height:60px;color:#37474f;margin-bottom:22px}.clock h4{display:inline-block;font-size:60px;font-size:6rem;line-height:60px;line-height:6rem;letter-spacing:4px;letter-spacing:0.4rem;font-weight:700}.clock .second{display:inline-block;font-size:20px;font-size:2rem;line-height:20px;line-height:2rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:600}.employee-attendance-book,display-monthly-attendance{display:block;height:calc(100% - 125px)}.employee-attendance-book .wrap-list,display-monthly-attendance .wrap-list{height:100%}.employee-attendance-book .list-header,display-monthly-attendance .list-header{width:1260px}.employee-attendance-book .list-body,display-monthly-attendance .list-body{height:calc(100% - 54px);overflow-x:hidden;width:1260px}.employee-attendance-book .total-working-time,display-monthly-attendance .total-working-time{font-size:20px;font-size:2rem}.employee-attendance-book .total-working-time a,display-monthly-attendance .total-working-time a{font-size:13px;font-size:1.3rem}.employee-attendance-book .select-date:after,display-monthly-attendance .select-date:after{content:"";display:block;clear:both}.employee-attendance-book .select-date .unit,.employee-attendance-book .select-date select-month,display-monthly-attendance .select-date .unit,display-monthly-attendance .select-date select-month{float:left}.dialog,attendance-summation,edit-company-dialog,edit-employee-dialog,edit-setting-dialog,employee-dialog{display:block}.dialog .box,edit-company-dialog .box,edit-employee-dialog .box,edit-setting-dialog .box,employee-dialog .box{padding:25px 15px}term-nav:after{content:"";display:block;clear:both}term-nav{display:inline-block;height:30px;font-size:18px;font-size:1.8rem;line-height:30px;line-height:3rem;letter-spacing:3px;letter-spacing:0.3rem;font-weight:600;color:#37474f}nencho-employee-nav title,nencho-year-nav title,term-nav .title{display:inline-block;height:30px;float:left;margin:0 10px}nencho-employee-nav title,nencho-year-nav title{width:auto}term-nav next-arrow,term-nav prev-arrow{margin-top:-2px}nencho-employee-nav a,nencho-year-nav a{display:inline-block;height:30px;line-height:30px;float:left}term-nav next-arrow [class^=flaticon-]:before,term-nav prev-arrow [class^=flaticon-]:before{color:#37474f}employee-nav{display:block}employee-nav select-list select{width:400px}add-employee-dialog{display:block}add-employee-dialog .wrap-step .step{width:10%}add-employee-dialog .wrap-step .step .step-title{color:#37474f}add-employee-dialog .wrap-step .step:after,add-employee-dialog .wrap-step .step:before{background-color:silver}add-employee-dialog .box{position:relative;padding-top:50px!important}add-employee-dialog .box .next-step{position:absolute;top:25px;right:25px;cursor:pointer}add-employee-dialog .box .next-step [class*=" flaticon-"]:before,add-employee-dialog .box .next-step [class^=flaticon-]:before{font-size:10px;font-size:1rem;margin-right:3px}add-employee-dialog .box employee-dependent-forms .add-dependent{position:relative;display:inline-block;top:0;left:0;margin-left:10px;margin-bottom:10px}edit-employee-dialog{display:block}edit-employee-dialog .invite-employee-button{position:absolute;top:-6px;left:370px}edit-employee-dialog .edit-enrollment-button{position:absolute;top:-6px;left:220px}edit-employee-dialog textarea{resize:vertical;height:auto;min-height:80px}.hire-edit-popup-viewer .form .wrap-form,.hire-edit-popup-viewer form .wrap-form{margin-bottom:10px}.history-fixed-salary dt-body-row dt-cell:nth-of-type(3),.history-fixed-salary dt-header dt-header-cell:nth-of-type(3){text-align:right}.header-nav-dialog,.payroll-dialog,bonus-statement-board,employee-bonus-statement,salary-statement{display:block}.header-nav-dialog .box-header,.payroll-dialog .box-header,bonus-statement-board .box-header,employee-bonus-statement .box-header,salary-statement .box-header{margin-bottom:30px}.header-nav-dialog .box-header .box-header-inner,.payroll-dialog .box-header .box-header-inner,bonus-statement-board .box-header .box-header-inner,employee-bonus-statement .box-header .box-header-inner,salary-statement .box-header .box-header-inner{position:relative;padding:5px 0 25px;border-bottom:1px solid #e4eaec}.header-nav-dialog .box-header .box-header-inner .term,.payroll-dialog .box-header .box-header-inner .term,bonus-statement-board .box-header .box-header-inner .term,employee-bonus-statement .box-header .box-header-inner .term,salary-statement .box-header .box-header-inner .term{position:absolute;top:5px;right:0;font-size:18px;font-size:1.8rem;line-height:30px;line-height:3rem;letter-spacing:2px;letter-spacing:0.2rem;color:#76838f}.header-nav-dialog .box-body employee-attendance-month,.header-nav-dialog .box-body monthly-attendance,.payroll-dialog .box-body employee-attendance-month,.payroll-dialog .box-body monthly-attendance,bonus-statement-board .box-body employee-attendance-month,bonus-statement-board .box-body monthly-attendance,confirm-attendance,employee-attendance-form,employee-attendance-today-form,employee-bonus-statement .box-body employee-attendance-month,employee-bonus-statement .box-body monthly-attendance,salary-statement .box-body employee-attendance-month,salary-statement .box-body monthly-attendance{display:block}confirm-attendance .box,employee-attendance-form .box,employee-attendance-today-form .box{padding:25px 15px}confirm-attendance .box-body h3,employee-attendance-form .box-body h3,employee-attendance-today-form .box-body h3{color:#37474f;height:24px;margin:0 10px 16px;font-size:24px;font-weight:700}confirm-attendance .box-body .summation,employee-attendance-form .box-body .summation,employee-attendance-today-form .box-body .summation{margin-top:24px}monthly-attendance .list-header{min-width:1260px}monthly-attendance .list-header .list-header-title{width:115px}monthly-attendance .list-header .list-header-title.day{width:95px}monthly-attendance .list-header .list-header-title.shift{width:160px}monthly-attendance .list-header .list-header-title.button-area{width:120px}monthly-attendance .list-body{min-width:1260px}monthly-attendance .list-body .list{cursor:pointer}monthly-attendance .list-body .list:hover{background:#f5fafc}monthly-attendance .list-body .list--alert .list:hover{background:rgba(218,93,98,.07)}monthly-attendance .list-body .list-val{width:115px;overflow:hidden}monthly-attendance .list-body .list-val.day{width:95px}monthly-attendance .list-body .list-val.shift{width:160px;height:24px}monthly-attendance .list-body .list-val.shift .name{display:inline-block;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}monthly-attendance .list-body .list-val.shift i{height:24px;display:inline-block;overflow:hidden}monthly-attendance .list-body .list-val.button-area{width:180px;padding-right:0}monthly-attendance .list-body .list-val.button-area .button{margin-right:10px}monthly-attendance .list-body .list-val.shift{position:relative}monthly-attendance .list-body .list-val.shift:hover i:after{position:absolute;top:0;right:0;bottom:0;left:0;margin-right:20px;background:#00b7ff0d;content:""}.payroll-sum{display:block}.payroll-sum ul{float:right;width:300px}.payroll-sum ul li{text-align:right;font-size:13px;font-size:1.3rem;line-height:32px;line-height:3.2rem;letter-spacing:2px;letter-spacing:0.2rem}.payroll-sum .sum{text-align:right;padding:15px 0;font-weight:600;font-size:24px;font-size:2.4rem;line-height:36px;line-height:3.6rem;letter-spacing:2.5px;letter-spacing:0.25rem;border-bottom:1px solid #e4eaec}.payroll-sum .button-area{text-align:right;margin:25px 0}.payroll-sum .nav-area{text-align:right}.payroll-sum .nav-area employee-nav{display:inline-block}confirm-attendance .payroll-sum ul,employee-attendance-form .payroll-sum ul,employee-pay-statement .payroll-sum ul{border-bottom:1px solid #e4eaec}attendance-editor,edit-attendance-popup,edit-shift-pattern-popup,employee-attendance-popup-form{display:block}attendance-editor .popup-content,edit-attendance-popup .popup-content,edit-shift-pattern-popup .popup-content,employee-attendance-popup-form .popup-content{width:600px}attendance-editor .radio,edit-attendance-popup .radio,edit-shift-pattern-popup .radio,employee-attendance-popup-form .radio{float:left}attendance-editor .radio.shift,edit-attendance-popup .radio.shift,edit-shift-pattern-popup .radio.shift,employee-attendance-popup-form .radio.shift{width:70px}attendance-editor .radio.vacation,edit-attendance-popup .radio.vacation,edit-shift-pattern-popup .radio.vacation,employee-attendance-popup-form .radio.vacation{width:130px}attendance-editor .rest-header:after,edit-attendance-popup .rest-header:after,edit-shift-pattern-popup .rest-header:after,employee-attendance-popup-form .rest-header:after{content:"";display:block;clear:both}attendance-editor .rest-header h5,edit-attendance-popup .rest-header h5,edit-shift-pattern-popup .rest-header h5,employee-attendance-popup-form .rest-header h5{float:left;line-height:30px}attendance-editor .col-auto.plus,edit-attendance-popup .col-auto.plus,edit-shift-pattern-popup .col-auto.plus,employee-attendance-popup-form .col-auto.plus{float:left;margin-right:5px;width:30px;height:30px;line-height:30px;font-size:13px;font-size:1.3rem;background-color:#fff;border:1px solid #e4eaec;border-radius:3px;text-align:center;cursor:pointer}attendance-editor .col-auto.plus:hover,edit-attendance-popup .col-auto.plus:hover,edit-shift-pattern-popup .col-auto.plus:hover,employee-attendance-popup-form .col-auto.plus:hover{background:#f5fafc}attendance-editor .remove,edit-attendance-popup .remove,edit-shift-pattern-popup .remove,employee-attendance-popup-form .remove{float:left;line-height:30px;margin-left:5px;color:#c93e3e;cursor:pointer}attendance-editor .remove[class*=" flaticon-"]:before,attendance-editor .remove[class^=flaticon-]:before,edit-attendance-popup .remove[class*=" flaticon-"]:before,edit-attendance-popup .remove[class^=flaticon-]:before,edit-shift-pattern-popup .remove[class*=" flaticon-"]:before,edit-shift-pattern-popup .remove[class^=flaticon-]:before,employee-attendance-popup-form .remove[class*=" flaticon-"]:before,employee-attendance-popup-form .remove[class^=flaticon-]:before{font-size:13px;font-size:1.3rem}attendance-editor .check,edit-attendance-popup .check,edit-shift-pattern-popup .check,employee-attendance-popup-form .check{width:70px!important}attendance-editor .early-time,attendance-editor .late-time,edit-attendance-popup .early-time,edit-attendance-popup .late-time,edit-shift-pattern-popup .early-time,edit-shift-pattern-popup .late-time,employee-attendance-popup-form .early-time,employee-attendance-popup-form .late-time{display:inline-block;width:80px}attendance-editor button-delete .delete,edit-attendance-popup button-delete .delete,edit-shift-pattern-popup button-delete .delete,employee-attendance-popup-form button-delete .delete{margin-left:5px;line-height:30px}attendance-editor .ymd-form,edit-attendance-popup .ymd-form,edit-shift-pattern-popup .ymd-form,employee-attendance-popup-form .ymd-form{float:left;width:165px}attendance-editor .ymd-form__partition,edit-attendance-popup .ymd-form__partition,edit-shift-pattern-popup .ymd-form__partition,employee-attendance-popup-form .ymd-form__partition{float:left;line-height:36px;line-height:3.6rem;margin-top:36px;margin-left:20px;margin-right:20px}attendance-editor .not-working-type,edit-attendance-popup .not-working-type,edit-shift-pattern-popup .not-working-type,employee-attendance-popup-form .not-working-type{float:left;margin-left:10px;padding-top:36px}attendance-editor .comment-area,edit-attendance-popup .comment-area,edit-shift-pattern-popup .comment-area,employee-attendance-popup-form .comment-area{margin-top:25px}attendance-editor .comment-area li,edit-attendance-popup .comment-area li,edit-shift-pattern-popup .comment-area li,employee-attendance-popup-form .comment-area li{padding:15px 10px}attendance-editor .comment-area li:first-child,edit-attendance-popup .comment-area li:first-child,edit-shift-pattern-popup .comment-area li:first-child,employee-attendance-popup-form .comment-area li:first-child{border-top:1px solid #e4eaec}attendance-editor .comment-area li:not(:last-child),edit-attendance-popup .comment-area li:not(:last-child),edit-shift-pattern-popup .comment-area li:not(:last-child),employee-attendance-popup-form .comment-area li:not(:last-child){border-bottom:1px solid #e4eaec}attendance-editor .comment__meta:after,edit-attendance-popup .comment__meta:after,edit-shift-pattern-popup .comment__meta:after,employee-attendance-popup-form .comment__meta:after{content:"";display:block;clear:both}attendance-editor .comment__meta,edit-attendance-popup .comment__meta,edit-shift-pattern-popup .comment__meta,employee-attendance-popup-form .comment__meta{margin-bottom:5px}attendance-editor .comment__name,edit-attendance-popup .comment__name,edit-shift-pattern-popup .comment__name,employee-attendance-popup-form .comment__name{float:left;font-size:14px;font-size:1.4rem;color:#37474f;font-weight:500}attendance-editor .comment__time,edit-attendance-popup .comment__time,edit-shift-pattern-popup .comment__time,employee-attendance-popup-form .comment__time{float:right;font-size:12px;font-size:1.2rem;color:#a3afb7;font-weight:300}edit-shift-pattern-popup .ymd-form__partition{margin-top:0}select.working-condition{margin-top:-3px;width:120px;height:26px;line-height:16px;line-height:1.6rem;padding:5px 10px}.selected-vacations,.selected-working-conditions{text-overflow:ellipsis;margin-bottom:10px}.selected-vacations label,.selected-working-conditions label{float:left;display:inline-block;background:#1c4b79;color:#fff;font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem;padding:0 7px 0 10px;border-radius:3px;margin-right:10px}.selected-vacations label .remove-condition,.selected-vacations label .remove-vacation,.selected-working-conditions label .remove-condition,.selected-working-conditions label .remove-vacation{font-size:8px;font-size:0.8rem;line-height:20px;line-height:2rem;cursor:pointer;opacity:.7}.selected-vacations select,.selected-working-conditions select{float:left;margin-top:-3px;width:120px;height:26px;line-height:16px;line-height:1.6rem;padding:5px 10px}employee-today-attendance-form{display:block}employee-today-attendance-form .list-header{min-width:1000px}employee-today-attendance-form .list-header .list-header-title{width:125px}employee-today-attendance-form .list-header .list-header-title.shift{width:100px}employee-today-attendance-form .list-body .list{cursor:pointer}employee-today-attendance-form .list-body .list:hover{background:#f5fafc}employee-today-attendance-form .list-body .list-val{width:125px}employee-today-attendance-form .list-body .list-val.shift{width:100px}salary-settlement-dialog{display:block}salary-settlement-dialog .box{padding:25px 15px}salary-settlement-dialog .box h3{color:#37474f;font-weight:500;margin-bottom:5px}salary-settlement-dialog .payment-items-sum{margin-top:10px;text-align:right}salary-settlement-dialog .payment-sum{margin-top:10px;padding-top:10px;width:300px;float:right;border-top:1px solid #e4eaec;font-weight:500;font-size:22px;font-size:2.2rem;line-height:32px;line-height:3.2rem;letter-spacing:2px;letter-spacing:0.2rem;text-align:right}salary-settlement-dialog .table [class*=" flaticon-"]:before,salary-settlement-dialog .table [class^=flaticon-]:before{cursor:pointer;font-size:10px;font-size:1rem;color:#76838f}salary-settlement-dialog .table input[type=number],salary-settlement-dialog .table input[type=text]{padding:4px 10px;height:23px;line-height:15px;line-height:1.5rem;width:100%;margin-bottom:5px}bonus-statement-board,employee-bonus-statement,salary-statement{display:block;color:#37474f}bonus-statement-board .box,employee-bonus-statement .box,salary-statement .box{padding:30px 25px!important}bonus-statement-board .browse-restricted,employee-bonus-statement .browse-restricted,salary-statement .browse-restricted{text-align:center;padding:10px;background:#c93e3e;color:#fff;opacity:.8}bonus-statement-board h1,employee-bonus-statement h1,salary-statement h1{font-weight:800;font-size:24px;font-size:2.4rem;line-height:30px;line-height:3rem;letter-spacing:2px;letter-spacing:0.2rem}bonus-statement-board table,employee-bonus-statement table,salary-statement table{width:100%;border:1px solid #e4eaec;border-collapse:collapse}bonus-statement-board table td,bonus-statement-board table th,employee-bonus-statement table td,employee-bonus-statement table th,salary-statement table td,salary-statement table th{text-align:center;border:1px solid #e4eaec;padding:10px 0}bonus-statement-board table th,employee-bonus-statement table th,salary-statement table th{font-weight:500}bonus-statement-board .unit,employee-bonus-statement .unit,salary-statement .unit{text-align:right;font-size:12px;font-size:1.2rem}bonus-statement-board .regulations table td,bonus-statement-board .regulations table th,employee-bonus-statement .regulations table td,employee-bonus-statement .regulations table th,salary-statement .regulations table td,salary-statement .regulations table th{width:16.6666667%}bonus-statement-board .attendance-days table td,bonus-statement-board .attendance-days table th,bonus-statement-board .attendance-times table.first td,bonus-statement-board .attendance-times table.first th,bonus-statement-board .attendance-times table.second td,bonus-statement-board .attendance-times table.second th,employee-bonus-statement .attendance-days table td,employee-bonus-statement .attendance-days table th,employee-bonus-statement .attendance-times table.first td,employee-bonus-statement .attendance-times table.first th,employee-bonus-statement .attendance-times table.second td,employee-bonus-statement .attendance-times table.second th,salary-statement .attendance-days table td,salary-statement .attendance-days table th,salary-statement .attendance-times table.first td,salary-statement .attendance-times table.first th,salary-statement .attendance-times table.second td,salary-statement .attendance-times table.second th{width:8.3333334%}bonus-statement-board .deduction ul,bonus-statement-board .other ul,bonus-statement-board .payment ul,employee-bonus-statement .deduction ul,employee-bonus-statement .other ul,employee-bonus-statement .payment ul,salary-statement .deduction ul,salary-statement .other ul,salary-statement .payment ul{border:1px solid #e4eaec}bonus-statement-board .deduction li.title,bonus-statement-board .other li.title,bonus-statement-board .payment li.title,employee-bonus-statement .deduction li.title,employee-bonus-statement .other li.title,employee-bonus-statement .payment li.title,salary-statement .deduction li.title,salary-statement .other li.title,salary-statement .payment li.title{font-weight:600;font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;letter-spacing:2px;letter-spacing:0.2rem;text-align:center;border-bottom:1px solid #e4eaec}bonus-statement-board .deduction li,bonus-statement-board .other li,bonus-statement-board .payment li,employee-bonus-statement .deduction li,employee-bonus-statement .other li,employee-bonus-statement .payment li,salary-statement .deduction li,salary-statement .other li,salary-statement .payment li{padding:15px}bonus-statement-board .deduction li tag,bonus-statement-board .other li tag,bonus-statement-board .payment li tag,employee-bonus-statement .deduction li tag,employee-bonus-statement .other li tag,employee-bonus-statement .payment li tag,salary-statement .deduction li tag,salary-statement .other li tag,salary-statement .payment li tag{font-weight:500}bonus-statement-board .deduction li val,bonus-statement-board .other li val,bonus-statement-board .payment li val,employee-bonus-statement .deduction li val,employee-bonus-statement .other li val,employee-bonus-statement .payment li val,salary-statement .deduction li val,salary-statement .other li val,salary-statement .payment li val{text-align:right}bonus-statement-board .deduction li.sum,bonus-statement-board .other li.sum,bonus-statement-board .payment li.sum,employee-bonus-statement .deduction li.sum,employee-bonus-statement .other li.sum,employee-bonus-statement .payment li.sum,salary-statement .deduction li.sum,salary-statement .other li.sum,salary-statement .payment li.sum{border-top:1px solid #e4eaec;padding:20px 15px}bonus-statement-board .payment-content,employee-bonus-statement .payment-content,salary-statement .payment-content{position:relative;padding-bottom:90px}bonus-statement-board .payment-content .net-payment-amount,employee-bonus-statement .payment-content .net-payment-amount,salary-statement .payment-content .net-payment-amount{position:absolute;right:0;bottom:0;border:1px solid #37474f;text-align:center;padding:15px 30px 20px}bonus-statement-board .payment-content .net-payment-amount tag,employee-bonus-statement .payment-content .net-payment-amount tag,salary-statement .payment-content .net-payment-amount tag{display:block;font-weight:500;font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;letter-spacing:2px;letter-spacing:0.2rem;margin-bottom:10px}bonus-statement-board .payment-content .net-payment-amount .value:after,employee-bonus-statement .payment-content .net-payment-amount .value:after,salary-statement .payment-content .net-payment-amount .value:after{content:"";display:block;clear:both}bonus-statement-board .payment-content .net-payment-amount .value,employee-bonus-statement .payment-content .net-payment-amount .value,salary-statement .payment-content .net-payment-amount .value{font-weight:800;font-size:20px;font-size:2rem;line-height:20px;line-height:2rem;letter-spacing:2px;letter-spacing:0.2rem}bonus-statement-board .payment-content .net-payment-amount .value unit,employee-bonus-statement .payment-content .net-payment-amount .value unit,salary-statement .payment-content .net-payment-amount .value unit{float:left}bonus-statement-board .payment-content .net-payment-amount .value val,employee-bonus-statement .payment-content .net-payment-amount .value val,salary-statement .payment-content .net-payment-amount .value val{float:right}bonus-statement-board li.title,bonus-statement-board th,employee-bonus-statement li.title,employee-bonus-statement th,salary-statement li.title,salary-statement th{background-color:#f1f4f5}transfer-dialog{display:block}transfer-dialog .box{padding:25px 15px}transfer-dialog .box .list-header{min-width:1200px}transfer-dialog .box .list-header .list-header-title{width:150px}transfer-dialog .box .list-header .list-header-title.button-area{width:120px}transfer-dialog .box .list-body .list-val{width:150px}transfer-dialog .box .list-body .list-val.button-area{width:120px;padding-right:0}transfer-dialog .box .list-body .list-val.button-area .button{margin-right:10px}transfer-dialog .box .list-body .list-val employee-thumb{position:relative;top:6px;margin-right:5px}employee-pay-statement{display:block}employee-pay-statement .box{padding:25px 15px}employee-pay-statement .box .list-header{min-width:1200px}employee-pay-statement .box .list-body .list-val,employee-pay-statement .box .list-header .list-header-title,employee-pay-statement .box .list-header .list-header-title.button-area{width:150px}employee-pay-statement .box .list-body .list-val input{height:24px;width:100px}employee-pay-statement .box .list-body .list-val.button-area{width:150px;padding-right:0}employee-pay-statement .box .list-body .list-val.button-area .button{margin-right:10px}#send-pay-statement{width:500px}#send-pay-statement textarea{height:100px}#pay-statement-item{width:600px}.nav-area{text-align:right}.nav-area employee-nav{display:inline-block}attendance-summation .table-striped tbody tr.isDifferent{background-color:rgba(218,93,98,.2)}attendance-summation .value{text-align:right}edit-permission-dialog{display:block}edit-permission-dialog .box{padding:25px 15px}edit-permission-dialog .box .list-header{min-width:1200px}edit-permission-dialog .box .list-header .list-header-title{width:200px}edit-permission-dialog .box .list-header .list-header-title.name{width:240px}edit-permission-dialog .box .list-header .list-header-title.permission{width:320px}edit-permission-dialog .box .wrap-list{padding:0 10px}edit-permission-dialog .box .list-body .list-val{width:200px}edit-permission-dialog .box .list-body .list-val.name{width:240px}edit-permission-dialog .box .list-body .list-val.permission{width:320px}edit-permission-dialog .box .list-body .list-val employee-thumb{height:24px}daily-attendance .list:after{content:"";display:block;clear:both}daily-attendance .list-val{float:left}daily-attendance.highlight-date .list{background:rgba(0,0,0,.05)}attendance-condition .many .tooltip__contents{width:200px;word-wrap:break-word;white-space:pre-wrap}attendance-comments,attendance-history,attendance-history-popup,not-working-history,not-working-records,trigger-execution-history-popup{display:block}attendance-comments .wrap-history .history-content,attendance-history-popup .wrap-history .history-content,attendance-history .wrap-history .history-content,not-working-history .wrap-history .history-content,not-working-records .wrap-history .history-content,trigger-execution-history-popup .wrap-history .history-content{position:relative;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e4eaec}attendance-comments .wrap-history .history-content h5,attendance-history-popup .wrap-history .history-content h5,attendance-history .wrap-history .history-content h5,not-working-history .wrap-history .history-content h5,not-working-records .wrap-history .history-content h5,trigger-execution-history-popup .wrap-history .history-content h5{font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem;letter-spacing:2.3px;letter-spacing:0.23rem;font-weight:600;color:#37474f;margin-bottom:10px}attendance-comments .wrap-history .history-content .editor,attendance-history-popup .wrap-history .history-content .editor,attendance-history .wrap-history .history-content .editor,not-working-history .wrap-history .history-content .editor,not-working-records .wrap-history .history-content .editor,trigger-execution-history-popup .wrap-history .history-content .editor{letter-spacing:2px;letter-spacing:0.2rem}attendance-comments .wrap-history .history-content .edit-date,attendance-history-popup .wrap-history .history-content .edit-date,attendance-history .wrap-history .history-content .edit-date,not-working-history .wrap-history .history-content .edit-date,not-working-records .wrap-history .history-content .edit-date,trigger-execution-history-popup .wrap-history .history-content .edit-date{position:absolute;right:0;bottom:15px}attendance-comments .content{color:#37474f;font-weight:500;margin-bottom:10px;white-space:pre-wrap}working-day-popup h5{font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem;letter-spacing:2.3px;letter-spacing:0.23rem;font-weight:600;color:#37474f;margin-bottom:10px}#search-employee-for-clocking{width:400px;max-width:100%;margin-bottom:20px}company-clocking-board autocomplete .input-group ul.selected-items{max-height:650px}vacation-board .box{min-width:960px}.vacation-rule-table .data-table{table-layout:auto}.vacation-records dt-body-row:last-child dt-cell{border-top:1px solid #e4eaec;font-size:13px;font-size:1.3rem;line-height:24px;line-height:2.4rem;color:#37474f;font-weight:500}.employee-vacation-table dt-cell:nth-child(2),.employee-vacation-table dt-cell:nth-child(3),.employee-vacation-table dt-cell:nth-child(4),.employee-vacation-table dt-cell:nth-child(5),.employee-vacation-table dt-cell:nth-child(6),.employee-vacation-table dt-header-cell:nth-child(2),.employee-vacation-table dt-header-cell:nth-child(3),.employee-vacation-table dt-header-cell:nth-child(4),.employee-vacation-table dt-header-cell:nth-child(5),.employee-vacation-table dt-header-cell:nth-child(6),.vacation-records dt-cell:nth-child(2),.vacation-records dt-cell:nth-child(3),.vacation-records dt-cell:nth-child(4),.vacation-records dt-cell:nth-child(5),.vacation-records dt-cell:nth-child(6),.vacation-records dt-header-cell:nth-child(2),.vacation-records dt-header-cell:nth-child(3),.vacation-records dt-header-cell:nth-child(4),.vacation-records dt-header-cell:nth-child(5),.vacation-records dt-header-cell:nth-child(6){text-align:right}.vacation-days-form input[type=number]{width:100px}.vacation-days-form select-ymd,.vacation-days-form text-field{display:block;margin-bottom:20px}.vacation-records dt-body-row.planning{opacity:.5}.vacation-records dt-body-row.expired{background-color:#f3f7f9;opacity:.5}my-vacation-board .box,vacation-board .box{padding:25px}my-vacation-board .employee-vacation-title,vacation-balance .employee-vacation-title{font-size:24px;font-size:2.4rem;line-height:36px;line-height:3.6rem;color:#37474f;font-weight:700;margin-bottom:5px}my-vacation-board .employee-vacation-sub,vacation-balance .employee-vacation-sub{font-size:14px;font-size:1.4rem;color:#37474f;font-weight:400;margin-bottom:20px}my-vacation-board .result-days,vacation-balance .result-days{float:left;text-align:center;padding:10px 15px;color:#37474f}my-vacation-board .result-days:first-child,vacation-balance .result-days:first-child{padding-left:0}my-vacation-board .result-days__lable,vacation-balance .result-days__lable{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;font-weight:500}my-vacation-board .result-days__value,vacation-balance .result-days__value{font-size:36px;font-size:3.6rem;line-height:40px;line-height:4rem;font-weight:800}my-vacation-board .result-days__unit,my-vacation-board .result-hours__value,vacation-balance .result-days__unit,vacation-balance .result-hours__value{font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;font-weight:500}my-vacation-board .result-days__operator,vacation-balance .result-days__operator{padding-top:30px;font-size:30px;font-size:3rem;line-height:40px;line-height:4rem;font-weight:800;color:#76838f}my-vacation-board .result-days-remains,vacation-balance .result-days-remains{border-radius:3px;border:1px solid #e4eaec;color:#2a72b7}my-vacation-board .dialog-viewer,vacation-board .dialog-viewer{background-color:#fff}my-vacation-board .dialog-viewer title,vacation-board .dialog-viewer title{text-align:center;margin-bottom:30px}my-vacation-board .vacation-button-area,vacation-board .vacation-button-area{position:absolute;top:25px;right:60px}my-vacation-board .vacation-list,my-vacation-board .vacation-rules,vacation-board .vacation-list,vacation-board .vacation-rules{position:relative}my-vacation-board .add-rule,my-vacation-board .add-vacation,vacation-board .add-rule,vacation-board .add-vacation{position:absolute;top:17px;right:30px}my-vacation-board .tooltip__contents,vacation-board .tooltip__contents{width:300px;word-wrap:break-word;white-space:pre-wrap}my-vacation-board .dropdown-menu,vacation-board .dropdown-menu{min-width:180px}my-vacation-board .switch-list a,vacation-board .switch-list a{opacity:.8}my-vacation-board .switch-list a.active,my-vacation-board .switch-list a:hover,vacation-board .switch-list a.active,vacation-board .switch-list a:hover{font-weight:700;opacity:1}payroll-board{display:block;width:100%;height:100%;min-width:1085px}payroll-board .box{padding:25px}payroll-board .box .box-header:after{content:"";display:block}payroll-board .box .box-header:after,payroll-board .box .box-header:before{content:" ";display:table}payroll-board .box .box-header:after{clear:both}payroll-board .box .box-header{width:100%;height:40px;line-height:36px;line-height:3.6rem;zoom:1}payroll-board .box .box-header .select-salary-date,payroll-board .box .box-header select-employee-type,payroll-board .box .box-header select-salary-date{float:left}payroll-board .box .box-header p{float:left;margin:0 0 0 8px}payroll-board .box .button-area .button{margin-right:10px}[id^=disabled-transition-] ul li{margin-bottom:5px}[id^=disabled-transition-] ul li a{cursor:pointer;margin-left:10px}.select-salary-date,select-salary-date{display:block;position:relative;height:36px;width:341px;border-radius:3px}.select-salary-date [class*=" flaticon-"],.select-salary-date [class^=flaticon-],select-salary-date [class*=" flaticon-"],select-salary-date [class^=flaticon-]{position:absolute;top:0;left:0;height:100%;width:36px;text-align:center;border:1px solid #e4eaec;border-radius:0 0 3px 3px;background:#f3f7f9;z-index:2}.select-salary-date [class*=" flaticon-"]:before,.select-salary-date [class^=flaticon-]:before,select-salary-date [class*=" flaticon-"]:before,select-salary-date [class^=flaticon-]:before{font-size:16px;font-size:1.6rem;line-height:36px;line-height:3.6rem}.select-salary-date select,select-salary-date select{position:absolute;top:0;left:32px;width:200px;padding:8px 12px 8px 20px;z-index:1;letter-spacing:1.3px;letter-spacing:0.13rem}.select-salary-date .description,select-salary-date .description{line-height:36px;line-height:3.6rem;position:absolute;left:240px;width:100px}payroll-employee-list{display:block;position:relative}payroll-employee-list .list-header{min-width:1100px}payroll-employee-list .list-header .list-header-title{width:120px}payroll-employee-list .list-body payroll-employee{display:block}payroll-employee-list .list-body payroll-employee a.list{color:#76838f}payroll-employee-list .list-body payroll-employee .list:after{content:"";display:block;clear:both}payroll-employee-list .list-body payroll-employee .list{min-width:1100px;cursor:pointer}payroll-employee-list .list-body payroll-employee .list:hover{background:#f5fafc}payroll-employee-list .list-body payroll-employee .list.disabled:hover{background:#fff}payroll-employee-list .list-body payroll-employee .list.disabled{color:rgba(118,131,143,.5)}payroll-employee-list .list-body payroll-employee .list.forbidden{color:rgba(201,62,62,.5)}payroll-employee-list .list-body payroll-employee .list .list-val{width:120px}payroll-employee-list .list-body payroll-employee .list .list-val span{display:inline-block;overflow:hidden;height:24px;width:100%}payroll-employee-list .list-body payroll-employee .list .list-val.name span{width:80px}payroll-employee-list .list-body payroll-employee .list .dropdown{float:right}payroll-employee-list .more-employee{position:absolute;left:0;bottom:6px;width:100%;height:30px;line-height:30px;text-align:center;border-top:1px solid #e4eaec;background:#f3f7f9;cursor:pointer}payroll-employee-list .popup-content ul{padding-left:18px;list-style-type:disc;list-style-position:outside}payroll-memo-board dt-body-row dt-cell:nth-child(5) div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}payroll-memo-board .wrap-list{overflow:scroll}payroll-memo-board .wrap-list .list-body,payroll-memo-board .wrap-list .list-header{min-width:1145px}edit-payroll-memo-popup textarea{height:100px;width:100%}payroll-memo-board .payroll-memo-list-container{width:100%;overflow-x:auto}payroll-memo-board .payroll-memo-list .list-body{height:600px}payroll-memo-board .payroll-memo-list .checkbox-cell{width:45px}payroll-memo-board .payroll-memo-list .number{width:70px}payroll-memo-board .payroll-memo-list .name{width:110px}payroll-memo-board .payroll-memo-list .datetime{width:150px}payroll-memo-board .payroll-memo-list .month{width:100px}payroll-memo-board .payroll-memo-list .category{width:120px}payroll-memo-board .payroll-memo-list .memo{width:380px}payroll-memo-board .payroll-memo-list .trigger{width:150px}payroll-memo-board .payroll-memo-list .list-val{overflow:hidden}.payroll-memo-list .list-header{padding-right:26px}.payroll-memo-list .list-header .list-header-title{overflow:hidden;white-space:nowrap}.payroll-memo-list .list-body{height:200px;width:100%;overflow-y:scroll}.bottom-menu.active.more .payroll-memo-list .list-body{height:480px}.payroll-memo-list .list-body::-webkit-scrollbar{width:6px}.payroll-memo-list .list-body::-webkit-scrollbar-track{background-color:#f1f4f5}.payroll-memo-list .list-body::-webkit-scrollbar-thumb{background-color:#ddd}.payroll-memo-list .list-header-title,.payroll-memo-list .list-val{float:left}.payroll-memo-list .number{width:70px}.payroll-memo-list .name{width:110px}.payroll-memo-list .datetime{width:150px}.payroll-memo-list .month{width:100px}.payroll-memo-list .category{width:120px}.payroll-memo-list .memo{width:400px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.payroll-memo-list .checker{width:50px;float:right;text-align:center;cursor:pointer}.payroll-memo-list .list-val a{color:#2a72b7}.payroll-memo-list .list-val.checker{color:#e4eaec}.payroll-memo-list .list-val.checker .checked{color:#2a72b7}@media (max-width:1350px){payroll-memo-board .payroll-memo-list .list-val.month,payroll-memo-board .payroll-memo-list .month{display:none}payroll-memo-board .payroll-memo-list .number{width:70px}payroll-memo-board .payroll-memo-list .datetime,payroll-memo-board .payroll-memo-list .name{width:150px}payroll-memo-board .payroll-memo-list .category{width:120px}payroll-memo-board .payroll-memo-list .memo{width:350px}payroll-memo-board .payroll-memo-list .trigger{width:150px}.payroll-memo-list .number{width:70px}.payroll-memo-list .datetime,.payroll-memo-list .name{width:150px}.payroll-memo-list .category{width:120px}.payroll-memo-list .memo{width:350px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.payroll-memo-list .checker{width:50px}}.memo-link{text-decoration:underline!important}.import-board-warn{white-space:pre-line}import-xml-board .table tbody tr td:nth-of-type(2){text-align:right}.list-header-title.csv-no,.list-val.csv-no{width:50px}.list-header-title.csv-col,.list-val.csv-col{width:250px}.list-header-title.csv-error,.list-val.csv-error{width:1500px}table.imported-list{width:100%}table.imported-list td,table.imported-list th{padding:15px 20px;vertical-align:middle;text-align:left}.list-header-title.csv-custom-item-field-type,.list-header-title.csv-custom-item-group-name,.list-header-title.csv-custom-item-name,.list-val.csv-custom-item-field-type,.list-val.csv-custom-item-group-name,.list-val.csv-custom-item-name,table.imported-list .employee-number{width:200px}confirm-employee-import-forms{display:block}confirm-employee-import-forms .list-header{min-width:4480px}confirm-employee-salary-settlement-import-forms{display:block}confirm-employee-salary-settlement-import-forms .list-header{min-width:4700px}table.imported-list .year-month{width:150px}.pre-wrap{white-space:pre-wrap}export-board{display:block}export-board .wrap-export-type:after{content:"";display:block;clear:both}export-board .wrap-export-type .export-type{float:left;width:150px}export-board .wrap-export-type .export-type input[type=radio]+label:before{background-color:transparent;border:2px solid #76838f}export-board .box{padding:25px}export-board .box .box-header{margin-bottom:30px}export-board .box .box-header .box-header-inner{position:relative;padding:5px 0 25px;border-bottom:1px solid #e4eaec}export-board .box .box-header .box-header-inner h3{font-size:20px;font-size:2rem;letter-spacing:1.5px;letter-spacing:0.15rem;line-height:30px;line-height:3rem;font-weight:700;color:#37474f}.export-file{display:block}.export-file .export-file{width:100%;height:200px;border:2px solid #76838f;border-radius:6px;padding:88px 40px;cursor:pointer}.export-file .export-file .up-text{font-size:24px;font-size:2.4rem;letter-spacing:3px;letter-spacing:0.3rem;font-weight:700;color:#37474f}.export-file .export-file .up-text span{color:#1c4b79}export-salary-file,export-target-employee-list{display:block}export-target-employee{display:block;border:1px solid #e4eaec;padding:15px}csv-board{display:block}csv-board .box{padding:25px}csv-board .box .nav{margin-bottom:20px}export-board .list-header .list-header-title,import-board .list-header .list-header-title{width:200px}export-board .list-header .list-header-title.w250,import-board .list-header .list-header-title.w250{width:250px}export-board .list-header .list-header-title.w350,import-board .list-header .list-header-title.w350{width:350px}export-board .list-val,import-board .list-val{width:200px}export-board .list-val span,import-board .list-val span{display:block;width:100%;overflow:hidden}export-board .list-val.w250,import-board .list-val.w250{width:250px}export-board .list-val.w350,import-board .list-val.w350{width:350px}export-board .button-area .button,import-board .button-area .button{display:inline-block}export-board .popup-content ul,import-board .popup-content ul{list-style-type:disc;list-style-position:inside}export-board .success,import-board .success{color:#1d8273;@fontsize 14;font-weight:500}confirm-import-employee .list-header{min-width:7750px}confirm-import-attendance-record .list-header{min-width:5800px}confirm-import-attendance-summation .list-header{min-width:18050px}confirm-import-payroll-summation .list-header{min-width:6000px}.import-file{width:100%;height:150px;border:2px solid #e4eaec;border-radius:6px;padding:60px 30px;cursor:pointer}.import-file .up-text{font-size:24px;font-size:2.4rem;line-height:30px;line-height:3rem;letter-spacing:3px;letter-spacing:0.3rem;font-weight:500;color:#76838f}.import-file .up-text[class*=" flaticon-"]:before,.import-file .up-text[class^=flaticon-]:before{font-size:24px;font-size:2.4rem;margin-right:5px}salary-statement-board{display:block}salary-statement-board .box{padding:25px 15px}salary-statement-board .box .box-header{position:relative;padding:0 10px}salary-statement-board .box .list-header{min-width:1000px}salary-statement-board .box .list-body .list-val,salary-statement-board .box .list-header .list-header-title{width:120px;font-size:11px;font-size:1.1rem}salary-statement{display:block}salary-statement .box-header{margin-bottom:15px}salary-statement .box-header .box-header-inner{position:relative;padding:5px 0 15px;border-bottom:1px solid #e4eaec}salary-statement .box-header .box-header-inner .term,salary-statement .box-header .box-header-inner title{font-size:18px;font-size:1.8rem;line-height:24px;line-height:2.4rem}salary-statement .box-header .box-header-inner .term{position:absolute;top:5px;right:0;letter-spacing:2px;letter-spacing:0.2rem;color:#76838f}salary-statement .remarks-section{border-top:1px solid #e4eaec;padding-top:15px;margin-top:15px;margin-bottom:20px}salary-statement .remarks-section h3{font-size:16px;font-size:1.6rem;line-height:22px;line-height:2.2rem;margin-bottom:10px;font-weight:700}salary-statement .remarks-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:10px}salary-statement .remarks-input{-ms-flex:1;flex:1}salary-statement .remarks-button{padding-top:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}salary-statement .remarks-section textarea{width:100%;border:1px solid #e4eaec;padding:10px;font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;border-radius:4px;resize:vertical;min-height:120px}salary-statement .remarks-section textarea:focus{border-color:#66afe9;outline:0;box-shadow:0 0 8px rgba(102,175,233,.6)}salary-statement .remarks-section p{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;padding:10px;min-height:80px;background-color:#f9f9f9;border-radius:4px}salary-statement .admin-actions{background-color:#f9f9f9;border-radius:4px;padding:10px 15px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}salary-statement .admin-actions .issue-info{font-size:14px;font-size:1.4rem;color:#555}salary-statement .admin-actions .action-buttons{display:-ms-flexbox;display:flex;gap:10px}salary-statement .admin-actions .action-buttons .button{min-width:100px;text-align:center}salary-statement .remarks-actions{margin-bottom:15px}salary-statement .statement-actions{border-top:1px solid #e4eaec;padding-top:15px;margin-top:5px;background-color:#f9f9f9;border-radius:4px;padding:10px 15px}salary-statement .statement-actions .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}salary-statement .statement-actions .issue-info{font-size:14px;font-size:1.4rem;color:#555;line-height:32px;margin-right:10px}salary-statement .statement-actions .button{min-width:100px}tutorial{display:block}tutorial tutorial-header{display:block;margin-bottom:60px}tutorial tutorial-header title{margin-bottom:10px}tutorial .tutorial-content,tutorial tutorial-content{position:relative;display:block;padding:0 0 40px;font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem;letter-spacing:1.2px;letter-spacing:0.12rem;font-weight:500}tutorial .tutorial-content .wrap-tutorial-content,tutorial tutorial-content .wrap-tutorial-content{position:relative;top:-20px}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info:after,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info:after{content:"";display:block;clear:both}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info{display:block;position:relative}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header{position:relative;padding:15px 20px;background-color:#1c4b79;border-radius:3px 3px 0 0}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header label,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header label{display:inline-block;font-size:12px;font-size:1.2rem;line-height:24px;line-height:2.4rem;letter-spacing:1.2px;letter-spacing:0.12rem;color:#fff;font-weight:600;margin-right:5px}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header h4,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header h4{display:inline-block;font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;letter-spacing:1.2px;letter-spacing:0.12rem;color:#fff;font-weight:600}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header.disabled,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-header.disabled{opacity:.7}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-body,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-body{position:relative;padding:15px 120px 25px 15px}tutorial .tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-body .button-area,tutorial tutorial-content .wrap-tutorial-content .tutorial-content-info .tutorial-content-body .button-area{position:absolute;top:10px;right:20px}regulations-board{display:block}regulations-board title{float:left;height:36px;line-height:36px;line-height:3.6rem;width:auto}regulations-board select-employee-type{float:left;width:160px;margin-right:10px}regulations-board .box{padding:25px}regulations-board .box .nav{margin-bottom:20px}basic-regulations{display:block}basic-regulations .holiday:after{content:"";display:block;clear:both}basic-regulations .holiday .check{width:70px;float:left}basic-regulations .holiday .check.shift{width:160px}basic-regulations .holiday-type:after{content:"";display:block;clear:both}basic-regulations .holiday-type .check{width:310px;margin-bottom:10px;float:left}basic-regulations .date,basic-regulations .hours,basic-regulations .minutes,basic-regulations .rate{display:inline-block;width:70px}basic-regulations .date+.unit,basic-regulations .hours+.unit,basic-regulations .minutes+.unit,basic-regulations .rate+.unit{display:inline-block}basic-regulations .scheduled-working-minutes-per-week{position:relative}basic-regulations .scheduled-working-minutes-per-week .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:3;padding:10px;text-align:right}basic-regulations .scheduled-working-minutes-per-week .overlay label{padding:3px 8px;border-radius:3px;color:#fff;font-size:12px;font-size:1.2rem;font-weight:400;background:#c9843e}basic-regulations .start-of-week{width:140px}.salarySchedule-preview{border-left:2px dashed #e4eaec;padding:32px 48px;color:#37474f}.salarySchedule-preview label{display:block;font-size:14px;font-size:1.4rem;font-weight:600;margin-bottom:16px}.salarySchedule-preview li{margin-bottom:8px}payroll-regulations .nav{margin-bottom:-1px!important}payroll-regulations .nav li a{padding:10px 20px!important}payroll-regulations .nav li.active a{background:#f3f7f9;color:#76838f;font-weight:500}payroll-regulations a{cursor:pointer;color:#76838f}.salary-items{position:relative}.add-salary-item{position:absolute;top:17px;right:30px}.salary-item-popup-viewer .check{margin-right:15px;margin-bottom:10px}.preview-equation{padding:10px;background-color:#f1f4f5;margin-bottom:10px}.equation__member:after{content:"";display:block;clear:both}.equation__member{margin-bottom:10px}.equation__member g-button,.equation__member input,.equation__member select{float:left}.equation__member g-button button.icon{margin-left:10px;width:36px;height:36px}.equation__member-operation{width:40px;margin-right:10px}.equation__variable-type{width:140px;border-radius:3px 0 0 3px}.equation__variable-back-months{width:160px;margin-left:-1px;border-radius:0 0 0 0}input.equation__variable,select.equation__variable{margin-left:-1px;border-radius:0 3px 3px 0;width:200px}summation-regulations .hours,summation-regulations .minutes{display:inline-block;width:180px}summation-regulations .hours p,summation-regulations .minutes p{display:inline-block}summation-regulations .hours input[type=number],summation-regulations .minutes input[type=number]{width:72px}summation-regulations .minutes{display:inline-block}working-regulations .wrap-form .form-ctrl h5{color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}working-regulations .priorities{border:1px solid #e4eaec;border-radius:3px}working-regulations .priority{width:100%;height:40px;line-height:40px}working-regulations .priority i{cursor:pointer}working-regulations .priority i.flaticon-thick-arrows-up{color:#1c4b79}working-regulations .priority i.flaticon-thick-arrows-down{color:#c93e3e}working-regulations .up-down{display:inline-block;width:72px;padding:0 16px}monthly-variables-form .table tr{border-bottom:1px solid #e4eaec}monthly-variables-form .table thead tr th{text-align:left;font-weight:500;padding:8px;line-height:16px;line-height:1.6rem;color:#37474f}monthly-variables-form .table tbody tr td{padding:8px;line-height:16px;line-height:1.6rem;color:#76838f}monthly-variables-form .table-striped tbody td:nth-of-type(odd),monthly-variables-form .table-striped thead th:nth-of-type(odd){background-color:#f5fafc}automated-rest-time .header .hours,automated-rest-time .header .priority,automated-rest-time .header .rest,automated-rest-time .times .hours,automated-rest-time .times .priority,automated-rest-time .times .rest{display:inline-block;width:260px}automated-rest-time .header .rest,automated-rest-time .times .rest{width:128px}automated-rest-time .header .automated-rest-hours,automated-rest-time .header .automated-rest-minutes,automated-rest-time .times .automated-rest-hours,automated-rest-time .times .automated-rest-minutes{display:inline-block;width:64px}automated-rest-time .header .automated-rest-hours+.unit,automated-rest-time .header .automated-rest-minutes+.unit,automated-rest-time .times .automated-rest-hours+.unit,automated-rest-time .times .automated-rest-minutes+.unit{width:32px}automated-rest-time .prefix-threshold-hours{display:inline-block;width:32px}automated-rest-time .prefix-threshold-minutes{display:inline-block;width:88px}automated-rest-time .prefix-additional-minutes{display:inline-block;width:56px}labor-regulations-monthly-scheduled-working-form input[type=number].date,labor-regulations-monthly-scheduled-working-form input[type=number].minutes{display:inline-block;border:0;border-radius:0;width:100%}labor-regulations-monthly-scheduled-working-form select-year{margin-bottom:20px}labor-regulations-monthly-scheduled-working-form .auto-calced{position:relative}labor-regulations-monthly-scheduled-working-form .auto-calced .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:3;padding:10px;text-align:right}labor-regulations-monthly-scheduled-working-form .auto-calced .overlay label{padding:3px 8px;border-radius:3px;color:#fff;font-size:12px;font-size:1.2rem;font-weight:400;background:#c9843e}labor-regulations-monthly-scheduled-working-form .date-float{display:inline-block;width:88px}labor-regulations-monthly-scheduled-working-form .date-float+.unit{display:inline-block}labor-regulations-monthly-scheduled-working-form .HHMM{display:inline-block;width:88px}labor-regulations-monthly-scheduled-working-form .HHMM+.unit{display:inline-block}resident-tax-government{display:block;min-width:1216px}resident-tax-government title{display:inline-block;height:36px;width:300px;margin-left:5px}resident-tax-government .select-city-code{display:inline-block;width:calc(100% - 56px)}resident-tax-government .input-search{position:relative}resident-tax-government .input-search [class*=" flaticon-"],resident-tax-government .input-search [class^=flaticon-]{position:absolute;top:0;left:0;height:100%;width:36px;text-align:center;box-sizing:border-box;border:1px solid border-color;border-radius:0 0 3px 3px;background:$ thin-background-color;z-index:2}resident-tax-government .input-search input[type=text]{padding-left:16px}resident-tax-government .government-title{margin-bottom:20px}resident-tax-government .government-title g-button{display:inline-block;position:relative;top:-5px}resident-tax-government popup-viewer button{background:#c93e3e}resident-tax-government form .address{position:relative}resident-tax-government form .address i{position:absolute;right:20px;top:33px}resident-tax-government form .address.selectable i{cursor:pointer}resident-tax-government form .address input:disabled{background:rgba(0,0,0,.3)}resident-tax-government form .address text-field,resident-tax-government form .amounts text-field,resident-tax-government form .numbers text-field{width:100%}resident-tax-government dialog-viewer{z-index:1}resident-tax-government popup-viewer{z-index:2}edit-resident-tax-government{display:block;min-width:1200px}edit-resident-tax-government title{display:inline-block;width:400px}edit-resident-tax-government .new-button{display:inline-block;position:relative;top:-5px}edit-resident-tax-government .input-search{position:relative}edit-resident-tax-government .input-search [class*=" flaticon-"],edit-resident-tax-government .input-search [class^=flaticon-]{position:absolute;top:0;left:0;height:100%;width:36px;text-align:center;box-sizing:border-box;border:1px solid border-color;border-radius:0 0 3px 3px;background:$ thin-background-color;z-index:2}edit-resident-tax-government .input-search input[type=text]{padding-left:16px}edit-resident-tax-government form .row:not(:first-child){margin-top:10px}edit-resident-tax-government form .address text-field,edit-resident-tax-government form .amounts text-field,edit-resident-tax-government form .numbers text-field{width:100%}edit-resident-tax-government form .address{position:relative}edit-resident-tax-government form .address.selectable i{cursor:pointer}edit-resident-tax-government form .address i{position:absolute;top:30px;right:12px;text-align:right;padding:3px 8px;border-radius:3px;color:#1c4b79;font-size:12px;font-size:1.2rem;font-weight:400}edit-resident-tax-government form .filtering-employee-msg{padding-top:25px;line-height:36px}edit-resident-tax-government form h5{color:#37474f;font-size:14px;font-weight:500;margin-bottom:5px}edit-resident-tax-government form .checkbox-custom{padding-top:8px;padding-bottom:8px}edit-resident-tax-government .summary h5{display:inline-block;color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}edit-resident-tax-government .summary .unit{margin-left:5px;color:#37474f;font-weight:500}edit-resident-tax-government dtable{margin:0 10px;min-width:1130px}edit-resident-tax-government .expansion-other-amounts{position:absolute;bottom:0}edit-resident-tax-government .expansion-memo{position:absolute;top:1px;left:50px}edit-resident-tax-government resident-tax-amount{display:block}edit-resident-tax-government .delete-button{background:#c93e3e}.invite-popup-viewer .popup-viewer__body{height:calc(100% - 54px)}.invite-popup-viewer .popup-viewer__body dtable{height:540px;overflow-y:auto}.invite-popup__contents{position:relative;height:100%;padding:0 10px}.invite-popup__contents g-button{display:inline-block;position:absolute;right:0;bottom:0}.invite-popup__contents strong{font-size:16px;font-size:1.6rem;font-weight:600}.hire-creation-popup-viewer .form .wrap-form,.hire-creation-popup-viewer form .wrap-form{margin-bottom:10px}employee-change-board h4{font-size:16px;font-size:1.6rem;letter-spacing:2px;letter-spacing:0.2rem;font-weight:600;margin-bottom:30px}employee-change-board h5{color:#37474f;font-size:14px;font-size:1.4rem;font-weight:500;margin-bottom:5px}employee-change-history-popup .label{display:inline-block;background-color:#666;color:#fff;padding:3px 10px}attendance-alert .box{padding:25px}attendance-alert .box .nav{margin-bottom:20px}attendance-alert input[type=number]{width:calc(100% - 32px)}.alert-month{line-height:36px}.attendance-alert-list{position:relative}.add-alert{position:absolute;top:17px;right:30px;cursor:pointer;color:#76838f}alert-deletion-dialog .popup-viewer__body{padding:15px 20px}alert-deletion-dialog button{background-color:#c93e3e}.select-attendance-month,employee-alert-list select-employee-type,monthly-attendance-alert-list select-employee-type{display:inline-block;width:calc(100% - 50px)}violation-list .empty-row{background:#1d8273}employee-alert-list .multiple-action-delete button{background-color:#c93e3e}.retirement-filter{margin:8px 10px}attendance-book .box{padding:25px}attendance-book .list-body,attendance-book .list-header{min-width:1500px}attendance-book .list-body .list .list-val,attendance-book .list-header .list-header-title{padding-right:0;margin-right:20px;width:95px;float:left}attendance-book .list-body .list .list-val.day,attendance-book .list-header .list-header-title.day{width:75px}attendance-book .list-body .list .list-val.shift,attendance-book .list-header .list-header-title.shift{width:150px}attendance-book .list-body .list .list-val.approval,attendance-book .list-header .list-header-title.approval{width:60px}attendance-book .list-body .highlight-date.list{background:rgba(0,0,0,.05)}attendance-book .list-body .list{cursor:pointer}attendance-book .list-body .list:hover{background:#f5fafc}attendance-book .list-val.shift:after{content:"";display:block;clear:both}attendance-book .list-val.shift{position:relative}attendance-book .list-val.shift i{float:right}attendance-book .list-val.shift .name{display:inline-block;width:130px;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}attendance-book .tags .list-val{width:45px!important}attendance-book .comment .list-val{width:200px!important}.apply-attendance__display .comment,attendance-book .comment .list-val span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}attendance-book .comment .list-val span{display:inline-block}attendance-book .list-val.shift:not(.approved){cursor:pointer}attendance-book .list-val.shift:not(.approved):hover{color:#2a72b7;background-color:#f1f4f5}.bonus-item-list{position:relative}.bonus-item-list .add-item{position:absolute;top:17px;right:30px}bonus-detail dropdown-button .dropdown-menu{width:240px}bonus-detail .issue-statemnt-link{text-decoration:underline}bonus-detail a.issue-statemnt-link:hover{text-decoration:none}bonus-detail dt-body dt-cell:last-child{word-wrap:break-word;white-space:pre-wrap}employee-bonus .sum:after{content:"";display:block;clear:both}employee-bonus .sum{border-top:1px solid #e4eaec;padding:15px 20px}employee-bonus .sum tag,employee-bonus .sum val{float:left;display:block;width:50%}employee-bonus .sum val,employee-bonus dt-body dt-cell:nth-child(2){text-align:right}bonus-statement-board .note tag,employee-bonus-statement .note tag,employee-bonus .note tag{display:block;font-weight:500;font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;margin-bottom:10px}bonus-statement-board .note p,employee-bonus-statement .note p,employee-bonus .note p{word-wrap:break-word;white-space:pre-wrap}bonus-statement-board .net-payment-amount,employee-bonus-statement .net-payment-amount,employee-bonus .net-payment-amount{float:right!important;border:1px solid #e4eaec;text-align:center;padding:15px 30px 20px}bonus-statement-board .net-payment-amount tag,employee-bonus-statement .net-payment-amount tag,employee-bonus .net-payment-amount tag{display:block;font-weight:500;font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem;margin-bottom:10px}bonus-statement-board .net-payment-amount .value,employee-bonus-statement .net-payment-amount .value,employee-bonus .net-payment-amount .value{font-weight:800;font-size:20px;font-size:2rem;line-height:20px;line-height:2rem}bonus-statement-board .net-payment-amount .value unit,employee-bonus-statement .net-payment-amount .value unit,employee-bonus .net-payment-amount .value unit{float:left}bonus-statement-board .net-payment-amount .value val,employee-bonus-statement .net-payment-amount .value val,employee-bonus .net-payment-amount .value val{float:right}confirm-import-employee-bonus .list-header{min-width:4000px}nencho-board .box{min-width:960px;padding:25px}nencho-tab{display:block}nencho-side-menu{float:left;display:block;width:200px}.nencho-report-main{float:left;display:block;width:calc(100% - 200px);padding-left:20px}nencho-side-menu a.each-menu{display:block;width:100%;height:40px;line-height:30px;padding:5px 10px;background-color:#f3f7f9;color:#76838f;margin-bottom:10px}nencho-side-menu a.each-menu.active{background-color:#1c4b79;color:#fff}.nencho-title{font-size:18px;font-size:1.8rem;line-height:30px;line-height:3rem;letter-spacing:3px;letter-spacing:0.3rem;font-weight:600}table.nencho-salary th{text-align:right;padding:8px;font-size:14px;font-size:1.4rem;line-height:30px;line-height:3rem;font-weight:500}table.nencho-salary{text-align:right}nencho-report table td{width:50%}table.table-striped tbody tr.is-different{background-color:rgba(218,93,98,.2)}shift-board .box{min-width:960px;padding:25px}#ic-device-request-area{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;transition:.5s;display:none;z-index:1000}#ic-device-request-area.open{display:block;opacity:1;transform:scale(1);transition:opacity .5s}#ic-device-request-popup{position:relative;margin:100px auto 0;width:400px;height:100px;background:#fff;padding:30px;border-radius:15px}.ic-device-request-header{position:absolute;top:10px;left:0;padding-right:10px;width:100%;text-align:right}.ic-device-request-header .flaticon-close{cursor:pointer}#ic-device-request-button{display:block;margin-top:10px}#ic_clocking{padding:30px;height:100%;width:100%;text-align:center;position:relative}#ic-clocking-error{position:fixed;display:-ms-flexbox;display:flex;top:30px;right:30px;height:120px;width:220px;padding:30px;border-radius:15px;background:rgba(0,0,0,.7);color:#fff;opacity:0;transition:.5s;display:none}#ic-clocking-error.open{display:block;opacity:1;transform:scale(1);transition:opacity .5s}#ic_clocking .clock{height:auto;margin-bottom:50px}#ic_clocking .clock .time-area{margin-bottom:25px}#ic_clocking.rest_clocking{background:#006ab6}#ic_clocking.rest_clocking #day-area,#ic_clocking.rest_clocking .btn-toggle:after,#ic_clocking.rest_clocking .clock .time-area,#ic_clocking.rest_clocking .description,#ic_clocking.rest_clocking a.white-link,#ic_clocking.rest_clocking title{color:#fff}#day-area{font-size:23px;font-size:2.3rem;letter-spacing:3.5px;letter-spacing:.35rem;font-weight:500}#ic_clocking .box{padding:40px;width:600px;height:350px;margin:0 auto 40px}#ic_clocking img{width:200px;margin:0 auto}#ic_clocking .description{width:170px;margin:0 auto;text-align:left}#ic_clocking .description p{margin-bottom:10px}#ic-clocking-message,.ic_message{font-size:20px;font-size:2rem;line-height:28px;line-height:2.8rem;font-weight:400;color:#37474f;margin-bottom:50px}#ic-success-message{color:#1d8273}ul#ic-clocking-result{width:-webkit-fit-content;width:fit-content;margin:60px auto 0}ul#ic-clocking-result li{float:left;margin-right:30px}ul#ic-clocking-result li:last-child{margin-right:0}ul#ic-clocking-result li.attend{color:#1d8273}ul#ic-clocking-result li.leave{color:#c93e3e}.title-area{margin-bottom:40px}.btn{white-space:nowrap;vertical-align:middle}.btn-toggle{margin:0 10px;margin:0 1rem;padding:0;position:relative;border:none;height:30px;height:3rem;width:60px;width:6rem;border-radius:3rem;top:50%;color:#6b7381;background:#bdc1c8}.btn-toggle:after{content:"打刻音ON";right:-60px;right:-6rem;line-height:30px;line-height:3rem;width:50px;width:5rem;text-align:center;font-weight:400;font-size:10px;font-size:1rem;font-color:#76838f;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s}.btn-toggle>.handle{position:absolute;top:5px;top:.5rem;left:5px;left:.5rem;width:20px;width:2rem;height:20px;height:2rem;border-radius:2rem;background:#fff;transition:left .25s}.btn-toggle.active>.handle{left:35px;left:3.5rem;transition:left .25s}.btn-toggle.active{transition:background-color .25s;background-color:#1c4b79}@media screen and (max-width:550px){#ic_clocking .box{width:400px}}@media screen and (max-width:480px){.title-area .float-left:last-child{float:right!important}#ic_clocking .box{width:300px}ul#ic-clocking-result li{margin-right:15px}}edit-trigger-popup .popup-viewer{width:1000px}edit-trigger-popup .popup-viewer autocomplete .input-group ul.selected-items{max-height:300px}edit-trigger-popup .detection{margin-bottom:10px}edit-trigger-popup .detection-content{padding:10px;background:#f3f7f9}edit-trigger-popup .nest-detection{margin-bottom:10px}edit-trigger-popup .nest-detection:last-child{margin-bottom:0}edit-trigger-popup .popup-viewer__body i[class*=" flaticon-"],edit-trigger-popup .popup-viewer__body i[class^=flaticon-]{text-align:center;line-height:20px;height:20px;width:20px;border-radius:50%;background-color:#aaa;display:inline-block;color:#fff;margin-right:5px}edit-trigger-popup a.add-detection{color:#aaa}edit-trigger-popup textarea{height:100px}edit-trigger-popup .variable-selector{height:100px;overflow-y:scroll}edit-trigger-popup .variable-selector li{cursor:pointer}edit-trigger-popup .variable-selector li:hover{background-color:#eee}edit-trigger-popup .variable-selector-col .selected-items{max-height:120px!important}.time-offset-type-selector{display:inline-block;width:200px}