.attendanceSheetItem td{padding:20px;position:relative;font-family:NanumSquareEB;text-align:center}.attendanceSheetItem__state__picker{display:none;position:absolute;top:50px;left:18px;border-radius:20px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3);background-color:#fff;z-index:100}.darkTheme .attendanceSheetItem__state__picker{background-color:#444}.attendanceSheetItem__state__picker:hover,td:hover .attendanceSheetItem__state__picker{display:-webkit-box;display:-ms-flexbox;display:flex}.attendanceSheetItem__state__picker div{padding:5px 15px;font-size:15px;-webkit-transition:.2s;transition:.2s;cursor:pointer}.state0{color:#21a564}.state1{color:#fe9a00}.state2{color:#fe0200}.state3{color:#333}.darkTheme .state3{color:#fff}.attendanceSheetItem input{width:150px;height:30px;font-family:NanumSquareL;font-size:16px;text-align:center;color:#fff;border:none;border-radius:15px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3);-webkit-transition:.2s;transition:.2s}.attendanceSheetItem input:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}.darkTheme .attendanceSheetItem input{background:#444;color:#fff}.attendanceSheetItem__state__picker__custom__outerwrapper{display:none;position:absolute;z-index:100}.attendanceSheetItem__state__picker__custom:hover .attendanceSheetItem__state__picker__custom__outerwrapper{display:block}.attendanceSheetItem__state__picker__custom__innerwrapper{width:180px;height:30px;padding:0!important;position:relative;left:-165px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:20px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.4);box-shadow:2px 2px 5px rgba(0,0,0,.4);-webkit-transition:.2s;transition:.2s}.darkTheme .attendanceSheetItem__state__picker__custom__innerwrapper{background:#555}.attendanceSheetItem__state__picker__custom__innerwrapper div{padding:0;width:20px;height:20px;border-radius:50%;margin:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.attendanceSheetItem__state__picker__custom__innerwrapper div:hover{opacity:.8}.attendanceSheetItem__state__picker__custom__innerwrapper div i{color:#fff}.attendanceSheetTable{width:100%;min-width:1400px;background-color:#fff;font-family:NanumSquareEB;color:#9cb2cd}.darkTheme .attendanceSheetTable{background-color:#282828}.attendanceSheetTable th{padding:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.attendanceSheetTable .sortable{cursor:pointer}.attendanceSheetTable thead i{position:absolute;right:10%;opacity:0;-webkit-transition:.2s;transition:.2s}.attendanceSheetTable thead th:hover i{opacity:.5}.attendanceSheetTable thead i.order-active{display:inline-block;opacity:1!important;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.attendanceSheetTable thead i.order-rotate{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.attendanceSheetTable th span{cursor:pointer}.attendanceSheetTable th input{max-width:180px;border:none;background:transparent;text-align:center;font-size:20px;color:#9cb0cd}.order-active{opacity:1!important;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.order-rotate{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.attendanceSheet{padding:30px 60px;font-size:21px}.attendanceSheet__head{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.attendanceSheet__head,.attendanceSheet__head__add{display:-webkit-box;display:-ms-flexbox;display:flex}.attendanceSheet__head__add{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;border:none;border-radius:50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.15);box-shadow:0 2px 5px rgba(0,0,0,.15);background-color:#fff;color:#538fff;width:46px;height:46px;cursor:pointer;-webkit-transition:.2s;transition:.2s}.attendanceSheet__head__add:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.2);box-shadow:0 3px 6px rgba(0,0,0,.2)}.darkTheme .attendanceSheet__head__add{background-color:#538fff;color:#fff}.darkTheme .attendanceSheet__head__add:hover{background-color:rgba(83,143,255,.8823529411764706);-webkit-box-shadow:0 3px 8px rgba(0,0,0,.7);box-shadow:0 3px 8px rgba(0,0,0,.7)}.attendanceSheet__title{font-family:NanumSquareEB;font-size:38px;font-weight:800}.attendanceSheet__title__reload{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;color:#538fff;-webkit-transition:.5s;transition:.5s;cursor:pointer}.attendanceSheet__title__reload:hover{-webkit-transform:rotate(120deg);transform:rotate(120deg)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.attendanceSheet__title__reload-active{-webkit-animation:rotate .6s linear infinite;animation:rotate .6s linear infinite}.attendanceSheet__description{font-size:16px;font-weight:800;color:#9cb2cd;margin-bottom:20px}.attendanceSheet__editor{position:fixed;width:100px;height:auto;border-radius:4px;-webkit-box-shadow:0 2px 6px 0 rgba(47,83,151,.1);box-shadow:0 2px 6px 0 rgba(47,83,151,.1);background-color:#fff;z-index:100}.attendanceSheet__editor__item{cursor:pointer;padding:10px;color:#273142;text-align:center}.attendanceSheet__editor__item.delete{color:#e02020}.attendanceSheet__editor__item:hover{background-color:#9cb2cd;color:#fff}.attendanceSheet__editor__item.delete:hover{background-color:#e02020}