.calendar-wrapper{background-color:#fff;padding-bottom:20px;min-height:600px}
.clndr-table{width:100%;margin-bottom:20px;table-layout:fixed}
.clndr-table>tbody>tr>td,.clndr-table>thead>tr>th{border-bottom:1px solid #E9E9E9;padding:5px;height:35px;width:30%;font-size:9px}
.clndr-table>tbody>tr>td{position:relative;padding-top:20px;vertical-align:bottom;height:55px}
.clndr-table>tbody>tr>td.today{border-radius:3px;border-radius:0}
.clndr-table>tbody>tr>td.today:before{content:'';position:absolute;background:#CFEBEA;top:0;bottom:0;left:0;right:0}
.clndr-table>tbody>tr>td.adjacent-month{color:#ccc}
.clndr-table>tbody>tr>td.adjacent-month .ico-cal{opacity:.5}
.clndr-table>tbody>tr>td.clndr-has-events{cursor:pointer}
.clndr-table .day-contents{font-size:10px;font-weight:700;position:absolute;top:5px;left:5px;z-index:1}
.clndr-legends{width:8px;height:8px;background-color:#fff;float:left;border:1px solid #ccc;border-radius:100%;margin:3px}
.clndr-legend-container{display:block;bottom:5px;position:relative}
.clndr-btn-close{position:absolute;left:0;outline:0;text-decoration:none;font-weight:600;color:#FFF;font-size:18px;line-height:1}
.clndr-btn-close:hover,.clndr-btn-close:focus{outline:0;text-decoration:none}
.clndr-label{padding:10px;position:relative;background:#00529C;color:#FFF}
.clndr-legend-container:after{content:"";clear:both;display:block}
.clndr-previous-button,.clndr-next-button{position:absolute;top:50%;margin-top:-9px;left:10px;cursor:pointer}
.clndr-month-label{position:relative;font-size:20px;text-transform:uppercase;font-family:'Questrial';border-top-left-radius:4px;border-top-right-radius:4px;margin:-20px -20px 0}
.clndr-year-label{display:block;text-align:center;font-size:13px;color:#FFF}
.clndr-next-button{right:10px;left:inherit}
.clndr-grid{position:relative;overflow:hidden;padding:0 10px}
.clndr-events-container{position:absolute;top:0;right:-100%;width:100%;height: 95%;background-color:#ebebeb;transition:right .5s ease;z-index:90;}
.clndr-events-container.active{right:0}
.clndr-events-header{background-color:#3598DB;text-align:center;color:#fff;font-size:18px;line-height:32px;font-weight:500}
.clndr-events-list{overflow-y:auto;height: 282px;}
.clndr-event{border-bottom:1px solid rgba(255,255,255,0.5);-webkit-transition:background-color .25s;-moz-transition:background-color .25s;-ms-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s;padding:8px 10px}
.clndr-has-detail{cursor:pointer}
.clndr-event:hover{background-color:#dedddd}
.calendar-module .clndr-previous-button{left:20px}
.calendar-module .clndr-next-button{right:20px}
.calendar-legends{margin:5px 0;line-height:14px;height:35px;padding-left:0;position:relative}
.calendar-legends>.color{border:1px solid #ccc;background-color:#fff;width:13px;height:13px;display:inline-block;vertical-align:top;margin-right:10px;border-radius:2px}
.calendar-legends>i{position:absolute;top:0;left:0}
.clndr-event .calendar-legends{height:unset;padding:0 0 0 25px}
.calendar-legends input[type="checkbox"]{display:none}
.calendar-legends label{position:relative;display:block;padding:8px 8px 8px 45px;cursor:pointer}
.calendar-legends label>i{position:absolute;left:0;top:0}
.calendar-legends input[type="checkbox"]:checked+label>i{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.calendar-legends input[type="checkbox"]:checked+label{color:#989595}
.clndr-legends.bg-present{border-color:#fff}
.calendar-legends>.color.bg-present,.clndr-legends.bg-present{background-color:#fff}
.calendar-legends>.color.bg-rest_day,.clndr-legends.bg-rest_day{background-color:#3c79b0}
.calendar-legends>.color.bg-rest_day,.clndr-legends.bg-absent{background-color:peachpuff}
.calendar-legends>.color.bg-late,.clndr-legends.bg-late{background-color:#f1c40f;border-color:#f1c40f}
.calendar-legends>.color.bg-undertime,.clndr-legends.bg-undertime{background-color:#ED1C24;border-color:#ED1C24}
.calendar-legends>.color.bg-sl,.clndr-legends.bg-sl{background-color:#F26522;border-color:#F26522}
.calendar-legends>.color.bg-ot,.clndr-legends.bg-ot{background-color:#07AA85;border-color:#07AA85}
.calendar-legends>.color.bg-vl,.clndr-legends.bg-vl{background-color:#F7941D;border-color:#F7941D}
.calendar-legends>.color.bg-halfday,.clndr-legends.bg-halfday{background-color:#00AEEF;border-color:#00AEEF}
.calendar-legends>.color.bg-holiday,.clndr-legends.bg-holiday{background-color:#0054A6;border-color:#0054A6}
.calendar-legends>.color.bg-shift,.clndr-legends.bg-shift{background-color:#a52a2a;border-color:#a52a2a}
.clndr-table>tbody>tr>td.att-bg-late{background-color:#f1c40f;color:#fff}
.clndr-table>tbody>tr>td.att-bg-rest_day{background-color:#3c79b0;color:#fff}
.clndr-table>tbody>tr>td.att-bg-undertime{background-color:#ED1C24;color:#fff}
.clndr-table>tbody>tr>td.att-bg-sl{background-color:#F26522;color:#fff}
.clndr-table>tbody>tr>td.att-bg-ot{background-color:#07AA85;color:#fff}
.clndr-table>tbody>tr>td.att-bg-vl{background-color:#F7941D;color:#fff}
.clndr-table>tbody>tr>td.att-bg-halfday{background-color:#0054A6;color:#fff}
.clndr-table>tbody>tr>td.att-bg-shift{background-color: #8D608C;color:#fff;}
.clndr-table>tbody>tr>td.att-bg-regular_shift{background-color: #E08283;color:#fff;}
.clndr-table>tbody>tr>td.att-bg-override{background-color: #fff;color: #000;}
.clndr-table>tbody>tr>td.att-bg-holiday{background:#0054A6;color:#FFF}
.clndr-table .day-titles li{padding:2px 4px}
.clndr-table .day-titles .bg-late{background-color:#f1c40f;color:#fff}
.clndr-table .day-titles .bg-undertime{background-color:#ED1C24;color:#fff}
.clndr-table .day-titles .bg-sl{background-color:#F26522;color:#fff}
.clndr-table .day-titles .bg-ot{background-color:#07AA85;color:#fff}
.clndr-table .day-titles .bg-vl{background-color:#F7941D;color:#fff}
.clndr-table .day-titles .bg-holiday{background:#0054A6;color:#FFF}
.clndr-table .day-titles .bg-shift{background:#8D608C;color:#fff}
.clndr-table .day-titles .bg-regular_shift{background:#E08283;color:#fff}
.clndr-table .day-titles .bg-absent{background:peachpuff;color:#fff}
.panel-dashboard-right{border-radius:5px;overflow:hidden}
.badge-todo{background-color:#ed1c24;border-radius:5px;padding:5px;font-size:14px;min-width:28px;text-align:center}
.dashboard-todos-container{margin-bottom:30px;height:400px;overflow-y:auto;min-height:100px;margin-top:15px}
.dashboard-todos-container .dtc-post{position:relative;border:1px solid #DADADA;background-color:#fff;min-height:50px;padding:6px 39px 6px 50px;cursor:pointer;margin-bottom:-1px}
.dashboard-todos-container .dtc-post:hover{background-color:#dbe8f5}
.dashboard-todos-container .dtc-icon{position:absolute;top:5px;left:5px}
.dashboard-todos-container .dtc-icon.simple_note{top:10px;left:10px}
.dashboard-todos-container .dtc-img{border:2px solid orange}
.dashboard-todos-container .dtc-content{font-size:14px}
.dashboard-todos-container .dtc-meta{color:#999;font-size:11px}
.dashboard-todos-container .dtc-description{font-size:11px}
.dashboard-todos-container .dtc-action{position:absolute;top:10px;right:10px}
.dashboard-todos-container .dtc-action>a,.dashboard-todos-container .dtc-action>.todo-dot{display:inline-block;vertical-align:top;margin:0 3px}
.todo-dot.open>.dropdown-menu{left:unset;right:0;top:0}
.dashboard-add-todo{margin:10px 0 0;padding:2px 7px}
.dashboard-add-todo .glyphicon{top:3px}
.employee-info-list>ul{list-style:none}
.employee-info-list>ul>li:nth-child(even){background-color:#F5F5F5}
.employee-info-list>ul>li{padding:8px 10px}
.employee-info-list>ul>li>label{margin:0;color:#a9a4a4;font-weight:400;width:120px;display:inline-block;vertical-align:top}
.employee-info-list>ul>li>span{width:calc(100% - 125px);display:inline-block}
ul.request-info-list {list-style:none}
ul.request-info-list > li:nth-child(even){background-color:#F5F5F5}
ul.request-info-list > li{padding:8px 10px}
ul.request-info-list > li>label{margin:0;color:#a9a4a4;font-weight:400;width:120px;display:inline-block;vertical-align:top}
ul.request-info-list > li>span{width:calc(100% - 125px);display:inline-block}
.selected_dates{position:absolute;background:#f8efc0;top:0;left:0;width:100%;height:100%}
.table-rv-employee>thead>tr:nth-child(1)>th{background-color:#00529c;text-align:center;color:#fff;font-size:18px}
.table-rv-employee>thead>tr:nth-child(2)>th{color:#a7a7a7;font-weight:400}
.table-rv-employee>thead>tr>th,.table-rv-employee>tbody>tr>td{border-color:#fff}
.table-rv-employee>tbody>tr:nth-of-type(odd){background-color:#f5f5f5}
button.circle-close{background:#fff;width:35px;height:35px;margin-top:-18px;margin-right:-20px;opacity:1;border-radius:50%;color:#5b6067}
button.circle-close:hover{opacity:1;color:#5b6067}
.request-status-box{color:#fff;border-radius:5px;padding:2px 5px;text-align:center}
.request-dot{display:inline-block;vertical-align:middle}
.request-dot .btn{padding:0}
.request-dot.open>.dropdown-menu{left:unset;right:0}
button.circle-close:hover{opacity:1;color:#5b6067}
.dis-search-group input{width:calc(100% - 80px);margin-right:5px;display:inline-block;vertical-align:middle}
.dis-search-group .dis-add{display:inline-block;vertical-align:middle;vertical-align:middle}
.custom-button{background-color:#f1f1f1;border-radius:20px;padding:5px;float:right}
.custom-button>.cb-link.cb-active{background-color:#169F98;color:#fff}
.custom-button>.cb-link{text-decoration:none;padding:2px 6px;border-radius:30px;display:inline-block;vertical-align:middle;color:#000}
.custom-button>.cb-link:not(.cb-active):hover{background-color:#e5e3e3}
ul.list-process{list-style:none;padding:0;margin-top:0}
ul.list-process>li{float:left;margin-right:15px}
ul.list-process>li>a{padding:8px 12px;color:#17a098;font-size:16px;display:block;text-align:center;background:#C9CDD8;position:relative}
ul.list-process>li>a span{background:#ABAEB8;float:right;padding:8px 14px;margin:-8px -13px 0 12px;border-top-right-radius:4px;border-bottom-right-radius:4px}
ul.list-process>li.active >a span{background:#148881}
ul.list-process:after{content:"";display:block;clear:both}
ul.list-process>li>a:hover{color:#17a098;text-decoration:none}
ul.list-process>li.active>a{color:#FFF;background:#17A098}
.paddside15{padding-left:25px;padding-right:25px}
.btn-days label{margin:2px}
.btn-days label .btn{padding:6px 22px;background-color:#ccc;color:#fff;border-radius:30px}
.btn-days label input[type="checkbox"]:checked+.btn{background-color:#87C80A}
.educ_section{padding-top:15px;padding-bottom:15px}
.educ_section:nth-child(odd){background-color:#fff}
.vresize{resize:vertical;min-height:100px}
.leave_detail_sec:only-child .remove_row{display:none}
.leave_detail_sec:only-child .col-md-4{width:41.66666667%}
.reimbursement_detail_sec:only-child .remove_row,.commission_detail_sec:only-child .remove_row{display:none}
.reimbursement_detail_sec:only-child .col-md-5,.commission_detail_sec:only-child .col-md-5{width:50%}
.reimbursement_detail_sec:only-child .col-md-7{width:66.66666667%}
.row.multiple:only-child .col-md-5{width:50%}
.row.multiple:only-child .remove_row{display:none}
.remove_row .ico.ico-minus-sign{vertical-align:middle}
.id-bar{width:35px;height:6px;border-radius:3px;float:left;margin:5px 5px 5px 0}
.attendance-present{background-color:#3699dd}
.attendance-late{background-color:#17a098}
.attendance-absent{background-color:#738da6}
.attendance-leave{background-color:#7ba3c7}
.attendance-rest_day{background-color:#3c79b0}
.nav-custom>li+li{margin-left:7px}
.nav-custom>li>a{min-width:115px;text-align:center}
.nav-custom>li{margin:0 7px 10px}
.nav-custom{margin-left:-7px;margin-right:-7px}
.dropright>.dropdown-menu{left:unset;right:0}
.item-block{display:block;color:#000}
ul.list-general{padding:0;list-style:none}
ul.list-general>li{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:15px}
ul.list-general>li>.lmedium{max-width:300px}
ul.list-general>li>.form-control{margin-top:15px}
ul.list-general>li>.note{font-size:12px;color:#999;display:inline-block}
.check_all_wrapper input[type="checkbox"]{display:none}
.check_all_wrapper label:before{content:"";width:14px;height:14px;border:1px solid #ccc;display:inline-block;position:absolute;top:3px;left:0;line-height:11px}
.check_all_wrapper label{position:relative;padding-left:20px;cursor:pointer}
.check_all_wrapper input[type="checkbox"]:checked+label:before{content:"\2713";font-weight:800}
.file_trigger{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;cursor:pointer;transition:all ease .3s;padding:35px 0;text-align:center;font-size:18px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,0.3);color:#FFF}
.file_trigger:hover{background-color:rgba(0,0,0,0.5);color:#fff}
.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.hide-browsefile{opacity:0;color:#fff}
#employee_photo:hover .hide-browsefile{opacity:.8}
.company_logo_wrapper:hover .hide-browsefile{opacity:1}
.dropdown-month{display:inline-block;cursor:pointer}
.dropdown-month .dropdown-menu > li{float:left;font-size:12px}
.dropdown-month .dropdown-menu{width:222px;left:-40px}
.dropdown-month .dropdown-menu > li > a{padding:10px;min-width:55px;text-align:center}
.dropdown-month .dropdown-menu > .active > a,.dropdown-month .dropdown-menu > .active > a:hover,.dropdown-month .dropdown-menu > .active > a:focus{background:none;background-color:#169f98}
.dropdown-year{display:block;cursor:pointer}
.dropdown-year .dropdown-menu{max-height:290px;overflow-y:auto;min-width:100px;left:50%;margin-left:-50px}
.dropdown-year .dropdown-menu > .active > a,.dropdown-year .dropdown-menu > .active > a:hover,.dropdown-year .dropdown-menu > .active > a:focus{background:none;background-color:#87C80A}
#ffc-folder-area{border-right:1px solid #e5effb;height:420px;overflow:auto;max-width:250px;background-color:#f9f9f9}
#ffc-files-area{padding:15px;transition:all ease .8s;overflow-y:auto;float:left;width:100%;height:420px}
#ffc-file-list{padding:0;list-style:none}
#ffc-file-list > li{margin:5px;cursor:pointer;padding:10px 5px;min-height:120px;width:115px;text-align:center;vertical-align:top;float:left;border-radius:3px;overflow:hidden}
#ffc-file-list > li:hover{background-color:#f1f1f1;border-radius:5px}
#ffc-file-list > li > .name-text{font-size:12px;display:block;width:100%;margin-top:105px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ffc-file-list > li.file-tooltip.folder{background-image:url(../img/files_icon/folder.png);background-repeat:no-repeat;background-position:top center;background-size:110px}
#ffc-file-list > li.file-tooltip.type-d{background-image:url(../img/files_icon/document.png);background-repeat:no-repeat;background-position:top center;background-size:90px;background-position-y:10px}
#ffc-file-list > li.file-tooltip.type-o{background-image:url(../img/files_icon/octet.png);background-repeat:no-repeat;background-position:top center;background-size:90px;background-position-y:10px}
#ffc-file-list > li.file-tooltip.type-v{background-image:url(../img/files_icon/videos.png);background-repeat:no-repeat;background-position:top center;background-size:90px;background-position-y:25px}
#ffc-file-list > li.file-tooltip.type-a{background-image:url(../img/files_icon/audio.png);background-repeat:no-repeat;background-position:top center;background-size:90px;background-position-y:15px}
#ffc-file-list > li.file-tooltip.type-i img{border:5px solid #fff;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.4);-ms-box-shadow:0 1px 3px 0 rgba(0,0,0,.4);-o-box-shadow:0 1px 3px 0 rgba(0,0,0,.4);box-shadow:0 1px 3px 0 rgba(0,0,0,.4)}
#ffc-file-list > li.file-tooltip.type-i > .name-text{margin-top:5px}
#ffc-file-list .ffc-rename-input{border:0;outline:0;width:100%;text-align:center}
#ffc-file-list li.ui-sortable-placeholder{position:relative;background-color:#f1f1f1;width:115px;min-height:120px}
#ffc-search-result{width:300px;height:420px;overflow-y:scroll;background-color:#f9f9f9;transition:all ease .8s;float:left;-webkit-box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,.1);-moz-box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,.1);-o-box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,.1)}
#ffc-content-area{position:relative;height:420px;overflow:hidden}
#ffc-content-area.search-result #ffc-files-area{width:calc(100% - 300px)}
#search-result-list{list-style:none;padding:0}
#search-result-list > li{padding:10px;cursor:pointer;border-bottom:1px solid #e4e4e4}
#search-result-list .src-ico{float:left;width:20px;height:20px;margin:0 10px 0 0;background-repeat:no-repeat;background-position:top center}
#search-result-list .src-ico.folder{background-image:url(../img/files_icon/folder.png);background-size:25px;background-position-y:-2px}
#search-result-list .src-ico.file{background-image:url(../img/files_icon/document.png);background-repeat:no-repeat;background-position:top center;background-size:20px}
#ffc-content-area{overflow:hidden;height:420px}
#fileupload .fileinput-button{display:block;width:100%;border:2px dashed #ccc;padding:10px;text-align:center;border-radius:3px;min-height:100px;transition:all ease .5s}
#fileupload .fileinput-button input{direction:unset;top:0;left:0;right:unset;width:100%;height:100%;z-index:1;cursor:pointer}
#fileupload .fileinput-button:hover{min-height:120px;padding-top:20px;background-color:#f9f9f9;cursor:pointer}
#fileupload .fileupload-buttonbar{text-align:right;margin:10px 0}
#fileupload .fileupload-buttonbar .btn{min-width:100px}
.calendar_event_modal .modal-header{min-height:221px;padding:0;position:relative;background-color:#f56660;border-top-left-radius:6px;border-top-right-radius:6px;background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#ccc}
.calendar_event_modal .modal-type-birthday{background-image:url(../img/img008.jpg)}
.calendar_event_modal .modal-type-work-anniversary{background-image:url(../img/img009.jpg)}
.calendar_event_modal .modal-type-training{background-image:url(../img/img011.jpg)}
.calendar_event_modal .modal-type-leave{background-image:url(../img/img010.jpg)}
.calendar_event_modal .modal-type-holiday{background-image:url(../img/img012.jpg)}
.calendar_event_modal .modal-type-announcements{background-image:url(../img/img043.jpg)}
.calendar_event_modal .modal-type-others{background-image:url(../img/img032.jpg)}
.calendar_event_modal .modal-header .close{background-color:#fff;opacity:1;border-radius:100%;padding:10px 5px;height:36px;width:36px;margin-top:-17px;margin-right:-16px;font-size:33px;line-height:17px;text-align:center;color:#5b6066;box-shadow:1px 2px 3px rgba(0,0,0,0.3)}
.calendar_event_modal .modal-date{background-color:#057ac0;color:#fff;min-height:92px;width:90px;padding:10px;text-align:center;border-radius:5px;margin:20px}
.calendar_event_modal .modal-header h5{font-size:25px;color:#fff;position:absolute;left:0;width:100%;bottom:10px;text-shadow:1px 2px 3px rgba(0,0,0,0.5)}
.calendar_event_modal .rl-user{margin-bottom:15px}
.calendar_event_modal .rl-user > label{width:100%;cursor:pointer;margin:0;padding:5px;border-radius:3px;position:relative;padding-left:100px;min-height:90px}
.calendar_event_modal .rl-user > label:hover{background-color:#f1f1f1}
.calendar_event_modal .rl-user input[type="checkbox"]{display:none}
.calendar_event_modal .rl-user > label > img{float:left;border-radius:100%;position:absolute;top:0;left:0}
.calendar_event_modal .rl-user > label > .rl-info{float:left;font-family:'Open sans';font-size:14px}
.calendar_event_modal .rl-user .rl-name{font-size:15px;font-weight:500;font-family:NeoSansW01;color:#5c5c5c}
.calendar_event_modal .rl-user > label:before{content:"";position:absolute;width:25px;height:25px;bottom:0;left:3px;background-color:#fff;border-radius:100%;border:2px solid #8ecd0a;z-index:1}
.calendar_event_modal .rl-user > input[type="checkbox"]:checked + label:before{content:"✓";background-color:#8ecd0a;color:#fff;font-size:20px;line-height:22px;text-align:center}
.calendar_event_modal .modal-content{border:0}
.calendar_event_modal .recipient-list{max-height:430px;overflow:auto}
.calendar_event_modal .modal-dialog{width:625px}
.calendar_event_modal .modal-date-day{font-size:32px;font-weight:500;line-height:34px}
.calendar_event_modal .modal-date-month{text-transform:uppercase;font-weight:500;font-size:18px;line-height:18px}
.calendar_event_modal .training-schedule{font-size:14px;color:#666}
.calendar_event_modal .training-info{font-size:14px;color:#666}
.calendar_event_modal .training-info .ti-row{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ebecec}
.calendar_event_modal .ti-participant *{font-size:13px}
.calendar_event_modal .ti-participant-photo{padding:0;list-style:none}
.calendar_event_modal .ti-participant-photo > li{float:left}
#calendar_participants_modal .list-participants{padding:0;list-style:none}
#calendar_participants_modal .list-participants > li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f1f1f1}
#calendar_participants_modal .modal-body{max-height:500px;overflow-y:auto}
ul.list-general-tab{padding:0;margin:0;list-style:none;margin-top:10px}
ul.list-general-tab > li{padding-bottom:20px}
ul.list-general-tab > li:last-child{padding-bottom:0}
.btn-checkbox input[type="checkbox"]{display:none}
.btn-checkbox label{display:block;color:#fff;width:90px;padding:5px;text-align:center;background-color:gray;border-radius:20px;cursor:pointer}
.btn-checkbox label:hover{background-color:gray}
.btn-checkbox input[type="checkbox"]:checked + label{background-color:#87C80A}
.request_type_label{font-size:20px}
.template_field_wrapper .field_container{height:375px;overflow-y:auto;border:1px solid #e8e8e8;border-radius:3px;padding:5px}
.template_field_wrapper li.list_row{list-style:none}
.template_field_wrapper li.list_row div{position:relative;display:block;background:#EEE;border:1px solid #EEE;padding:5px 10px 5px 22px;border-radius:3px;color:#333;margin-bottom:7px;text-decoration:none;font-size:13px;position:relative}
.template_field_wrapper li.list_row.ui-draggable-dragging div{background:#DDD;border:1px solid #CCC;z-index:99;position:relative}
.template_field_wrapper li.list_row i{position:absolute;left:5px;top:50%;margin-top:-7px}
.template_field_wrapper li.ui-sortable-placeholder{background-color:red;height:30px;border-radius:3px;background-image:linear-gradient(to bottom,#fcf8e3 0%,#f8efc0 100%);border-color:#f5e79e;margin-bottom:7px;visibility:visible!important}
.template_field_wrapper .drop_assign li.list_row{width:100%}
.template_field_wrapper .drop_assign.hover{background-image:-webkit-linear-gradient(top,#fcf8e3 0%,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0%,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0%,#f8efc0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0);border-color:#f5e79e}
.template_field_wrapper .list_row.ui-draggable-dragging{min-width:220px}
.template_field_wrapper ol.clear{padding:0;margin:0;min-height:300px}
.import_tutorial_graphic{min-height:180px;background-color:#f1f1f1;border:1px solid #dadada;border-radius:5px;padding:10px;margin-bottom:10px}
.import_tutorial_graphic .itg-img img{display:block;margin:15px auto}
.import_tutorial_graphic .itg-img{position:relative;display:inline-block}
.import_tutorial_graphic .itg-icon{background-color:#00529c;width:45px;height:45px;display:block;position:absolute;bottom:10px;right:-19px;border:4px solid #fff;border-radius:100%;display:flex;align-items:center;justify-content:center}
.import_tutorial_graphic .itg-col{position:relative}
.import_tutorial_graphic .itg-col + .itg-col:after{content:"";display:inline-block;background:url(../img/sprites.png) no-repeat;background-position:-108px -201px;width:15px;height:25px;position:absolute;top:50%;left:0;margin-top:-19px}
.radio-inline input[type="radio"]{margin-left:-34px}
.radio-inline:before{content:"";width:15px;height:15px;position:absolute;border-radius:100%;top:2px;left:0;border:1px solid #ccc}
.radio-inline{position:relative;overflow:hidden}
.checkbox-inline input[type="radio"]{margin-left:-34px}
.radio-inline input[type="radio"]:checked:before{content:"";width:9px;height:9px;position:absolute;top:1px;left:17px;background-color:#17a098;border-radius:100%}
.dtr_legend{padding:0;list-style:none}
.dtr_legend > li{display:inline-block;margin:5px 10px;vertical-align:middle}
.dtr_legend > li > span{display:inline-block;border:1px solid red;width:15px;height:15px;margin-right:5px;vertical-align:middle}
.dtr_legend > li:first-child{margin-left:0}
.dtr_legend .sick-leave{background-color:#F26522;border:#F26522}
.dtr_legend .vacation-leave{background-color:#F7941D;border:#F7941D}
.dtr_legend .other-leave{background-color:#bee2ef;border:#bee2ef}
.dtr_legend .weekend{background-color:#EAF1DD;border:#EAF1DD}
.dtr_legend .holiday{background-color:#028a15eb;border:#028a15eb}
.dtr_legend .absent{background-color:peachpuff;border:peachpuff}
.dtr_legend .rest_day{background-color: #3c79b0;border:peachpuff;}
.payment-frequency-toggle .checkbox-inline{margin:10px 15px!important}
.payment-frequency-toggle .checkbox-inline:first-child{margin-left:0!important}
.checkbox-1 {display: inline-block;padding-left: 21px;overflow: hidden;position: relative;margin-right: 15px;cursor: pointer;}
.checkbox-1:before {content: "";width: 16px;height: 16px;border: 1px solid #ccc;position: absolute;top: 2px;left: 0;border-radius: 3px;}
.checkbox-1 input[type="checkbox"] {margin-left: -35px;}
.checkbox-1 input[type="checkbox"]:checked:before {content: "✔";position: absolute;top: -4px;left: 16px;}
#setup_cover .step_item .no-decor {text-decoration: unset;}
.table-lv-employee>thead>tr:nth-child(1)>th{background-color:#00529c;color:#fff;font-size:16px}
.table-lv-employee>thead>tr:nth-child(2)>th{color:#a7a7a7;font-weight:400}
.table-lv-employee>thead>tr>th,.table-lv-employee>tbody>tr>td{border-color:#fff}
.table-lv-employee>tbody>tr:nth-of-type(odd){background-color:#f5f5f5}


.tuts-ico {
	background-image: url(../img/img045.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}


.tuts-border {
    width: 110px;
    height: 110px;
    display: block;
    margin: 0 auto;
    border: 2px solid #17a098;
    border-radius: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.tuts-ico.tuts-ico-download {
	width: 60px;
	height: 65px;
	background-position: 0px 0px;
}


.tuts-ico.tuts-ico-encode {
	width: 64px;
	height: 65px;
	background-position: -68px 0px;
}


.tuts-ico.tuts-ico-upload {
	width: 65px;
	height: 65px;
	background-position: -133px 1px;
}

.tuts-ico.tuts-ico-match {
	
width: 68px;
	
height: 65px;
	
background-position: 0px -67px;
}


.tuts-ico.tuts-ico-import {
	
width: 63px;
	
height: 62px;
	
background-position: -70px -69px;
}


.import_tuts {
    border: 2px solid #dadada;
    border-radius: 3px;
    margin-bottom: 15px;
}

.import_tuts .import_tuts_footer {
    min-height: 55px;
    padding: 10px 15px;
    background-color: #dadada;
}

ul.tuts-steps {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tuts-steps > li {
    float: left;
    width: 33.33333%;
}


.tuts-border:after {
    content: "";
    height: 2px;
    width: 70px;
    background-color: #17a098;
    position: absolute;
    top: 50%;
    right: -70px;
    margin-top: -1px;
}

.tuts-border.tuts-border-hide:after {
    background-color: transparent;
}

.tuts-step {
	color:#17a098;
}

.btn-tuts-guide {
    background-color: transparent;
    border: 0;
    color: #4a7f7c;
    outline: 0;
    margin-top: 8px;
}

.btn-tuts-guide span {
    color: #17a098;
}

.file_placeholder {
    text-align: center;
    color: #6c6c6c;
    border: 1px dashed #ccc;
    padding: 15px;
    position: relative;
    z-index: 1;
}

.fp-browse {
    border: 1px solid #17a098;
    width: 75px;
    color: #4a7f7c;
    border-radius: 3px;
    margin: 0 auto;
    cursor: pointer;
}


.fp-upload {
	height: 94px;
    position: absolute;
    z-index: 5;
    top: 0;
    background-color: transparent;
    opacity: 0;
    cursor: pointer;
}


.fp-drop-placeholder {
    min-height: 40px;
}