@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.bg-warning[data-v-05756f4a],span[data-v-05756f4a]{color:#fff!important}.user-header[data-v-05756f4a]{height:70px!important}.remember[data-v-6e31388c]{font-size:10px;line-height:16px;vertical-align:middle}input[type=radio][data-v-6e31388c]{scale:1.5}.logo[data-v-6e31388c]{height:45px;border:3px solid #fff;border-radius:10px}.justify-content-between[data-v-3f107efc]{padding:50px}.btn-app[data-v-3f107efc]{padding:50px;padding-bottom:70px;text-align:center;font-size:16px}.btn[data-v-3f107efc]{color:#fff!important}.required[data-v-01777d78],.required[data-v-5791a536]{font-size:18px;color:red}.description-block[data-v-1d78afb9]{padding:20px}.required[data-v-c26a4d7e]{font-size:18px;color:red}input[type=checkbox][data-v-c26a4d7e]{margin-top:12px;scale:1.7}.form-check-label[data-v-c26a4d7e]{margin-top:5px}.required[data-v-d1365990]{font-size:18px;color:red}input[type=checkbox][data-v-d1365990]{scale:1.7}.date-navigation[data-v-2879affe]{display:flex;align-items:center}.arrow-button[data-v-2879affe]{background:none;border:none;font-size:24px;cursor:pointer}.date-text[data-v-2879affe]{margin:0 10px;font-size:18px;font-weight:700}.required[data-v-742a4402]{font-size:18px;color:red}input[type=checkbox][data-v-742a4402]{scale:1.7}.required[data-v-ea12c6e4]{font-size:18px;color:red}input[type=checkbox][data-v-ea12c6e4]{scale:1.7}.bg-warning[data-v-3d4f0484],.bg-warning[data-v-e3532932]{color:#fff!important}.date-navigation[data-v-043303b4]{display:flex;align-items:center}.arrow-button[data-v-043303b4]{background:none;border:none;font-size:24px;cursor:pointer}.date-text[data-v-043303b4]{margin:0 10px;font-size:18px;font-weight:700}.date-navigation[data-v-eaa6e37e]{display:flex;align-items:center}.arrow-button[data-v-eaa6e37e]{background:none;border:none;font-size:24px;cursor:pointer}.date-text[data-v-eaa6e37e]{margin:0 10px;font-size:18px;font-weight:700}.required[data-v-3d5ef38d]{font-size:18px;color:red}input[type=checkbox][data-v-3d5ef38d]{scale:1.7;margin-top:12px}.required[data-v-0734c310]{font-size:18px;color:red}input[type=checkbox][data-v-0734c310]{scale:1.7;margin-top:12px}.menu-navigation[data-v-46460a08]{display:flex;flex-direction:column;width:200px}.menu-navigation ul[data-v-46460a08]{list-style-type:none;padding:0;margin:0}.menu-navigation li[data-v-46460a08]{margin-bottom:10px}.menu-navigation a[data-v-46460a08]{text-decoration:none;color:#000;padding:10px 20px;display:block;background-color:#4caf50;color:#fff;border-radius:5px}.menu-navigation a[data-v-46460a08]:hover{background-color:#45a049}.container[data-v-089848fc]{display:flex;align-items:flex-start;padding:20px}.menu-nav[data-v-089848fc]{margin-top:200px;margin-right:-220px;display:flex;flex-direction:column;gap:10px;position:relative}.content[data-v-089848fc]{flex-grow:1;min-height:100vh}.__login[data-v-1f702f55],.content[data-v-089848fc]{display:flex;justify-content:center;align-items:center}.__login[data-v-1f702f55]{flex-direction:column;height:100vh}.__head[data-v-1f702f55]{height:20vh;margin-bottom:100px}.__label[data-v-1f702f55]{width:100px;text-align:right;margin-right:30px}.__field[data-v-1f702f55]{align-items:center}.__field input[data-v-1f702f55]{width:250px}.__append-icon[data-v-1f702f55]{position:relative}.__append-icon input[data-v-1f702f55]{padding-right:35px!important}.__append-icon .__icon[data-v-1f702f55]{position:absolute;z-index:10;top:0;right:0;margin-top:12px;margin-right:10px;cursor:pointer}.__check[data-v-1f702f55]{align-items:center}.__btn-login[data-v-1f702f55]{width:200px;margin-top:50px}.__forgot-link[data-v-1f702f55]{color:#049c4c;text-decoration:underline;text-decoration-color:#000}.__time{div{width:70px;text-align:center;font-size:40px;font-weight:500}label{font-size:35px}}.__date{font-size:24px}.__punch-time{display:flex;font-weight:700;.__separator{width:20px;text-align:center}.__left{text-align:left;width:15px}.__right{text-align:right;width:15px}}.__time-breakdown{width:260px;display:flex;align-items:center;justify-content:space-between}.__width[data-v-48ee0e4c]{width:530px}.__header[data-v-48ee0e4c]{display:flex;width:530px;height:60px;border-bottom:1px solid #000}.__header .__item[data-v-48ee0e4c]{flex:1;display:flex;align-items:center;flex-direction:column;font-weight:500;padding-top:5px;cursor:pointer}.__header .__item .__time[data-v-48ee0e4c]{font-size:10px;font-weight:500}.__header .__item .__paid-leave[data-v-48ee0e4c]{font-size:10px;font-weight:600;display:flex;align-items:center;height:40px}.__list[data-v-48ee0e4c]{width:100%;table-layout:fixed}.__list td[data-v-48ee0e4c],.__list th[data-v-48ee0e4c]{text-align:center}.__list thead tr[data-v-48ee0e4c]{padding-left:5px!important;background-color:#fff;border-top:1px solid grey;border-bottom:1px solid grey;height:45px;font-size:14px}.__list tbody[data-v-48ee0e4c]{display:block;height:400px;overflow-y:scroll;overflow-x:hidden;position:relative}.__list tbody tr[data-v-48ee0e4c]{border-bottom:1px solid grey;height:45px;font-size:14px}.__list tbody tr td[data-v-48ee0e4c]{width:88.33333px}.__list tbody[data-v-48ee0e4c]::-webkit-scrollbar{width:0;background:transparent}.__pointer[data-v-48ee0e4c]{cursor:pointer}.__comment[data-v-48ee0e4c]{border-radius:25px}.__comment textarea[data-v-48ee0e4c]{border-radius:10px;border:2px solid grey;width:100%;padding:5px 10px}.btn-note[data-v-48ee0e4c]{background-color:#781cdc;color:#fff}.btn-note[data-v-48ee0e4c]:hover{color:#fff}.__width[data-v-646f23ca]{width:520px}.__icon[data-v-646f23ca]{height:35px;width:35px;background-color:#049c4c;display:flex;align-items:center;justify-content:center;color:#fff;border:none;padding:8px;cursor:pointer}.__width[data-v-281101e8]{width:520px}.__date_picker[data-v-281101e8]{position:relative}.__icon[data-v-281101e8]{position:absolute;z-index:10;right:0;height:35px;width:35px;background-color:#049c4c;display:flex;align-items:center;justify-content:center;color:#fff;border:none;padding:8px;cursor:pointer}.__width[data-v-072b1b13]{width:320px}.__time[data-v-072b1b13]{font-size:24px;font-weight:500}.__btn-text[data-v-072b1b13]{width:75px}.__time-breakdown[data-v-072b1b13]{width:260px;display:flex;align-items:center;justify-content:space-between}.__delete-btn[data-v-072b1b13]{width:200px;background-color:#e49113;color:#fff}.__delete-btn[data-v-072b1b13]:hover{color:#fff}.__apply-btn[data-v-072b1b13]{width:200px;background-color:#4075ff;color:#fff}.__apply-btn[data-v-072b1b13]:hover{color:#fff}.__edit-btn[data-v-072b1b13]{border:1px solid #000;border-radius:0;outline:none;height:40px;width:110px;background-color:#fff}.__edit-btn.__dim[data-v-072b1b13]{background-color:#fbfafa;border:1px solid #b9b5b5;color:#787676}.__time-separator[data-v-072b1b13]{font-size:26px;font-weight:bolder}.rounded[data-v-072b1b13]{border-radius:50px!important}.__time-selector[data-v-072b1b13]{font-size:20px!important;margin:10px;padding:10px}.user-info[data-v-129c8472]{margin-bottom:20px;width:300px}.user-info-row[data-v-129c8472]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ccc}.user-info-row span[data-v-129c8472]{font-size:18px;color:#333}.logout-button[data-v-129c8472]{width:150px;padding:10px 0;background-color:green;color:#fff;border:none;border-radius:50px;font-size:16px;cursor:pointer}.logout-button[data-v-129c8472]:hover{background-color:#006400}.__logo{position:relative;height:81px;width:81px}.__logo .inner-img{position:absolute;z-index:10;top:0;left:0;margin-top:18px;margin-left:18px}.__title{color:#049c4c;text-align:center;width:100%;margin-top:15px}.__date[data-v-7635f96f]{font-size:24px;font-weight:500}.__outline[data-v-7635f96f]{height:65px!important}.__btn-save[data-v-7635f96f]{margin-top:80px;width:200px}.bg-warning,.btn-warning{color:#fff!important}.justify{justify-content:space-around!important}.body-bg{background-image:url(/img/login-bg.4a5d8c90.png)!important;background-size:cover;background-position:50%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input,p,select,textarea{font-size:14px!important}.__diagonal-bg{background:linear-gradient(to right bottom,#fffcf4 55%,#fff4d4 0);height:100vh}.__timecard{display:flex;flex-direction:column;align-items:center;height:100vh;padding-top:60px}.__timecard .__logo-margin{margin-bottom:100px}.__timecard .__form input{border-radius:0!important;border:1px solid;height:45px;padding-left:10px;padding-right:10px;outline:none}.__timecard .__form input:focus{border:1px solid #049c4c;border-radius:0!important}.__timecard .btn{height:45px}.__timecard .btn.rounded{border-radius:50px!important}.__timecard .btn.__primary{background-color:#049c4c;color:#fff}.__timecard .btn.__punched-no{border:2px solid #049c4c;color:#000}.__timecard .btn.__punched-yes{border:none;background-color:#049c4c;color:#fff}.__timecard .btn.__punch{width:300px;display:flex;justify-content:space-between;align-items:center;text-align:center;padding-left:30px;padding-right:30px;font-weight:500;height:50px}.__timecard select{color:grey;background-color:transparent;height:35px;padding-left:8px;padding-right:8px;outline:none}.__timecard select,.__timecard select:focus{border-radius:0!important}