﻿.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:#ffdab9}
.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;display:inline-block;width:94%;margin:2px 4px;border-radius:3px}
.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 .editable:hover{cursor:pointer;opacity:.9}
.clndr-table .day-titles .bg-regular_shift{background:#3b8075;color:#fff}
.clndr-table .day-titles .bg-absent{background:#ffdab9;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%;opacity:.5}
.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-work-status{background-image:url(../img/img032.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:#ffdab9;border:#ffdab9}
.dtr_legend .rest_day{background-color:#3c79b0;border:#ffdab9}
.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:0 0}
.tuts-ico.tuts-ico-encode{width:64px;height:65px;background-position:-68px 0}
.tuts-ico.tuts-ico-upload{width:65px;height:65px;background-position:-133px 1px}
.tuts-ico.tuts-ico-match{width:68px;height:65px;background-position:0 -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}
.analysis-chart{min-height:250px;border:1px solid #ccc;margin:0 0 20px;border-radius:3px;overflow:hidden}
#analysis_distance{position:absolute;top:0;left:0;width:100%;background-color:#fff;display:none}
#analysis_distance.show{display:block}
.analysis_cluster_cb{position:absolute;top:8px;right:10px;z-index:2}
#realty_location_analysis_modal .analysis_cluster_cb .toggle{width:66px!important;height:22px!important}
.checkcrossbox{display:none}
.checkcrossbox.checked + label:after{content:'\2714';font-size:14px;line-height:14px;color:#3c763d;position:absolute;left:0}
.checkcrossbox.crossed + label:after{content:'\00d7';font-size:23px;line-height:1px;color:#c9302c}
.checkcrossbox + label{border:1px solid #CCC;background:#FFF;border-radius:3px;width:15px;height:15px;vertical-align:middle;cursor:pointer;position:relative;margin-bottom:2px}
form .f_nearby_search > div{width:calc(100% - 15px);margin:12px auto}
#agent_status_icons .status_icon{color:gray;font-size:20px;width:36px;height:36px;padding:0;background:#efefef;text-shadow:0 1px 1px #fff;border:1px solid #ccc!important}
#agent_status_icons .status_icon.active{color:#71aa00}
#agent_status_icons .status_icon.inactive{color:#ed1c24}
#agent_status_icons .status_icon i{line-height:inherit;vertical-align:middle}
#agent_status_icons .status_icon.btn-sm{font-size:14px;height:28px;width:28px}
#agent_status_icons .status_icon.badge{border-radius:50%;cursor:unset;box-shadow:none!important}
.search-horizontal #agent_status_icons .status_icon{height:32px;width:32px;margin-top:1px}
.btn-group > .btn.btn-xs + .dropdown-toggle{padding-left:5px;padding-right:5px}
.modal .select2-container .select2-selection.select2-selection--multiple{max-height:142px;overflow-y:scroll}
.popover-details + .popover{min-width:200px!important;max-width:400px;width:100%;z-index:1}
.popover-details + .popover .popover-content{padding:10px}
.popover-details + .popover .popover-title{padding:10px;font-family:'Questrial';font-size:16px;color:#00529c}
.popover-details + .popover .popover-content .table{border:0 solid #d9d7d7!important}
.popover-details-min{max-height:420px;min-height:60px;overflow-y:hidden;margin-right:-10px}
.close_popover{position:absolute;top:8px;right:8px;font-size:22px}
.ol-custom-control{font-size:38px;background-color:#fff;box-shadow:rgba(0,0,0,0.3) 0 1px 4px -1px;box-sizing:border-box;border-radius:2px;cursor:pointer;font-weight:300;height:111px;margin:6px;text-align:center;user-select:none;padding:2px;width:28px;position:absolute;bottom:0;right:0;z-index:1}
.ol-custom-control button{border:0;background-color:#fff;color:rgba(0,0,0,0.6);padding:3px;font-size:16px;width:23px;height:27px;margin:0;position:relative;display:block;outline:0}
.ol-custom-control button:hover{color:rgba(0,0,0,0.9)}
.ol-custom-control button.ol-custom-zoom-in,.ol-custom-control button.ol-custom-zoom-out{font-size:23px;font-family:Arial;vertical-align:top;line-height:0}
.ol-custom-control button.ol-custom-center,.ol-custom-control button.ol-custom-marker{border-bottom:1px solid #e6e6e6}
.ol-custom-control button.ol-custom-marker.visible:hover{color:rgba(0,82,156,0.9)}
.ol-custom-control button.ol-custom-marker.visible{color:rgba(0,82,156,0.6)}
.ol-popup{padding:0;border:transparent;background-color:transparent;bottom:-60px;left:36px}
.ol-popup:before,.ol-popup:after,.ol-popup .ol-popup-closer{content:"";display:none}
.ol-popup .row-striped > .row{padding:2px 0}
.input-group-addon button.btn-bluegreen,.input-group-addon .btn.btn-bluegreen{background:#169F98}
.input-group .input-group-addon.input-group-button{padding:0}
.input-group .input-group-addon.input-group-button > span{padding:10px 12px}
.input-group-xs>.form-control,.input-group-xs>.input-group-addon,.input-group-xs>.input-group-btn>.btn{height:22px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.input-group-sm .select2-container--default .select2-selection--single{height:28px;padding:1px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:24px}
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow b{top:50%}
.input-group-sm .select2-container--default .select2-selection--single{border:1px solid #CCC!important;box-shadow:0 1px 1px rgba(0,0,0,0.060) inset;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0}
.input-group-xs .select2-container--default .select2-selection--single{height:22px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.input-group-xs .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:20px}
.input-group-xs .select2-container--default .select2-selection--single .select2-selection__arrow b{top:35%}
.input-group-xs .select2-container--default .select2-selection--single{border:1px solid #CCC!important;box-shadow:0 1px 1px rgba(0,0,0,0.05) inset;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0}
.modal .nav-curvy > li > a > span{font-size:13px}
.input-group :nth-child(2).select2-container .select2-selection--single{border-top-left-radius:4px;border-bottom-left-radius:4px}
.marker_plot_container{position:absolute;bottom:4px;left:8px;width:120px!important;z-index:2}
.marker_plot_container .toggle.btn{width:95px!important}