@font-face {
  font-family: 'GothamBook';
  src: url('../fonts/GothamBook.html');
  font-weight: normal;
  font-style: normal;
}



*{font: inherit;font-style: normal;}

.hidden-body{overflow:hidden !important;background:url(../images/warning-bg.jpg) no-repeat #4e65bc; background-size: cover;width: 100%;height: 100%;}
#warning-message{display:none;width:100%;height:100vh;background:url(../images/warning-bg.jpg) no-repeat #4e65bc; background-size: cover;color:#fff;text-align:center;position:fixed;padding:15px;z-index:9999}
.warning-logo{display:table-row;width:180px;margin:0 auto;height:84px}
.warning-message-inner{display:table-cell;vertical-align:middle;text-align:center}
.warning-message-inner h2{margin:0;font-size:14px;text-transform:uppercase;line-height:24px;letter-spacing:5px}
.warning-btns{margin-top:25px;}
.warning-btns a{ margin:5px 10px;display: inline-block;}


#preloader{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;opacity:0.5;background:url(../images/loading.gif) no-repeat center center #4e65bc;}

/*! ================### ERROR PAGE STYLING ###=============== */
.error-page-outer{display:table;position:absolute;height:100%;width:100%;background:#2b405b;font-family:'Montserrat',sans-serif;}
.error-page-middle{display:table-cell;vertical-align:middle;}
.error-page-inner{margin-left:auto;margin-right:auto;width:450px;}
.error-page-inner h1{ font-size: 138px; font-weight: bold; color: #fff; line-height: initial;}
.error-page-inner .sub-heading{ font-size: 21px; font-weight: 300; color: #fff;margin-top: 65px;}
.icon-links{ margin-top: 30px;}
.icon-links a{width: 38px; height: 38px; border-radius: 100%; line-height: 35px; border:2px solid #fff; color: #fff; display: inline-block; font-size: 15px; margin-right: 20px;}
.icon-links a i{color: #fff;}


/*!---------global styling --------*/
div,section,header,footer,article,nav,ul,li,a,span,input,textarea,label{-webkit-box-sizing:border-box;box-sizing:border-box}
body{-webkit-overflow-scrolling:touch;background-color:#fff;font-family:'Roboto',sans-serif;color:#718490;font-size:14px;}
a:focus, button:focus{outline:none!important;}
a:focus, a:hover{text-decoration: none !important}
/*!**!*/
input::placeholder{color:#aaa;opacity:1}
::-webkit-input-placeholder{color:#aaa}
:-ms-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa;opacity:1}
:-moz-placeholder{color:#aaa;opacity:1}
/*!**!*/
.site{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.site-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:100%;position:relative}
.body-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;height:100vh}
.main-view{display:block;padding-left:250px;padding-top:60px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.main-view.collapse{padding-left:60px}
.main-view-wrapper{padding:20px}
li{list-style-type:none}
.err-msg{color:#e00;font-size:.9em}
label{margin-bottom: 0px;}
.heading-tab .btn,.heading-tab .btn:focus{line-height: 30px; height: 32px; color: #788cc6; font-size: 13px; font-weight: 400; border: 1px solid #788cc6;}
.heading-tab .btn:focus:hover{color: #fff;}

/*!------- flex properties ------*/
.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row}
.flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column}
.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}
.flex-2{-webkit-box-flex:2;-ms-flex:2;flex:2}
.flex-3{-webkit-box-flex:3;-ms-flex:3;flex:3}


/*!------------- ###  typography  ### -----------*/
.text-sm{font-size:12px}
.text-md{font-size:14px}
.text-lg{font-size:18px}
.text-extra-light{color:#919a9e}


/*!------------- ###  headings  ### --------------*/
.page-heading{font-family:'GothamBook',sans-serif;font-size:24px;color:#5166af;margin-bottom:20px}
.modal-heading{font-family:'Montserrat',sans-serif;font-size:34px;color:#dcdbdb;font-weight:300;margin-bottom:14px}


/*!-------------- ###  avatar  ### -----------*/
.avatar{width:40px;height:40px;background-color:#e5e6e7;background-size:cover;background-position:center;background-repeat:no-repeat}
.avatar-round{border-radius:50%}
.avatar-square{border-radius:8px}


/*!-------------- ###  dropdown  ### ---------------*/
.dropdown-toggle{position:relative}
.dropdown-toggle:hover .dropdown-menu--wrapper{visibility:visible;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all .3s ease;transition:all .3s ease;}
.dropdown-menu--wrapper{position:absolute;right:0;top:100%;visibility:hidden;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:999}
.tip-top{width:10px;height:9px;right:22px;position:absolute;top:-3px;background:url(../icons/header/tip.png)}
.drowdown-icon{color:#919a9e}
ul.usm-list{font-family:'Montserrat',sans-serif;margin:0;padding:0;background:#fff;border:1px solid #e6eaee;border-radius:5px;overflow:hidden}
ul.usm-list li.usm-list--item{border-bottom:1px solid #e6eaee;padding:2px 15px}
ul.usm-list li.usm-list--item:last-child{border-bottom:0}
ul.usm-list li.active{background:#788cc6;color:#fff}
ul.usm-list li.active:hover{background:#5166af}
.media-content{color:#586774;font-size:13px;padding:0 10px;text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em}
.media-content>span{color:#718490;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@-webkit-keyframes fadeIn{from{ opacity: 0;}to{ opacity: 1;}}  
@keyframes fadeIn{from{ opacity:0;}to{ opacity:1;}}
.header-item .dropdown-menu--wrapper{display:none;}
.dropdown-toggle:hover .dropdown-menu--wrapper{display:block;-webkit-animation: fadeIn .5s;animation: fadeIn .5s;}



/*!----------- ###  shadow  ### --------*/
.depth{-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.1);box-shadow:0 0 10px 2px rgba(0,0,0,0.1)}


/*!------------ ### icons ### -------------*/
.fa{color:#919a9e}
.fa-hover:hover{color:#222c3c;cursor:pointer}
.usm-icon{display:inline-block;width:25px;height:25px;background-size:initial;background-position:center;background-repeat:no-repeat;vertical-align:middle}
.usm-icon--sm{width:20px;height:20px}
.usm-icon--md{width:32px;height:32px}
.usm-icon--lg{width:50px;height:50px}
.usm-icon-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.usm-icon--dropdown{background-image:url('../icons/header/profile-dropdown-carot.png');width:10px;height:10px}
/*! header icon */
.usm-icon--hamburger{background-image:url('../icons/header/hamburger.png')}
.usm-icon--notification{background-image:url('../icons/header/notifications.png')}
.usm-icon--quick-link{background-image:url('../icons/header/quick-links.png')}
/*! menu icon */
.usm-icon--announcements{background-image:url('../icons/menu/announcements.png')}
.usm-icon--attendance{background-image:url('../icons/menu/attendance.png')}
.usm-icon--contacts{background-image:url('../icons/menu/contacts.png')}
.usm-icon--wall{background-image:url('../icons/menu/wall.png')}
.usm-icon--dashboard{background-image:url('../icons/menu/dashboard.png')}
.usm-icon--holidays{background-image:url('../icons/menu/holidays.png')}
.usm-icon--leave{background-image:url('../icons/menu/leave.png')}
.usm-icon--profile{background-image:url('../icons/menu/my-profile.png')}
.usm-icon--payslips{background-image:url('../icons/menu/payslips.png')}
.usm-icon--docs{background-image:url('../icons/menu/policy-docs.png')}
.usm-icon--refer{background-image:url('../icons/menu/refer-employee.png')}
.usm-icon--feedback{background-image:url('../icons/menu/team-feedback.png')}
.usm-icon--vaccine{background-image:url('../icons/menu/vaccine.png')}
.usm-icon--todo{background-image:url('../icons/menu/todo.png')}
.usm-icon--organization{background-image:url('../icons/menu/organization.png')}
.usm-icon--recruitment{background-image:url('../icons/menu/recruitment.png')}
.usm-icon--account{background-image:url('../icons/menu/account.png')}
.usm-icon--report{background-image:url('../icons/menu/report.png')}
.usm-icon--masters{background-image:url('../icons/menu/masters.png')}
.usm-icon--help{background-image:url('../icons/menu/help.png')}
.usm-icon--travels{background-image:url('../icons/menu/travels.png')}
.usm-icon--expenses{background-image:url('../icons/menu/expenses.png')}
.usm-icon--poll{background-image:url('../icons/menu/poll.png')}
.usm-icon--resign{background-image:url('../icons/menu/resign.png')}
/*! profile icons */
.usm-icon--email{background-image:url('../icons/my_profile/email.png')}
.usm-icon--mobile{background-image:url('../icons/my_profile/mobile.png');height: 27px;}
.usm-icon--skype{background-image:url('../icons/my_profile/skype.png')}
/*! user icons */
.usm-icon--timesheet{background-image:url('../icons/quick_links/timesheet.svg');}
.usm-icon--viewProfile{background-image:url('../icons/quick_links/profile.svg');}
.usm-icon--password{background-image:url('../icons/quick_links/pwd.svg');}
.usm-icon--get-app{background-image:url('../icons/quick_links/mobile.svg');}
.usm-icon--logout{background-image:url('../icons/quick_links/Logout.svg');}
/*! other icons */
.usm-icon--datepicker{background-image:url('../icons/datepicker-icon.png');}
.usm-icon--timepicker{background-image:url('../icons/timepicker-icon.png')}
.usm-icon--payslip{background-image:url('../icons/payslips/payslips-icon.png');width: 47px; height: 57px;}
/*! quick links icons */
.usm-icon--profile_ql{background-image:url('../icons/quick_links/MyProfile.svg');}
.usm-icon--attendance_ql{background-image:url('../icons/quick_links/Attendance.svg');}
.usm-icon--leave_ql{background-image:url('../icons/quick_links/LeaveWFH.svg');}
.usm-icon--holiday_ql{background-image:url('../icons/quick_links/Holidays.svg');}
.usm-icon--payslip_ql{background-image:url('../icons/quick_links/Payslips.svg');}
.usm-icon--contact_ql{background-image:url('../icons/quick_links/Contacts.svg');}
.usm-icon--signature{background-image:url('../icons/quick_links/signature.svg');}

/*! ================### BUTTON STYLING ###=============== */
/*! button fab */
.btn-fab{padding:6px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;text-align:center;display:inline-block}
.btn-fab:focus{outline:0}
.btn-fab-sm{padding: 2px 4px 2px 4px;;font-size:11px}
.btn-fab-lg{padding:8px;font-size:18px}
.btn-fab .fa{color:#fff}
.btn-fab.btn-normal{min-width:auto}
/*! button blank */
.btn-blank{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;text-align:center;height:36px;text-transform:capitalize;line-height:36px;display:inline-block;color:#79919d;font-weight:400;white-space:nowrap;font-family:'Montserrat',sans-serif;cursor:pointer}
.btn-blank i.fa{color:#79919d}
.btn-blank:hover{color:#222c3c}
.btn-blank:hover i.fa{color:#222c3c}
/*! button */
.btn{border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;min-width:140px;text-align:center;height:36px;text-transform:capitalize;line-height:34px;padding:0 10px;display:inline-block;cursor:pointer}
.btn .fa{color:#fff}
.btn:hover .fa{color:#fff}
.btn:focus{outline:0}
/*! button styles */
.btn-round{border-radius:40px}
/*! button sizes */
.btn-size1{line-height:42px;height:42px;font-weight:400;font-size:14px}
.btn-size2{line-height:40px;height:40px}
.btn-size3{line-height:36px;height:36px}
.btn-size4{min-width:100px;font-size:10px;line-height:28px;height:28px}
.btn-size5{font-size:10px;min-width:100px;line-height:22px;height:22px}
.btn-size6{font-size:10px;min-width:100px;line-height:16px;height:16px}
/*! button normal */
.btn-normal{background:transparent;color:#fff;border:1px solid transparent;color:#707a7d;min-width:60px}
.btn-normal:focus{background:transparent;color:#fff;border:1px solid transparent;color:#707a7d;}
.btn-normal:hover{background:#788cc6;border:1px solid #788cc6;color:#fff}
.btn-normal:active{background:#5166af;border:1px solid #5166af;color:#fff}
.btn-normal .fa{color:#707a7d}
.btn-normal:hover .fa{color:#fff}
/*! button default */
.btn-default,.btn-default:focus{background:#fff;border:1px solid #fff;color:#fff;border:1px solid #707a7d;color:#707a7d}
.btn-default:hover{background:#788cc6;border:1px solid #788cc6;color:#fff}
.btn-default:active{background:#5166af;border:1px solid #5166af;color:#fff}
.btn-default .fa{color:#707a7d}
.btn-default:hover .fa{color:#fff}
/*! button border */
.btn-border-danger{background:#fff;border:1px solid #fff;color:#fff;border:1px solid #ef4438;color:#ef4438;min-width:auto;padding:0 15px;font-weight:400}
.btn-border-danger:focus{background:#fff;border:1px solid #fff;color:#fff;border:1px solid #ef4438;color:#ef4438;}
.btn-border-danger:hover{background:#ef4438;border:1px solid #ef4438;color:#fff}
.btn-border-danger:active{background:#ef4438;border:1px solid #ef4438;color:#fff}
.btn-border-danger .fa{color:#ef4438}
.btn-border-danger:hover .fa{color:#fff}
/*! button blue */
.btn-blue,.btn-blue:focus{background:#3e8ccb;border:1px solid #3e8ccb;color:#fff}
.btn-blue:hover{background:#237abf;border:1px solid #237abf;color:#fff}
.btn-blue:active{background:#0962a7;border:1px solid #0962a7;color:#fff}
/*! button dark blue */
.btn-dark-blue,.btn-dark-blue:focus{background:#3e5774;border:1px solid #3e8ccb;color:#fff}
.btn-dark-blue:hover{background:#2a405a;border:1px solid #237abf;color:#fff}
.btn-dark-blue:active{background:#27346b;border:1px solid #0962a7;color:#fff}
/*! button green */
.btn-green,.btn-green:focus{background:#57b247;border:1px solid #57b247;color:#fff}
.btn-green:hover{background:#4d9b45;border:1px solid #4d9b45;color:#fff}
.btn-green:active{background:#38773a;border:1px solid #38773a;color:#fff}
/*! button yellow */
.btn-yellow,.btn-yellow:focus{background:#ffcf43;border:1px solid #ffcf43;color:#fff}
.btn-yellow:hover{background:#eec23f;border:1px solid #eec23f;color:#fff}
.btn-yellow:active{background:#cfa832;border:1px solid #cfa832;color:#fff}
/*! button pink */
.btn-pink,.btn-pink:focus{background:#f391bc;border:1px solid #f391bc;color:#fff}
.btn-pink:hover{background:#f17cb0;border:1px solid #f17cb0;color:#fff}
.btn-pink:active{background:#ef5fa3;border:1px solid #ef5fa3;color:#fff}
/*! button navy */
.btn-navy,.btn-navy:focus{background:#3f5776;border:1px solid #3f5776;color:#fff}
.btn-navy:hover{background:#2c405b;border:1px solid #2c405b;color:#fff}
.btn-navy:active{background:#20344c;border:1px solid #20344c;color:#fff}
/*! button violet */
.btn-violet,.btn-violet:focus, .btn-primary,.btn-primary:focus{background:#788cc6;border:1px solid #788cc6;color:#fff}
.btn-violet:hover, .btn-primary:hover{background:#5166af;border:1px solid #5166af;color:#fff}
.btn-violet:active,.btn-primary:active{background:#32478f;border:1px solid #32478f;color:#fff}

.sample-file-link, .sample-file-link:focus{color:#20344c; font-size: 11px; text-decoration: underline; float: right;margin-top: 3px;}
.sample-file-link i{color:#20344c;}

/*! ================### FORM STYLING ###=============== */
/*! form title */
.form-title{font-size:13px;font-weight:400;text-transform:uppercase;color:#79919d;padding-right:15px}
.hr-line{height:1px;background:#e6eaee}
/*! form default */
.form-default{font-family:'Roboto',sans-serif;padding:0}
/*! form default horizontal */
.form-default.form-horizontal{width:100%;padding:0;margin:0 auto}
.form-default.form-horizontal .form-field{min-width:210px; width:210px}
.form-default.form-horizontal .form-field--md{min-width:200px}
.form-default.form-horizontal .form-field--sm{min-width:100px}
/*! form default vertical */
.form-default.form-vertical{width:100%;padding:0;margin:0 auto}
.form-default.form-vertical .form-field{min-width:280px}
.form-default.form-vertical .form-field--md{min-width:200px}
.form-default.form-vertical .form-field--sm{min-width:100px}




label.error{color: #ed6d45 !important;white-space: nowrap;text-align: left !important;font-size: 11px !important;position: absolute;background: #fff;right: 8px;top: -6px;line-height: initial !important;margin: 0;min-width: initial !important;padding: 0 10px;z-index: 9;}

.input-group.date label.error{right:48px!important;}

.form-default label{line-height:36px;min-width:150px;text-align:right;font-size:13px;color:#79919d;margin-left:15px; font-weight:400 !important}
.form-default label.label--flexible{min-width:auto;padding:0 5px;white-space:nowrap}
.form-default label.control{min-width:auto;}
.form-default .other-info-label label{min-width: 175px !important;}

.form-default .form-field{text-align:left;margin:0 0 15px 15px;position:relative;min-width:200px;width: 200px;}
.expform_search .form-field{min-width:180px !important;width: 180px !important;}
.dt-picker .form-field select{
    color: #3f536e !important;
    border: 1px solid #a8c6df !important;
}
.form-default .form-field--md{min-width:200px}
.form-default .form-field--sm{min-width:100px}
.form-default .form-field input{height:36px;line-height:36px;background:#fff;border-radius:3px;width:100%;font-size:13px;font-weight:400;padding:0 15px;color:#3f536e;border:1px solid #a8c6df;}
.form-default .form-field input:disabled,.form-default .form-field input:read-only{background:#ecf5fd}
.form-default .form-field input:hover{border:1px solid #a8c6df;outline:0}
.form-default .form-field input:focus{border:1px solid #79919d;outline:0}
.form-default .form-field input.ng-dirty.ng-valid,.form-default .form-field input.success{border:1px solid #53a759}
.form-default .form-field input.ng-dirty.ng-invalid,.form-field input.error,.form-field select.error, .form-field select.error ~ .multiselect{border:1px solid #ed6d45 !important}
.form-default .form-field textarea{height:70px;background:#fff;border-radius:3px;min-width:250px;width:100%;font-size:13px;font-weight:400;padding:10px 40px 10px 15px;color:#3f536e;border:1px solid #a8c6df;resize:none}
.form-default .form-field textarea:disabled,.form-default .form-field textarea:-moz-read-only{background:#ecf5fd;pointer-events:none}
.form-default .form-field textarea:disabled,.form-default .form-field textarea:read-only{background:#ecf5fd;pointer-events:none}
.form-default .form-field textarea:hover{border:1px solid #a8c6df;outline:0}
.form-default .form-field textarea:focus{border:1px solid #79919d;outline:0}
.form-default .form-field textarea.success{border:1px solid #53a759}
.form-default .form-field textarea.error{border:1px solid #ed6d45}
.form-default .form-field i.form-icon{position:absolute;right:15px;top:9px;height:18px;width:17px;background-size:contain;background-position:center}
.form-default .form-field p{margin:3px 0 0 0;font-size:12px;color:#919a9e}
.form-default .form-field p.error{color:#ed6d45}
.form-default .form-field p.success{color:#53a759}

.form-default .form-field.label-top label{margin: 0; text-align:left; line-height:22px;    font-size: 11px;}
.form-default .form-field.label-top .form-icon--dropdown{bottom: 14px; top: initial;}

.add-remove-fields .add_button{width: 36px;height: 36px;background: #748dd9;display: inline-block;padding: 10px 10px 11px 10px;line-height: initial;border-radius: 4px;margin-top: 20px;margin-left: 15px;}
.add-remove-fields .remove_button{width: 36px;height: 36px;background: #748dd9;display: inline-block;padding: 10px 10px 11px 10px;line-height: initial;border-radius: 4px;margin-top: 20px;margin-left: 15px;}
.add-remove-fields .add_button i, .add-remove-fields .remove_button i{color:#fff;}
/*! SELECT */
.form-default .form-field select{display:inline-block;width:100%;cursor:pointer;padding:0 15px;outline:0;height:36px;line-height:34px;border-radius:3px;background:#fff;color:#3f536e;border:1px solid #a8c6df;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size: 13px;}
.form-default .form-field select option:disabled{background:#fff}
.form-default .form-field select::-ms-expand{display:none}
.form-default .form-field select:hover{color:#3f536e;border:1px solid #a8c6df}
.form-default .form-field select:focus{border-radius:3px 3px 0 0;border:1px solid #79919d}
.form-default .form-field select.inactive{opacity:.5}
.form-default .form-field select:disabled{pointer-events:none;background:#ecf5fd}
.form-default .form-field .form-icon--dropdown{position:absolute;top:16px;right:15px;width:0;height:0;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#a8c6df transparent transparent transparent}
.form-default .form-field select:focus ~ .form-icon--dropdown{border-top-color:#79919d}
/*! FORM STYLE 1 */
.form-style-1 .form-field{font-family:'Montserrat',sans-serif;text-align:left;margin:0 0 0 15px;position:relative;font-size:13px;min-width:120px;}
.form-style-1 .form-field input{height:34px;line-height:32px;background:#f0f3f6;border-radius:42px;width:100%;font-weight:400;padding:0 25px;color:#707a7d;border:0;}
.form-style-1 .form-field input:hover,.form-style-1 .form-field input:focus{border:0;outline:0}
.form-style-1 .form-field i.fa{color:#919a9e;position:absolute;left:0;top:0;height:40px;width:40px;font-size:18px;line-height:40px;text-align:center}
.form-style-1 select, .form-style-1 .bootstrap-select .btn{display:inline-block;width:100%;cursor:pointer;padding:0 25px;outline:0;height:34px;line-height:32px;border-radius:42px;background:#f0f3f6;color:#707a7d;border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;     -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);box-shadow: inset 0 3px 5px rgba(0,0,0,0);}
.form-style-1 select, .form-style-1 .bootstrap-select .btn:hover{background:#f0f3f6;color:#707a7d;}
.form-style-1 select option:disabled{background:#fff;color:#919a9e}
.form-style-1 select option{background:#fff}
.form-style-1 select::-ms-expand{display:none}
.form-style-1 select:hover{color:#3f536e;border:0}
.form-style-1 select:focus{border:0}
.form-style-1 select.inactive{color:#919a9e}
.form-style-1 select:disabled{pointer-events:none;background:#ecf5fd}
.form-style-1 .form-icon--dropdown{position:absolute;top:14px;right:15px;width:0;height:0;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#bbbbbb transparent transparent transparent;z-index: 9;}
.form-style-1 select:focus ~ .form-icon--dropdown{border-top-color:#79919d}
.form-style-1 a{cursor:pointer;font-size:12px;padding-bottom:2px;color:#919a9e;border-bottom:1px solid transparent}
.form-style-1 a:hover{text-decoration:none;color:#222c3c;border-bottom:1px solid #222c3c}
/*! FORM STYLE 2 */
.form-style-2{text-align:center}
.form-style-2 .form-field{text-align:left;margin:10px 0 10px 0;position:relative}
.form-style-2 .form-field input{height:40px;line-height:38px;background:#f0f3f6;border-radius:3px;min-width:360px;font-size:12px;font-weight:400;padding:0 10px 0 40px;color:#707a7d;border:0;}
.form-style-2 .form-field input:hover,.form-style-2 .form-field input:focus{border:0;outline:0}
.form-style-2 .form-field i.fa{color:#919a9e;position:absolute;left:0;top:0;height:40px;width:40px;font-size:18px;line-height:40px;text-align:center}
.form-style-2 a{cursor:pointer;font-size:12px;color:#919a9e;border-bottom:1px solid transparent}
.form-style-2 a:hover{text-decoration:none;color:#222c3c;border-bottom:1px solid rgba(34, 44, 60, 0.38)}

.file-upload{ max-width:280px;}
.file-upload label, .file-upload .btn{min-width: 80px !important}
.file-upload label{line-height: 33px;}
.file-upload .btn{ margin-top: 0px;}


.form-field.ext{width: 80px;min-width: 80px;}
label.help-text{line-height: initial}
label.help-text span{display:block;font-size:11px;color:#969696;}

/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.form-default .dt-picker {max-width:200px !important;}
.form-horizontal .dt-picker {max-width:200px !important;}
.form-vertical .dt-picker {max-width:280px !important;}
.dt-picker .input-group input{border-right: 0px;border-radius: 4px 0 0 4px;}
.dt-picker .input-group-addon{background: #ecf5fd;border: 1px solid #a8c6df; border-left: 0px; cursor: pointer;}
.dt-picker .input-group-addon span{ width:17px !important; height: 18px !important;}
.dt-picker .input-group-addon span:before{display: none;}
.dt-picker .input-group-addon span i{top:0px !important; right: 0px !important;}

/*!------- ###  checkbox and radio styling  ### ---------*/
.control{display:inline-block;position:relative;padding-left:25px;cursor:pointer;font-size:14px;color:#79919d;font-weight:300;text-align:left;line-height:26px}
.control--radio.disabled{color:#8cabc4}
.control--sm{font-size:12px;line-height:22px}
.control input{position:absolute;z-index:-1;opacity:0}
.control__indicator{position:absolute;top:50%;left:0;height:20px;width:20px;margin-top:-10px;background:#fff;border:1px solid #c5d9e8}
.control__indicator--sm{width:16px;height:16px;margin-top:-10px}
.control--radio .control__indicator{border-radius:50%}
.control--checkbox .control__indicator{border-radius:3px}
.control input:disabled ~ .control__indicator{background:#edf5fc;pointer-events:none;opacity:.8}
.control:hover input:disabled ~ .control__indicator:after{background:#edf5fc;pointer-events:none;opacity:.8}
.control__indicator:after{content:'';position:absolute;display:none}
.control input:checked ~ .control__indicator:after{display:block}
.control--checkbox:hover .control__indicator:after{left:6px;top:1px;width:5px;height:12px;display:block;border:solid #c5d9e8;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.control--checkbox:hover input:checked ~ .control__indicator:after,.control--checkbox .control__indicator:after{left:6px;top:1px;width:5px;height:12px;border:solid #7b98ce;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.control--checkbox:hover .control__indicator--sm:after{left:5px;top:2px;width:4px;height:9px;display:block;border:solid #c5d9e8;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.control--checkbox:hover input:checked ~ .control__indicator--sm:after,.control--checkbox .control__indicator--sm:after{left:5px;top:2px;width:4px;height:9px;border:solid #7b98ce;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.control--checkbox input:disabled ~ .control__indicator:after{border-color:#7b7b7b}
.control--radio:hover .control__indicator:after{display:block;left:4px;top:4px;height:10px;width:10px;border-radius:50%;background:#c5d9e8}
.control--radio:hover input:checked ~ .control__indicator:after{background:#7b98ce}
.control--radio:hover .control__indicator--sm:after{left:3px;top:3px;height:8px;width:8px;border-radius:50%;background:#c5d9e8}
.control--radio .control__indicator:after{left:4px;top:4px;height:10px;width:10px;border-radius:50%;background:#7b98ce}
.control--radio .control__indicator--sm:after{left:3px;top:3px;height:8px;width:8px;border-radius:50%;background:#7b98ce}
.control--radio input:disabled ~ .control__indicator:after{background:#7b7b7b}





/*!------- table styling --------*/
.table-caption{text-align:center;font-size:14px !important;padding:10px 0 10px 0!important;color:#718490!important;font-family:'Montserrat',sans-serif; font-weight: 500!important; background: #f5f5f5;}

table#fixTable.usm-table{width:initial!important;}
table.usm-table{font-family:'Montserrat',sans-serif;width:100%;border-collapse:collapse;margin-bottom:20px}
table.usm-table thead{background:#fff; }
table.usm-table thead tr{border:0;border-bottom:1px solid #e4e4e3}
table.usm-table thead tr th{color:#3c4f5e;margin:0;height:25px;vertical-align:middle;font-size:11px;text-transform:uppercase;padding:0 10px;font-weight:500;letter-spacing:0.025em;border-bottom: 1px}
table.usm-table thead tr th.centered{text-align:center}
table.usm-table tbody tr>td{font-size:12px;font-weight:400;color:#718490;vertical-align:middle;height:44px;padding:0 10px;border: 0;}
table.usm-table tbody tr>td.centered{text-align:center}
table.usm-table tbody tr:last-child{border-bottom:1px solid #e4e4e3}
table.usm-table tbody tr:nth-child(odd){background-color:#f9f9fa}
table.usm-table tbody tr:nth-child(even){background-color:#fff}
table.usm-table.usm-table--compressed{margin-bottom:70px}
table.usm-table.usm-table--compressed thead tr{border:0;border-bottom:1px solid #e6eaee}
table.usm-table.usm-table--compressed thead tr th{color:#718490;height:26px;vertical-align:top;font-size:9.5px;text-align:center;text-transform:uppercase;padding:5px 10px 0 10px;font-weight:400}
table.usm-table.usm-table--compressed thead tr th .sub-heading{color:#a0b2b8;display: block;}
table.usm-table.usm-table--compressed tbody tr>td{font-size:10px;color:#718490;text-align:center;height:36px;vertical-align:middle;padding:0 10px;font-weight:400}
table.usm-table.usm-table--compressed tbody tr.disabled>td{color:#bababa}
table.usm-table.usm-table--compressed tbody tr:last-child{border-bottom:1px solid #e6eaee}


table.usm-table.table-left td, table.usm-table.table-left th {text-align:left !important;}
table.table-nowrap th,table.table-nowrap td{white-space: nowrap;}

table.table-nowrap th.initial-wrap,table.table-nowrap td.initial-wrap{white-space: initial!important;}

thead.thead-nowrap th, table th.nowrap, table td.nowrap{white-space: nowrap;}


table.usm-table.usm-table-team-attendance thead tr{border:0;border-bottom:1px solid #e6eaee}
table.usm-table.usm-table-team-attendance thead tr th{color:#3c4f5e;height:26px;vertical-align:top;font-size:11px;text-align:center;text-transform:uppercase;padding:5px 10px 0 10px;font-weight:400}
table.usm-table.usm-table-team-attendance thead tr th.text-left{text-align:left !important;}
table.usm-table.usm-table-team-attendance.text-left thead tr th{text-align:left !important;}
table.usm-table.usm-table-team-attendance thead tr th.empty-th{color:rgba(60, 79, 94, 0.50)}

table.usm-table.usm-table-team-attendance thead tr th .sub-heading{color:#a0b2bd; font-size: 8px; display: block;}
table.usm-table.usm-table-team-attendance tbody tr>td{font-size:10px;color:#718490;text-align:left;height:50px;vertical-align:middle;padding:0 10px;font-weight:400}
table.usm-table.usm-table-team-attendance tbody tr.disabled>td{color:#bababa}
table.usm-table.usm-table-team-attendance tbody tr:last-child{border-bottom:1px solid #e6eaee}

table.usm-table.usm-table-team-attendance tbody tr>td.present{background:rgba(76,175,80,0.1); color:#4caf50; border-left: 1px solid #e2e3e2;}
table.usm-table.usm-table-team-attendance tbody tr>td.leave{background:rgba(3,169,244,0.05); color:#03a9f4;}
table.usm-table.usm-table-team-attendance tbody tr>td.leave-sl{background:rgba(3,169,244,0.05); color:#00bcd4;}
table.usm-table.usm-table-team-attendance tbody tr>td.weekoff{background:rgba(158,158,158,0.1); color:#bdcad2;}
table.usm-table.usm-table-team-attendance tbody tr>td.compoff{background:rgba(157,118,227,0.1); color:#9d76e3;}
table.usm-table.usm-table-team-attendance tbody tr>td.absent{background:rgba(244,67,54,0.1); color:#f44336;}
table.usm-table.usm-table-team-attendance tbody tr>td.lop{background:rgba(244,67,54,0.1); color:#ed6d45;}
table.usm-table.usm-table-team-attendance tbody tr>td.wfh{background:rgba(158,158,158,0.1); color:#ed6d45;}
table.usm-table.usm-table-team-attendance tbody tr>td.holiday{background:rgba(255,193,7,0.1); color:#ffc107;}
table.usm-table.usm-table-team-attendance tbody tr>td.opt-holiday{background:rgba(255,193,7,0.1); color:#ffc107;}
table.usm-table.usm-table-team-attendance tbody tr>td.hd-lop{background: rgba(187, 50, 40, 0.1);color: rgba(187, 50, 40, 1);}
table.usm-table.usm-table-team-attendance tbody tr>td.hd-absent{background: rgba(187, 50, 40, 0.1);color: rgba(187, 50, 40, 1);}
table.usm-table.usm-table-team-attendance tbody tr>td.hd-leave{background: rgba(110, 161, 255, 0.1);color: #6ea1ff;}
table.usm-table.usm-table-team-attendance tbody tr>td.logged{background:rgba(76,175,80,0.1); color:#4caf50; border-left: 1px solid #e2e3e2;}
table.usm-table.usm-table-team-attendance tbody tr>td.loggedout{background:rgba(76,175,80,0.1); color:#9c27b0; border-left: 1px solid #e2e3e2;}
table.usm-table.usm-table-team-attendance tbody tr>td.on-travel{background:rgba(76,175,80,0.1); color:#7cc725; border-left: 1px solid #e2e3e2;}
table.usm-table.usm-table-team-attendance tbody tr>td{font-size:13px;}
table.usm-table tbody tr>td.team-member-col a{color:#4e65bc;}
table.usm-table tbody tr>td.team-member-col span{display:block; font-size: 11px; color: #94a4af;}


table.usm-table.usm-table-team-attendance tbody tr>td.brdr-lft,
table.usm-table.usm-table-team-attendance tbody tr>td.present,
table.usm-table.usm-table-team-attendance tbody tr>td.leave,
table.usm-table.usm-table-team-attendance tbody tr>td.weekoff,
table.usm-table.usm-table-team-attendance tbody tr>td.compoff,
table.usm-table.usm-table-team-attendance tbody tr>td.absent,
table.usm-table.usm-table-team-attendance tbody tr>td.lop,
table.usm-table.usm-table-team-attendance tbody tr>td.wfh,
table.usm-table.usm-table-team-attendance tbody tr>td.holiday,
table.usm-table.usm-table-team-attendance tbody tr>td.opt-holiday
table.usm-table.usm-table-team-attendance tbody tr>td.hd-lop,
table.usm-table.usm-table-team-attendance tbody tr>td.hd-absent,
table.usm-table.usm-table-team-attendance tbody tr>td.hd-leave,
table.usm-table.usm-table-team-attendance tbody tr>td.logged,
table.usm-table.usm-table-team-attendance tbody tr>td.loggedout,
table.usm-table.usm-table-team-attendance tbody tr>td.on-travel,
table.usm-table.usm-table-team-attendance tbody tr>td.empty-col{text-align: center; text-transform: uppercase; font-size: 10px; font-weight:500;border-left: 1px solid #e2e3e2;}

table.usm-table.usm-table-team-attendance tbody tr>td{border-left: 1px solid #e2e3e2;}

table.emp-directory-table table{ margin: 15px 0}
table.emp-directory-table table tr{ background-color: transparent !important;border: none !important}
table.emp-directory-table table td{padding:3px 0px !important; height: initial !important; font-size: 12px !important; color: #718490 !important;position: relative;font-weight: 400;letter-spacing: 0.275px;}
table.emp-directory-table table td:first-child{ padding-right: 30px !important;}
table.emp-directory-table table td:last-child{ padding-left: 10px !important; color: #3c4f5e !important}
table.emp-directory-table table td:last-child:before{ position: absolute; content:' : '; left: 0; top: 50%;margin-top:-9px;}
.emp-pic{width:92px; height: 92px; border-radius: 4px; background: #eee; overflow: hidden;}
.emp-pic .emp-profile-pic{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;}

.row-actions,.row-status{width:90px;text-align: center;}

.ifsc{width:110px !important;}


/*!------- badge styling --------*/
.badge{font-family:'Montserrat',sans-serif;min-width:90px;display:inline-block;text-align:center;padding:0 15px;height:18px;line-height:20px;text-shadow:1px 1px 3px rgba(0,0,0,0.1);border-radius:3px;color:#fff;font-size:10px;text-transform:uppercase}
.badge-rounded{min-width:56px;border-radius:16px;font-size:10px}
.badge-flexible{min-width:auto}
.badge.present{background:#4caf50}
.badge.present-sl{background:#4caf50}
.badge.absent{background:#ef4438}
.badge.lop{background:#ef4438}
.badge.leave{background:#38a4dd}
.badge.leave-sl{background:#00bcd4}
.badge.compoff{background:#8e76b6}
.badge.holiday{background:#ffc107}
.badge.wfh{background:#9e9e9e}
.badge.weekoff{background:#bdcad2}
.badge.half-day{background:#009D6B}
.badge.hd-lop{background:rgba(187, 50, 40, 1);}
.badge.hd-absent{background:rgba(187, 50, 40, 1);}
.badge.hd-leave{background:#719eff;}
.badge.logged{background:#4caf50}
.badge.logged-r{background:#ff8e00}
.badge.loggedout{background:pink}
.badge.on-travel{background:#7cc725}

.badge-approved,.badge-design{background:#52a758}
.badge-rejected{background:#f15958}
.badge-cancelled{background:#d9534f}
.badge-pending,.badge-development{background:#fcb96f}
.badge-manager{background:#f17cb0}
.badge-marketing{background:#3e8ccb}
.badge-hr{background:#788cc6}
.badge-support{background:#9e9e9e}

.badge-exp-status-0{background:#fcb96f}
.badge-exp-status-1{background:#fcb96f}
.badge-exp-status-2{background:#52a758}
.badge-exp-status-3{background:#ff0000}
.badge-exp-status-4{background:#ff8000}

.badge-aexp-status-0{background:#fcb96f}
.badge-aexp-status-1{background:#52a758}
.badge-aexp-status-2{background:#ff0000}
.badge-aexp-status-3{background:#804000}

.badge-leave-pl{background: #4caf50}
.badge-leave-al{background: #2196f3}
.badge-leave-sl{background: #00bcd4}
.badge-leave-lop{background: #ff9800}
.badge-leave-cof{background: #719eff}
.badge-leave-wfm{background: #3f51b5}

/*! ================### MODAL STYLING ###=============== */
/*!------- modal styling --------*/
.modal-title {font-weight: 300;color: #3c4f5e;font-size: 24px;line-height: 24px;}
.modal-header .close{background: url(../icons/modal-close.png) no-repeat center;width: 33px;height: 33px;text-indent: -9999px;margin-top: -7px;opacity: 1;border-radius: 3px;transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;background-color: transparent;}
.modal-header .close:hover {    background-color: #e6eaee;}
/*!------- custom modal styling --------*/
.custom-modal .modal-footer{padding:0px !important}
.custom-modal .modal-footer .btn{width: 50% !important;margin: 0 !important;float: left;border-radius:0;height:50px;text-transform:uppercase;}
/*!------- confirm modal styling --------*/
.confirm-modal{}
.confirm-modal .modal-header{display: none;}
.confirm-modal .modal-body{padding: 50px;}
.confirm-modal .modal-body.announcement-modal{padding:30px;}
.confirm-modal .modal-body p,.confirm-modal .modal-body h4, .confirm-modal .modal-body h4.modal-title{font-weight:300;color:#3c4f5e;font-size:24px;line-height:30px;text-align:center;margin: 0}
.confirm-modal .modal-footer{border-top:none !important; padding-top: 0px;padding-bottom: 30px;text-align: center;}
.confirm-modal .modal-footer .btn{min-width: 70px;}
/*! ------------- editor modal ------------- */
.editor-modal{padding-left: 0 !important;padding-right: 0 !important;z-index: 9999;}
.editor-modal .modal-content{width:70%;float:right;margin:0;padding:0;border-radius:0;border:0;box-shadow:none;height:100vh;}
.editor-modal .modal-header{ position: fixed; top: 0; width: 70%; background: #fff;border-bottom: 1px solid #e6eaee; height: 60px; overflow: hidden; padding: 20px 30px !important; z-index: 9}
.editor-modal .modal-body{ margin: 60px 0px 80px; background: #fff; padding: 20px 30px;overflow: auto;height: calc(100vh - 140px);}
.editor-modal .sub-heading{ font-size: 13px; color: #79919d; font-weight:400; text-transform: uppercase;letter-spacing: 0.0275em;margin: 0 0 20px 0;}
.editor-modal .modal-footer{ position: fixed; bottom: 0; width: 70%; background: #fff; height: 80px; overflow: hidden; padding: 20px 30px !important; z-index: 9}


.custom-dd-height .dropdown-menu.inner.selectpicker{max-height:200px !important;}
.actions-btn{font-size: 12px !important;
    height: 24px !important;
    line-height: 22px !important;}



/*! ------------- FILE UPLOADER DRAG AND DROP ------------- */
.file-drop-area {border-radius: 3px;position: relative;width: 100%;max-width: 100%;height: 110px;display: table;margin: 0;padding: 15px;color: #7f8fa4;background: #fafbfc;border: 1px dashed #a8c6df;text-align: center;-webkit-transition: box-shadow .3s, border-color .3s;-moz-transition: box-shadow .3s, border-color .3s;transition: box-shadow .3s, border-color .3s;}
.file-msg {font-size: 14px;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:100%;display: table-cell;vertical-align: middle;}
.file-drop-area.is-active { }
.file-msg img{ display:block;    margin: 0px auto 10px auto;}
.file-msg em { display: block; font-size: 14px; font-style: normal; }
.file-drop-area .file-input { position:absolute; left:0; top:0; height:100% !important; width:100% !important; cursor:pointer; opacity:0 }
.file-drop-area .file-input:focus { outline:0 }



/*! ================### page styling ###=============== */
/*!----------- ##### login page ###### ------------*/
body.login-bg{background:#fff url('../images/hrms-login-bg.png');background-repeat:no-repeat;background-size:cover;background-position:180px center; overflow: hidden;margin: 0px;}
.login-wrapper{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;line-height:1.5em;font-family:'Montserrat',sans-serif}
.login-sidebar{min-width:460px;height:100vh;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;overflow-y:auto;}
.login-sidebar .brand-logo{text-align:center;margin:60px 0 0}
.login-form-wrapper{padding:0 50px;width:100%}

@media(max-width:1400px){
	.login-sidebar{min-width:400px;}
	.login-form-wrapper .form-style-2 .form-field input{min-width: 300px;}
}
@media(min-width:1440px){
	.login-form-wrapper .form-style-2 .form-field input{font-size: 16px;}
}
.login-form-wrapper .help-block{color: #721c24;background-color: #f8d7da;position: relative;padding: .1rem .7rem;margin-bottom: 0;border: 1px solid #f5c6cb;border-radius: 4px;font-size: 11px;font-weight: 500;line-height: 14px;}
.login-form-wrapper .help-block{font-weight: 500!important;}
.login-welcome{font-size:18px;color:#868e96;font-weight:300;padding:20px 0}
.login-signon{font-size:18px;color: #5868c3;font-style: italic;font-weight: 400;padding:20px 0}
.login-download-app{width:100%;padding:0px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.download-app-icon{height:32px;width:24px;background:url(../icons/login_page/login-page-mbl.png);background-size:contain;background-repeat:no-repeat;background-position:center}
.app-download-link{color:#222c3c;padding-left:8px;font-size:13px;font-weight:400;}
.app-download-link small{color:#707a7d;display: block;line-height: initial;}
.pink-link{color:#ff6e86;text-decoration:none;border-bottom:1px solid rgba(255, 110, 134, 0.50)}
.pink-link:hover{color:#ff1f86;text-decoration:none;border-bottom:1px solid #ff1f86}
.login-footer{padding:15px 0;text-align:center;color:#222c3c;font-weight:500;font-size:9px;line-height:initial;}

.login-sidebar-overlay{-webkit-box-flex:1;-ms-flex:1;flex:1;opacity:.8;background:#253463;background:linear-gradient(120deg,#eb2229,#253463)}
.forgot-password--wrapper{padding:30px 50px}
.forgot-password .steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px}
.forgot-password .step{position:relative;height:30px;width:30px;border-radius:50%;background:#b8c1c7;line-height:30px;text-align:center;color:#fff}
.forgot-password .step i.fa{display:none;color:#fff}
.forgot-password .step span{display:inline-block}
.forgot-password .step:before{content:attr(data-title);position:absolute;top:100%;width:120px;left:50%;text-align:center;margin:0 0 0 -60px;white-space:nowrap;color:#c1c1c7;z-index:999;font-size:12px}
.forgot-password .step:after{content:'';width:230px;height:2px;background:#b8c1c7;position:absolute;left:100%;margin-top:-1px;top:50%}
.forgot-password .step:last-child:after{display:none}
.forgot-password .step.active{background:#79919d}
.forgot-password .step.active:before{color:#79919d}
.forgot-password .step.completed{background:#788cc6}
.forgot-password .step.completed i.fa{display:inline-block}
.forgot-password .step.completed span{display:none}
.forgot-password .step.completed:before{color:#788cc6}
.forgot-password .step.completed:after{background-color:#788cc6}
.forgot-password--form{height:240px;margin-top:30px;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.forgot-password--form .form-field{min-width:350px;text-align:center}
.forgot-password--form .form-field input{height:45px;line-height:46px}
.forgot-password--form.show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column}



/*!---------- #### ADMIN DASHBOARD #### -----------*/
header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:#fff;height:60px;border-bottom:1px solid #e6eaee;position:fixed;top:0;left:0;width:100%;z-index:998}
header .header-item{border-left:1px solid #e6eaee;min-width:60px;text-align:center;height:60px;line-height:60px;padding:0 15px;}
header .header-item.pointer:hover{background:#f9f9fa;}
header .header-item:last{border-left:0}
header .header-ticker{-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:0;padding:0 150px}
header .header-search{-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:0;padding:0 15px}
header .header-search .form-field{display:-webkit-box;display:-ms-flexbox;display:flex}
header .header-search .form-field input{min-width:auto;width:100%;font-weight:400}
header .header-logo{height:50px}
header .header-item.header-logo-item img:nth-child(2){margin:0 10px}
header .header-item.header-logo-item{position: relative;align-items: center;}
/* header .header-item.header-logo-item:after{content:'';position:absolute;background:url(../images/hrms-logo.png) no-repeat;width:81px;height:50px;
top:50%;right:-70px;margin-top:-25px;} */

.account-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.account-menu .profile-thumbnail{display:inline-block;width:50px;height:50px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:5px;border-radius:50%;background-color:#e5e6e7}
.account-menu .profile-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.6em;padding:0 15px;text-align:left}
.account-menu .profile-name{font-weight:400;color:#586774}
.account-menu .profile-designation{font-size:12px;color:#919a9e;line-height:1.2em}
.account-menu .dropdown-menu--wrapper{right:-15px}
.account-menu .account-dropdown{margin-top:5px;background:#fff;border-radius:5px;border:1px solid #d8e5ee;height:70px;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.1);box-shadow:0 0 10px 2px rgba(0,0,0,0.1)}
.account-menu .account-dropdown span{margin:0;padding:0; font-weight: 400; font-size:10px;white-space:nowrap; margin-top: 9px;line-height: 11px;}
.account-menu .account-dropdown i.fa{color:#949fa5}
.account-menu .account-dropdown .dropdown-cell{width:80px;color:#79919d;border-right:1px solid #d8e5ee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.account-menu .account-dropdown .dropdown-cell:last-child{border-right:0}
.account-menu .account-dropdown .dropdown-cell:hover{background:#2b405b;text-decoration: none}
.account-menu .account-dropdown .dropdown-cell:hover i,.account-menu .account-dropdown .dropdown-cell:hover span{color:#fff;}
.notification-date{font-size:11px;color:#919a9e}
.notification-indicator{position:absolute;top:15px;right:18px;width:8px;height:8px;border-radius:50%;background-color:#ef4438;-webkit-box-sizing:content-box;box-sizing:content-box;background-clip:content-box;border:3px solid rgba(252,50,50,0.3)}
.notification-dropdown .dropdown-menu--wrapper{top:100%;width:400px;overflow: auto!important;max-height: 250px;border: 1px solid #d8e5ee;
    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);}
.notification-dropdown ul.usm-list{border:0}
.notification-dropdown li.usm-list--item:hover{background:rgba(0,0,0,0.02)}
.notification-dropdown .tip-top{right:22px;top:-8px}

.quick-links-menu .quick-links-dropdown{margin-top:5px;background:#fff;border-radius:5px;border:1px solid #d8e5ee;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.1);box-shadow:0 0 10px 2px rgba(0,0,0,0.1)}
.quick-links-menu .quick-links-dropdown span{margin:0;padding:0; font-weight: 400; font-size:10px;white-space:nowrap; margin-top: 9px;line-height: 11px;}
.quick-links-menu .quick-links-dropdown i.fa{color:#949fa5}
.quick-links-menu .quick-links-dropdown .dropdown-cell{width:80px;height:70px;color:#79919d;border-right:1px solid #d8e5ee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.quick-links-menu .quick-links-dropdown .dropdown-cell:last-child{border-right:0}
.quick-links-menu .quick-links-dropdown .dropdown-cell:hover{background:#2b405b;text-decoration: none}
.quick-links-menu .quick-links-dropdown .dropdown-cell:hover span{color:#fff;}
.quick-links-menu .dropdown-menu--wrapper{margin-top: -5px}
.quick-links-menu .quick-links-dropdown .flex-row:last-child{border-top:1px solid #d8e5ee;}

/*----------------------
SIDEBAR STYLING
----------------------*/
#sidebar-toggle{cursor:pointer}
.sidebar-nav{position:fixed;width:250px;z-index:9;background:#2b405b;top:60px;left:0;bottom:0;overflow-x:hidden;overflow-y:auto}
.sidebar-nav::-webkit-scrollbar-track, .sidebar-nav.collapse::-webkit-scrollbar-track{background-color:transparent}
.sidebar-nav::-webkit-scrollbar, .sidebar-nav.collapse::-webkit-scrollbar{width:10px;background-color:transparent}
.sidebar-nav::-webkit-scrollbar-thumb, .sidebar-nav.collapse::-webkit-scrollbar-thumb{border-radius:6px;background-color:#556983;border-right:2px solid #2b405b;border-left:2px solid #2b405b}
.sidebar-nav ul{padding:0;margin:0px;list-style:none;}
.sidebar-nav>ul{margin:10px;}
.sidebar-nav .metismenu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.sidebar-nav .metismenu a{position:relative;}
.sidebar-nav .metismenu a span{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.sidebar-nav .metismenu>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}
.sidebar-nav .metismenu li>a{height:40px;line-height:40px;color:#fff;text-decoration:none;font-weight:300;font-size:13px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline-width:0;transition:all .3s ease-out}
.sidebar-nav .metismenu li>a:hover{color:#f8f9fa;text-decoration:none;background:#20344c}
.sidebar-nav .metismenu li>a:focus{background: transparent;}
.sidebar-nav .metismenu li.active>a{color:#f8f9fa;text-decoration:none;background:#4e65bc}
/* 2rd Level Menu*/
.sidebar-nav .metismenu li li a{justify-content:flex-start;padding-left:40px;height:35px;line-height:35px;-webkit-box-pack:start;-ms-flex-pack:start;}
.sidebar-nav .metismenu li li>a:hover,
.sidebar-nav .metismenu li li>a:focus,
.sidebar-nav .metismenu li li.active>a{color:#f8f9fa;text-decoration:none;background:#20344c}
.sidebar-nav .metismenu li li.active>a:before{position:absolute;content:'';left:30px;top:50%;margin-top:-3px;width:6px;height:6px; background:#309ce9;border-radius:100%;}
/* 3rd Level Menu*/
.sidebar-nav .metismenu li li li>a{padding-left:70px;}
.sidebar-nav .metismenu li li li>a:hover,
.sidebar-nav .metismenu li li li>a:focus,
.sidebar-nav .metismenu li li li.active>a{color:#f8f9fa;text-decoration:none;background:rgba(32, 52, 76, 0.75)}
.sidebar-nav .metismenu li li li.active>a:before{position:absolute;content:'';left:57px;top:50%;margin-top:-3px;width:6px;height:6px;background:#309ce9;border-radius: 100%;}
/* 4th Level Menu*/
.sidebar-nav .metismenu li li li li>a{padding-left:90px;}
.sidebar-nav .metismenu li li li li>a:hover,
.sidebar-nav .metismenu li li li li>a:focus,
.sidebar-nav .metismenu li li li li.active>a{color:#f8f9fa;text-decoration:none;background:rgba(32, 52, 76, 0.75)}
.sidebar-nav .metismenu li li li li.active>a:before{position:absolute;content:'';left:77px;top:50%;margin-top:-3px;width:6px;height:6px;background:#309ce9;border-radius: 100%;}
/*--COLLAPSED--*/
.main-view,.sidebar-nav{transition: all .2s ease;}
.sidebar-nav.collapse ~ main .main-view{padding-left:60px}
.sidebar-nav.collapse ~ .main-view .attendace-footer{left:60px}
.sidebar-nav.collapse{width:60px;overflow:visible;z-index:1000;display: block;}
.sidebar-nav.collapse ul.metismenu{margin:10px 0}
.sidebar-nav.collapse ul.metismenu .has-arrow::after{display:none;}
.sidebar-nav.collapse ul.metismenu li{list-style:none;margin:0;padding:0;position: relative;background: #2c405a;}
.sidebar-nav.collapse ul.metismenu li a{height:40px;line-height:40px;border-radius:0}
.sidebar-nav.collapse ul.metismenu li a span{position:absolute;left:100%;background:#20344c;color:#fff;font-weight:400;display:none;width:210px;padding-left:20px;top: 0;}
.sidebar-nav.collapse ul.metismenu li a .usm-icon--dropdown{display:none}
.sidebar-nav.collapse ul.metismenu li:hover>a span{display:block}
.sidebar-nav.collapse ul.metismenu li ul{position:absolute;left:100%;display:none;background-color:#2c405a;top:40px;}
.sidebar-nav.collapse ul.metismenu li.last-menu-item ul{top:initial;bottom:40px}
.sidebar-nav.collapse ul.metismenu li li{width:210px}
.sidebar-nav.collapse ul.metismenu li li a{border-radius:0;color:#fff;padding-left:20px}
.sidebar-nav.collapse ul.metismenu li li a:hover{background:rgba(32, 52, 76, 0.75)}
.sidebar-nav.collapse ul.metismenu li li a span{left:0;display:block;background:transparent;color:#fff;font-weight:300;width:100%;padding-left:20px;border:0}
.sidebar-nav.collapse ul.metismenu li li.active a{background:rgba(32, 52, 76, 0.75)}
.sidebar-nav.collapse ul.metismenu li li.active a:before{display:none}
.sidebar-nav.collapse ul.metismenu li li.active a:hover{background:rgba(0,0,0,0.02)}
.sidebar-nav.collapse ul.metismenu li li:hover>ul{display:block}
.sidebar-nav.collapse ul.metismenu li li:hover li:hover ul{display:block;overflow-y: auto;max-height: 250px;}
.sidebar-nav.collapse ul.metismenu li li ul{position:absolute;left:100%;top:0px;background-color:#2c405a}
.sidebar-nav.collapse ul.metismenu li li li{position:relative}
.sidebar-nav.collapse ul.metismenu li li li a span{padding-left:20px}
.sidebar-nav.collapse ul.metismenu li li li ul{display:none}
.sidebar-nav.collapse ul.metismenu li li a{padding-left:20px}
.sidebar-nav.collapse ul.metismenu li li li.active>a:before{display:none}
.sidebar-nav.collapse ul.metismenu li:hover>ul{display:block}

/*--------------------
arrow styling
---------------------*/
.metismenu .arrow{float:right;line-height:1.42857;}
.metismenu .has-arrow{position:relative;}
.metismenu .has-arrow::after{position:absolute;content:'\f107';font-family:'FontAwesome';font-size:13px;right:10px;top:0%;
  -webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.metismenu .active>.has-arrow::after,.metismenu .has-arrow[aria-expanded="true"]::after {
  -webkit-transform: rotate(180deg) translate(0, 0%);
      -ms-transform: rotate(180deg) translate(0, 0%);
       -o-transform: rotate(180deg) translate(0, 0%);
          transform: rotate(180deg) translate(0, 0%);
}
/*--------------------
menu icons
---------------------*/
ul.metismenu li a i.usm-icon{margin:0 15px 0 10px;font-size:20px;display: flex;justify-content: center;color: #309ce9;font-size: 16px;color: rgba(255, 255, 255, 0.5);}
ul.metismenu li.active a i.usm-icon{color: rgba(255, 255, 255,1);}
.sidebar-nav.collapse ul.metismenu li a i.usm-icon{margin:0 20px;}


/*-----------------
DASHBOARD WRAPPER
-----------------*/
.dashboard-wrapper{position:relative;width:100%;background-color:#ebeff2;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;-ms-flex-pack:distribute;justify-content:space-around}
.dashboard-card{background-color:#fff;border-radius:5px;width:100%;min-height:200px;padding:15px;-webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.03);box-shadow: 0 0 15px 2px rgba(0,0,0,0.03);margin-bottom:10px;position: relative;}
.dashboard-card .card-title{font-size:14px;font-weight:500;text-transform:uppercase;color:#41556a;text-align:center;margin-bottom:5px}
canvas{width:100%}
.get-app-wrapper{padding:20px 50px 20px 50px}
.get-app-wrapper p{color:#586774}
.get-app-wrapper .qr-code{position:relative;height:140px;background-size:120px 120px;background-position:center 25%;background-repeat:no-repeat;border:2px solid #e6eaee;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1}
.get-app-wrapper .qr-code i.fa{display:none}
.get-app-wrapper .qr-code:after{content:attr(data-title);position:absolute;bottom:2px;left:0;width:100%;text-align:center;text-transform: uppercase;color:#586774;font-size:9px;font-weight:600;}
.get-app-wrapper .qr-code--android{background-image:url('../images/qr-code-android.png')}
.get-app-wrapper .qr-code--ios{background-image:url('../images/qr-code-ios.png')}
.get-app-wrapper .crm-qr-code--android{background-image:url('../images/crm-playstore.png')}
.get-app-wrapper .crm-qr-code--ios{background-image:url('../images/crm-appstore.png')}
.get-app-wrapper .qr-code.selected{border:3px solid #3e8ccb}
.get-app-wrapper .qr-code.selected i.fa{display:inline-block;position:absolute;right:0;top:0;height:30px;width:30px;background-color:#3e8ccb;line-height:30px;text-align:center;color:#fff}
.get-app-wrapper .form-default{padding-left:0;padding-right:0;padding-top:0}
.get-app-wrapper .form-default .form-field{margin:0 0 15px 0;min-width:100%;text-align:right}
.dashboard-comp-view{width:100%; height: 70px; border-bottom: 1px solid #e6eaee;font-family:'Montserrat',sans-serif; background:#fff;}
.comp-view-item{min-width: 60px;}
.comp-view-item label{line-height: 70px; font-size: 13px;color: #79919d;
    font-weight: 400;
    width: 120px;text-align: right;margin-right: 20px;}



.comp-view-item .form-style-2 .form-field{margin: 15px 0;}
.comp-view-item .form-style-2 .form-field select{height:40px;line-height:38px;background:#f0f3f6;border-radius:3px;min-width:300px;font-size:13px;font-weight:400;padding:0 10px;color:#707a7d;border:0;appearance:none;-webkit-appearance: none;-moz-appearance: none;}
.comp-view-item .form-style-2 .form-field .form-icon--dropdown {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #bbbbbb transparent transparent transparent;
}
.comp-view-item .form-style-2 select:focus ~ .form-icon--dropdown {
    border-top-color: #79919d;
}
.comp-view-item .form-style-2:focus{outline: none;}

.add-employee-btn{display:inline-block;float:right;margin: 8px 0;}
.add-employee-btn a{text-align: center; padding: 8px 12px; border:1px solid #d8e5ee; border-radius: 5px; display: inline-block}
.add-employee-btn a i{display:block; color: #3c4f5e; font-size: 18px;}
.add-employee-btn a small{ color:#79919d;font-size:10px;font-weight:500;display:block;text-transform:uppercase;letter-spacing:0.08em;margin-top: 4px;}
.add-employee-btn a:hover{background:#4e65bc;-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;transition:0.3s all ease-in;}
.add-employee-btn a:hover i, .add-employee-btn a:hover small,.add-employee-btn a:hover h2{color:#fff;}

.add-target-btn{margin: 7px 0;line-height: initial;}
.add-target-btn a{padding: 4px 12px;line-height: initial;}

.total-employees{margin:8px 12px;float:right;display: inline-block;}
.total-employees h2{text-align: center; font-size: 20px; color: #3c4f5e; font-weight: 500;margin: 0}
.total-employees h2 small{color:#79919d;font-size:10px;font-weight:500;display:block;text-transform:uppercase;letter-spacing:0.08em;margin-top: 4px;}
.on-leave h2{color: #3e8bcb;}
.rowright {width: 100%;text-align: right;padding-bottom:10px;}
/*----------------------
EMPLOYEE DASHBOARD
----------------------*/
.dashboard-wrapper.emp-dashboard{padding:20px 10px;-webkit-box-orient:horizontal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;}
.dashboard-wrapper.emp-dashboard .dashboard-card{width:initial !important;padding:0 !important;border:0 !important}
.dashboard-card-wrapper{margin:0 10px}
.calendar-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 10px}
.dashboard-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;height:350px}
.dashboard-user .user-edit-icon{color:#919a9e;border:1px solid #e6eaee;width:25px;height:25px;line-height:23px;text-align:center;border-radius:50%;position:absolute;right:20px;top:20px;cursor:pointer}
.dashboard-user .user-edit-icon:hover{border:1px solid #919a9e}
.dashboard-user .user-thumbnail{display:inline-block;width:150px;height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;background-color:#e5e6e7;margin-bottom:15px}
.dashboard-user .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.6em;padding:0 15px;text-align:center}
.dashboard-user .user-name{font-weight:400;font-size:20px;color:#586774;text-transform:uppercase}
.dashboard-user .user-designation{font-size:14px;color:#919a9e;line-height:1.2em;padding-top:8px;text-transform:uppercase}
/*!****!*/
.dashboard-tabs{height:65px;border-top:1px solid #e6eaee;background-color:#fcfcfc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row}
.dashboard-tabs--item{-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #e6eaee;height:inherit;cursor:pointer}
.dashboard-tabs--item:last-child{border-right:0}
.dashboard-tabs--item span{color:#222c3c;font-size:11px;text-align:center;display:block;font-weight:500;text-transform:uppercase;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.dashboard-tabs--item div{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.dashboard-tabs--item:hover span{-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.dashboard-tabs--item:hover div{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.dashboard-tabs .tab-icon-1{width:49px;height:35px;margin:5px auto 0 auto;background-image:url('../icons/dashboard-option-4.jpg')}
.dashboard-tabs .tab-icon-2{width:49px;height:35px;margin:5px auto 0 auto;background-image:url('../icons/dashboard-option-3.jpg')}
.dashboard-tabs .tab-icon-3{width:49px;height:35px;margin:5px auto 0 auto;background-image:url('../icons/dashboard-option-2.jpg')}
.dashboard-tabs .tab-icon-4{width:49px;height:35px;margin:5px auto 0 auto;background-image:url('../icons/dashboard-option-1.jpg')}
/*!****!*/
.announcement-card{padding:15px;font-family:'Montserrat',sans-serif}
.announcement-card .card-title{font-size:13px;font-weight:600;color:rgba(0,0,0,0.4); padding:15px; padding-bottom: 0;}
.announcement-card .card-text{color:#586774;font-size:13px;padding:0 5px}
.announcement-card .card-count{background-color:#e5e6e7;color:#718490;height:20px;width:20px;text-align:center;line-height:21px;border-radius:50%;font-size:11px;margin-right:3px;font-weight:600}
.announcement-card ul{padding:15px;margin:10px 0 0 0; padding-top: 0;}
.announcement-card ul li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:30px;border-radius:5px;cursor:default}
.announcement-card ul li:hover{background-color:#5166af;color:#fff;cursor:pointer}
.announcement-card ul li:hover .card-text{color:#fff}
.announcement-card ul li:hover i.fa{color:#fff}
.announcement-card ul li:hover .card-count{background-color:#ff9600;color:#fff}

/*!----- chart --------*/
ul.chart-items{padding:0}
ul.chart-items li{padding:2px 3px;border-bottom:1px solid #d8e5ee}
ul.chart-items li .attendance-count{font-size:11px;font-weight:400}
ul.chart-items li span{font-size:.9em}
ul.chart-items li:last-child{border-bottom:0}
.emp-info{border-top:1px solid #e6eaee;display:block;overflow:hidden}
.emp-info-name{font-family:'Montserrat',sans-serif;font-size:15px;color:#4e65bc;margin:10px 20px;font-weight:400}
.emp-info-table{font-size:11px;font-weight:400;display:block;margin:0 20px 20px 20px;color:#435966}
.emp-info-table td{padding:2px 0}
.emp-info-table .fa{color:#435966;margin-right:10px}


/*!----------- profile menu --------------*/
ul.profile-menu{margin:20 0 0 0;padding:0 0 0 15px;border-bottom:1px solid #e6eaee}
ul.profile-menu li{border-bottom:3px solid transparent;text-transform:uppercase;font-size:12px;font-family:'Montserrat',sans-serif;display:inline-block;padding:4px 0;margin:0 15px;cursor:pointer;font-weight:500;color:#79919d}
ul.profile-menu li.active{color:#4e65bc;border-bottom:3px solid #4e65bc}
ul.profile-menu li.active a{color:#4e65bc}
.profile-view{padding:15px 25px}
table.table-docs tbody>tr>td.centered,table.table-docs thead>tr>th.centered{text-align:center}
table.table-docs tbody>tr>td:last-child,table.table-docs thead>tr>th:last-child{width:110px}
.calendar-bar{height:30px;border-bottom:1px solid #e6eaee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;font-size:11px;font-family:'Montserrat',sans-serif;font-weight:400}
.calendar-bar--item{border-right:1px solid #e6eaee;-webkit-box-flex:1;-ms-flex:1;flex:1;height:inherit;line-height:30px;text-align:center;cursor:pointer}
.calendar-bar--item.active{background:#e6eaee;color:#309ce9}
.calendar-bar--item:hover{color:#309ce9}
.calendar-bar--item:last-child{border-right:0}
.calendar-bar--dropdown{width:100px}
.calendar-bar--dropdown span{padding-right:10px}
.attendace{font-family:'Montserrat',sans-serif;margin:10px 0}
.attendace--download-icon{color:#4e65bc;padding:0 20px;line-height:36px}
.attendace--full-date{padding:0 20px;color:#20344c;font-size:16px;font-weight:400}
.attendace .form-default .form-field{margin:0;min-width:150px}
.attendace .datepicker-label{padding:0 15px;line-height:36px;color:#707a7d;font-size:12px}
.attendace .datepicker-submit{padding:0 15px;line-height:36px;color:#4e65bc;font-weight:400;font-size:12px;cursor:pointer}
.attendace-footer{position:fixed;bottom:0;left:250px;right:0;background:#fff;border-top:1px solid #e6eaee;padding:5px 15px;font-family:'Montserrat',sans-serif}
.attendance-count{font-size:11px;padding:6px 15px;position:relative;font-weight:500;color:#718490}
.attendance-count>span{color:#20344c}
.attendance-count:before{position:absolute;content:'';height:8px;width:8px;border-radius:50%;left:2px;top:50%;margin-top:-5px}
.pr-count:before{background:#4caf50}
.ab-count:before{background:#ef4438}
.lop-count:before{background:#ef4438}
.pl-count:before{background:#38a4dd}
.wfh-count:before{background:#9e9e9e}
.co-count:before{background:#8e76b6}
.ph-count:before{background:#ffc107}
.hd-count:before{background:#009D6B}
.ot-count:before{background:#7cc725}
.abbr-info{font-size:10px;padding:6px 5px;font-weight:500;color:#718490}
.abbr-info>span{color:#20344c}
.search_year_key select{width:100%;padding:0 0 0 10px;background:0;outline:0;border:0;height:30px}


/*!-------------------- todo list page ------------*/
ul.todo-tab{margin:0 30px;padding:0}
ul.todo-tab li{border-bottom:2px solid transparent;text-transform:uppercase;font-size:11px;font-family:'Montserrat',sans-serif;display:inline-block;padding:1px 0;margin:0 5px;cursor:pointer;font-weight:400;color:#919a9e}
ul.todo-tab li.active{color:#4e65bc;border-bottom:2px solid #4e65bc}
ul.todo-tab li:hover{color:#4e65bc}
.todo-date-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:nowrap row;flex-flow:nowrap row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:'Montserrat',sans-serif;margin:0 100px;font-size:15px;color:#222c3c}
.todo-date-selector span{display:inline-block;padding:0 10px;font-weight:400;vertical-align:middle}
.todo-date-selector i.fa{font-size:11px;color:#586774;cursor:pointer;height:22px;width:22px;text-align:center;line-height:23px;vertical-align:middle;border-radius:3px}
.todo-date-selector i.fa:hover{background:#eee}


/*!---------- team feedback page ---------*/
.feedback-caption{text-transform:uppercase;font-size:12px;font-weight:400;font-family:'Montserrat',sans-serif;color:#919a9e;margin-bottom:10px}
.feedback-comment{padding:5px 0 0 0}
.feedback-comment .form-field{margin:0;width:60%}
p.feedback-note{color:#ff1f86;font-style:italic;margin:3px 0 0 0;font-size:11px}


/*!------------ contcts page ---------*/
.contact-thumbnail{display:inline-block;width:40px;height:40px;background-size:cover;background-position:center;background-repeat:no-repeat;margin:5px 0;border-radius:50%;background-color:#e5e6e7}
.contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.6em;padding:0 15px;text-align:left}
.contact-name{font-weight:400;color:#586774}
.contact-designation{font-size:12px;color:#919a9e;line-height:1.2em}


/*!---- leave page ------*/
.leave-form{width:770px;margin:10px auto}
.leave-item{margin:10px;text-align:center;font-family:'Montserrat',sans-serif}
.leave-count{font-size:42px;color:#3c4f5e;padding-bottom:3px;font-weight:400}
.leave-type{color:#fff;font-size:16px;padding:0;height:24px;line-height:26px;font-weight:400}
.leave-availability{font-size:14px;padding:10px 0;color:#79919d;font-weight:400;line-height:14px}


/*!---- recruitment dashboard page ------*/
.recruitStat-item{margin:10px;text-align:center;font-family:'Montserrat',sans-serif;position: relative;padding: 20px 20px 20px 20px;}
.recruitStat-item.bg1{background:url('../icons/rescuitStat-graph.png') no-repeat 0 20px #4e65bc;background-size: cover;}
.recruitStat-item.bg2{background:url('../icons/rescuitStat-graph.png') no-repeat 0 20px #3c763d;background-size: cover;}
.recruitStat-item.bg3{background:url('../icons/rescuitStat-graph.png') no-repeat 0 20px #ac6bec;background-size: cover;}
.recruitStat-item.bg4{background:url('../icons/rescuitStat-graph.png') no-repeat 0 20px #fa424a;background-size: cover;}
.recruitStat-item.bg5{background:url('../icons/rescuitStat-graph.png') no-repeat 0 20px #00b603;background-size: cover;}

.recruitStat-count{font-size:38px;color:#FFF;font-weight:500; line-height:28px;margin-bottom: 15px;}
.recruitStat-type{color: #fff;font-size: 16px;/* padding-bottom: 18px; */line-height: 13px;font-weight: 400;position: relative;}
/* .recruitStat-type:before{position: absolute;content: '';width: 60px;left: 50%;margin-left: -30px;height: 2px;background: rgba(255,255,255,0.75);bottom: 0;} */
.recruitStat-availability{font-size: 13px;padding: 12px 0 0;color: rgba(255,255,255,0.75);font-weight: 400;line-height: 10px;}

.triangle_br{width: 0;height: 0;border-bottom: 12px solid rgba(255,255,255,0.9);border-left: 12px solid transparent;position:absolute;bottom:5px;right:5px;}
  

.recruitDbTabs{position: absolute;top: 18px;right: 20px;}
.recruitDbTabs .nav-tabs { border-bottom: 0px solid #DDD; }
.recruitDbTabs .nav-tabs > li.active:after{display: none;}
.recruitDbTabs .nav-tabs > li.active > a, .recruitDbTabs .nav-tabs > li.active > a:focus, .recruitDbTabs .nav-tabs > li.active > a:hover{border-width:0;}
.recruitDbTabs .nav-tabs > li > a { border: none; color: #6b7987; padding: 0; margin: 0 12px; font-size: 10px; }
.recruitDbTabs .nav-tabs > li.active > a,recruitDbTabs .nav-tabs > li > a:hover{border:none;color:#41556a!important;background:transparent;}
.recruitDbTabs .nav-tabs > li > a::after { content: ""; background: #2197f3; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -3px; transition: all 250ms ease 0s; transform: scale(0); }
.recruitDbTabs .nav-tabs > li.active > a::after,
.recruitDbTabs .nav-tabs > li:hover > a::after { transform: scale(1); }
.recruitDbTabs .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.recruitDbTabs .tab-pane { padding: 15px 0; }
.recruitDbTabs .tab-content{padding:20px}

.compressed-table2{position: relative; overflow-y: auto; margin-top: 20px;}
table.usm-table.usm-table--compressed-v2{width: calc(100% - 2px);}
table.usm-table.usm-table--compressed-v2 thead{background: #e6eaee;}
table.usm-table.usm-table--compressed-v2 thead tr th {color: #718490;height: 30px;vertical-align: middle;font-size: 10px;
text-transform: uppercase;padding: 5px 10px 0 10px;font-weight: 400;}
table.usm-table.usm-table--compressed-v2 tbody tr>td {font-size: 10px;color: #718490;height: 30px;vertical-align: middle;padding: 0 10px;font-weight: 500 !important; border-right: 1px solid #e6eaee;}
table.usm-table.usm-table--compressed-v2 tbody tr>td:first-child{ border-left: 1px solid #e6eaee;}

table.usm-table.usm-table--compressed-v2 tbody tr{border-bottom: 1px solid #e6eaee;}
table.usm-table.usm-table--compressed-v2 tbody tr:nth-child(odd){background-color: #fff;}
table.usm-table.usm-table--compressed-v2 tbody tr:nth-child(even){background-color: #fff;}

table.usm-table.usm-table--compressed-v2 tbody tr td.text-left,table.usm-table.usm-table--compressed-v2 tbody tr th.text-left{text-align:left !important;}

table.usm-table.usm-table--compressed-v2 tfoot tr>td{padding: 0 10px; font-size:13px;}







/*!------ payslips page ----*/
.payslip-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-10px;margin-right:-10px}
.payslip{border:1px solid #d8e5ee;border-radius:5px;padding:25px 40px;margin:10px}
.payslip:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1)}
.payslip:hover .payslip-btn{background:#719eff;border:0;color:#fff}
.payslip:hover .payslip-btn:active{background:#719eff;border:0}
.payslip-month{font-family:'Montserrat',sans-serif;color:#79919d;font-size:15px;text-align:center;padding:20px 0}
.payslip-btn{background:#e6e9ec;border:0;font-size:13px;color:#3c4f5e;border-radius:3px;padding:0;width:150px}
.payslip-btn:active{background:#719eff;border:0;color:#fff}
.payslip-srh-details-row{font-size:11px;font-weight:500;color:#3c4f5e;text-transform:uppercase;margin:0 15px;position:relative;letter-spacing:.4px}
.payslip-srh-details-row span{font-weight:400}
.payslip-srh-details-row:after{position:absolute;content:'|';right:-15px}
.payslip-srh-details-row:last-child:after{display:none}


/*!------------- announcement section -----------*/
.announcement-board{position:relative;width:100%;min-height:360px;margin-bottom:30px;clear:both}
.announcement-board:before,.announcement-board:after{content:"";display:table}
.announcement-board:after{clear:both}
.announcement-board .board-tile{position:absolute;width:500px;height:360px;background:#2b405b;left:50%;margin-left:-250px;z-index:2;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.announcement-board .board-tile.active{-webkit-box-shadow:0 0 30px 5px rgba(0,0,0,0.2);box-shadow:0 0 30px 5px rgba(0,0,0,0.2);-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);z-index:20}
.announcement-board .board-tile:first-child{-webkit-transform:translateX(-180px) scale(0.85);transform:translateX(-180px) scale(0.85);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.announcement-board .board-tile:nth-child(3){-webkit-transform:translateX(180px) scale(0.85);transform:translateX(180px) scale(0.85);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.announcement-board .board-icon{position:absolute;height:60px;width:40px;border:2px solid #ffc107;line-height:60px;text-align:center;left:50%;top:50%;margin:-30px 0 0 -20px;z-index:30;-webkit-transition:all .2s ease;transition:all .2s ease}
.announcement-board .board-icon:hover{background:#ffc107;-webkit-transition:all .2s ease;transition:all .2s ease}
.announcement-board .board-icon .fa{color:#fff}
.announcement-board .board-icon--left{border-right:0;-webkit-transform:translateX(-270px);transform:translateX(-270px)}
.announcement-board .board-icon--right{border-left:0;-webkit-transform:translateX(270px);transform:translateX(270px)}
.announcement-heading{font-family:'Montserrat',sans-serif;font-size:18px;color:#3c4f5e;margin-bottom:6px;font-weight:400}
.announcement-heading a.view-all{text-transform:none;font-size:11px;line-height:25px;padding-right:5px;cursor:pointer;font-weight:400;float:right}
.announcement-heading a.view-all:hover{text-decoration:underline}
.announcement-list{font-family:'Montserrat',sans-serif;margin:0;padding:15px 20px;border:1px solid #e6eaee;border-radius:5px}
.announcement-list--item{border-bottom:1px solid #e6eaee;padding:15px 0}
.announcement-list--item:last-child{border-bottom:0}
.announcement-list .avatar{background-image:url('../images/avatar-default.jpg')}



/*!------ role management page ----*/
.role-card{width:100%;border:1px solid #d8e5ee;border-radius:5px}
.role-heading{height:36px;width:100%;background:#e6e9ec;overflow:hidden;border-radius:5px 5px 0 0}
.role-title{font-size:13px;font-weight:400;color:#3c4f5e;display:inline-block;float:left;margin:0;margin-left:13px;line-height:36px}
.role-heading .status-switch{float:right;margin:13px}
.role-content{padding:15px;height:250px;min-height:250px;max-height:250px;overflow:auto}
.hummingbird-treeview,.hummingbird-treeview *{list-style:none;font-size:12px;line-height:28px;font-weight:400}
.hummingbird-base{padding:0}
.hummingbird-base li{position:relative}
.hummingbird-treeview label{font-weight:normal;display:block;margin:0;padding-left:18px;line-height:28px}
.hummingbird-treeview input[type=checkbox]{width:16px;height:16px;padding:0;margin:4px 0;float:right}
.hummingbird-treeview ul:not(.hummingbird-base){display:none;padding-left:20px}
.hummingbird-treeview .fa{font-style:normal;cursor:pointer;position:absolute}
.treeview label{text-align:left!important}
.role-card .status-switch .lbl{min-width:initial!important}



/*!------ company templates page ----*/
.mce-panel{border:1px solid #b0cbe2!important;background-color:#f3f7fb!important}
.mce-top-part::before{display:none}
.mce-tinymce{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0)!important;-moz-box-shadow:0 1px 2px rgba(0,0,0,0)!important;box-shadow:0 1px 2px rgba(0,0,0,0)!important}
.mce-edit-area iframe{max-height:250px}
.mce-statusbar{display:none!important}


/*!------ team attendance page ----*/
.month-year-selector a{font-size:18px;color:#a9b1b7}
.month-year-selector span{color:#3c4f5e;font-size:14px;font-weight:500;text-transform:uppercase;font-family:'Montserrat',sans-serif}



/*!---------- usm dialog/ popup / modal --------------------*/
.usm-dialog{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;font-family:'Montserrat',sans-serif}
.usm-dialog.show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.usm-dialog--overlay{background:rgba(44,56,71,0.8);position:absolute;left:0;top:0;width:100%;height:100%}
.usm-dialog--close{position:absolute;right:40px;top:40px;width:40px;height:40px;line-height:40px;text-align:center;background:rgba(255,255,255,0.2);color:#ddd;cursor:pointer;z-index:999;border-radius:50%}
.usm-dialog--close:hover{background:#333}
.usm-dialog--header{position:relative;width:700px;color:#fff;font-weight:400;text-align:center;padding:20px 0}
.usm-dialog--header .dialog-title{font-size:34px;font-weight:300;margin-bottom:5px}
.usm-dialog--header .dialog-sub-title{font-size:15px;font-weight:300;color:rgba(255,255,255,0.9)}
.usm-dialog--body{position:relative;width:700px;background:#fff;border-radius:5px;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.1);box-shadow:0 0 10px 2px rgba(0,0,0,0.1)}
.usm-dialog--sm .usm-dialog--body,.usm-dialog--sm .usm-dialog--header{width:500px}


/*!--------- utility classes -------------*/
.pointer{cursor:pointer}
.left{float:left}
.right{float:right}
.clearfix{clear:both}
.clearfix:after,clearfix:before{content:'';display:table}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-justify{text-align:justify}
.overflow-hidden{overflow:hidden}
.ptb10{padding-top: 10px !important;padding-bottom: 10px!important;}
.ptb20{padding-top: 20px !important;padding-bottom: 20px!important;}
.plr10{padding-left:10px !important;padding-right: 10px!important;}
.plr5{padding-left:5px !important;padding-right: 5px!important;}
.p20{padding:20px}
.p15{padding:15px}
.pl20{padding-left:20px}
.pb20{padding-bottom:20px}
.pr20{padding-right:20px}
.pt20{padding-top:20px}
.m20{margin:20px}
.mb0{margin-bottom:0!important}
.ml0{margin-left:0!important}
.mt0{margin-top:0!important}
.mr0{margin-right:0!important}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb80{margin-bottom:80px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml80{margin-left:80px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr80{margin-right:80px}
.mtb30{margin-top:30px;margin-bottom:30px}
.mlr30{margin-left:30px;margin-right:30px}
.mtb15{margin-top:15px;margin-bottom:15px}
.mlr15{margin-left:15px;margin-right:15px}
.mlr10{margin-left:10px;margin-right:10px}
.mlr5{margin-left:5px;margin-right:5px}
.mlr0{margin-left:0px;margin-right:0px}
.b300{font-weight:300}
.b400{font-weight:400}
.b500{font-weight:400}
.b600{font-weight:500}
.b700{font-weight:700}
.b800{font-weight:800}
.middle{vertical-align:middle}
.full-width{width:100%!important}
.full-height{width:100%!important}
.inline{display:inline-block}
.d-none{display:none}
.d-flex{display:flex}
.block{display:block}
.block:before,.block:after{content:"";display:table}
.block:after{clear:both}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.full{width:100%!important}
.white-bg{background: #fff;}
.light-bg{background: #ebeff2;}

.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px;}


/*! -------------... TABLE STATUS SWITCH ...------------- */
.status-switch{display:inline-block}
.status-switch .lbl{position:relative;display:block;height:9px;width:28px;min-width:28px;background:#ccc;border-radius:100px;cursor:pointer;transition:all .3s ease;margin:0}
.status-switch .lbl:after{position:absolute;left:0;top:-3px;display:block;width:16px;height:16px;border-radius:100px;background:#fff;content:'';transition:all .3s ease;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}
.status-switch .lbl:active:after{transform:scale(1.15,0.85)}
.status-switch .cbx:checked ~ label{background:#a1b8ff}
.status-switch .cbx:checked ~ label:after{right:0;background:#4e65bc;left:initial}
.status-switch .cbx:disabled ~ label{background:#d5d5d5;pointer-events:none}
.status-switch .cbx:disabled ~ label:after{background:#bcbdbc}

.row-actions .btn-fab{color:#718490;font-size:11px;width:24px;height:24px;margin: 0 !important;line-height: 16px;}


/*!-------------### USM TAB PAGE STYLING ###------------- */	
.usm-vertical-tabs{font-family:'Roboto',sans-serif;position:relative;margin-left:260px;height:100%}
.usm-vertical-tabs:after{content:"";display:table;clear:both}
.usm-tabs{position:fixed;float:left;width:260px;padding-left:0;margin-top:0;margin-bottom:0;margin-left:-260px;height:calc(100% - 60px);overflow:auto;border-right:1px solid #e6eaee;background:#fff;z-index:99}
.usm-tabs ul{margin:0;padding:0}
.usm-tabs li{position:relative;list-style:none}
.usm-tabs li:after{content:"";display:table;clear:both}
.usm-tabs li a{position:relative;display:block;width:100%;height:40px;text-decoration:none;color:#435966;font-size:13px;line-height:40px;padding-left:15px}
.usm-tabs li a:focus{outline:none!important}
.usm-tabs li.active a,.usm-tabs li:hover a{z-index:2;background:#edf2f9;font-weight:400}
.usm-tabs-content .usm-tab-content{display:none;padding:20px;position:relative;outline:0}
.usm-tabs-content .usm-tab-content.active{display:block}


/*!-------------### TEMPERORY AVATAR UPLOADING STYLING ###------------- */
.avatar-upload{position:relative;max-width:120px;margin:20px auto;}
.avatar-upload .avatar-edit{position:absolute;right:2px;z-index:1;top:2px}
.avatar-upload .avatar-edit input{display:none}
.avatar-upload .avatar-edit input+label{display:inline-block;
width:28px;height:28px;margin-bottom:0;border-radius:100%;background:#4e65bc;border:2px solid #ffffff;cursor:pointer;font-weight:normal;transition:all .2s ease-in-out;line-height:8px;font-size:12px;min-width: initial;
    margin: 0;}
.avatar-upload .avatar-edit input+label:hover{background:#4e65bc;border-color:#d6d6d6}
.avatar-upload .avatar-edit input+label:after{content:"\f040";font-family:'FontAwesome';color:#fff;position:absolute;top:10px;left:0;right:0;text-align:center;margin:auto}
.avatar-upload .avatar-preview{width:120px;height:120px;position:relative;border-radius:100%;border:2px solid #f8f8f8;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}
.avatar-upload .avatar-preview>div{width:100%;height:100%;border-radius:100%;background-size:contain;background-repeat:no-repeat;background-position:center;}

/*!-------------### END TEMPERORY AVATAR UPLOADING STYLING ###------------- */

/*!-------------### AVATAR UPLOADING STYLING ###------------- */	
.avatar-upload{position:relative;max-width:120px;margin:20px auto}
.avatar-upload .avatar-preview{width:120px;height:120px;overflow:hidden; position:relative;border-radius:100%;border:2px solid #f8f8f8;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}
.avatar-upload .avatar-preview>div{width:100%;height:100%;border-radius:100%;}
.avatar-upload .avatar-preview img{width:120px; height: auto;}
select::-ms-expand{display:none;} 


/*!---------- Avatar uploading v2 --------------------*/
.avatar-upload-v2{position:relative;max-width:80px;border-radius:4px}
.avatar-upload-v2 .avatar-edit{position:absolute;right:-10px;z-index:1;top:-10px}
.avatar-upload-v2 .avatar-edit input{display:none}
.avatar-upload-v2 .avatar-edit input+label{display:inline-block;width:28px;min-width:28px;height:28px;margin-bottom:0;border-radius:100%;background:#4e65bc;border:2px solid #fff;cursor:pointer;font-weight:normal;transition:all .2s ease-in-out;line-height:8px;font-size:12px;margin:0}
.avatar-upload-v2 .avatar-edit input+label:hover{background:#4e65bc;border-color:#d6d6d6}
.avatar-upload-v2 .avatar-edit input+label:after{content:"\f040";font-family:'FontAwesome';color:#fff;position:absolute;top:10px;left:0;right:0;text-align:center;margin:auto}
.avatar-upload-v2 .avatar-preview{width:80px;height:80px;position:relative;border-radius:4px;border:2px solid #f8f8f8;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}
.avatar-upload-v2 .avatar-preview>div{width:100%;height:100%;border-radius:0;background-size:contain;background-repeat:no-repeat;background-position:center}
/*!**!*/
#emp-adv-search .panel-collapse{width:85%}
#emp-adv-search .panel-heading .accordion-toggle i{-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear}
#emp-adv-search .panel-heading .accordion-toggle.collapsed i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#emp-adv-search .panel-title a{font-size:9px;color:#4e65bc;font-weight:500;text-transform:uppercase;letter-spacing:.45px;border-bottom:1px solid #b4bcdf;text-decoration:none;padding:0}
#emp-adv-search .panel-title a i{color:#4e65bc}
#emp-adv-search .panel-title a:hover,#emp-adv-search .panel-title a:hover i{color:#309ce9}
.required:after{content:" *";color:red}
.hrz-panels{width:100%}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.usm-table--compressed *{font-weight:500!important}}
.bootstrap-select.btn-group .btn .caret{display:none!important}
.print-btn{background:#fff;border:0;outline:0}
.print-btn i{text-align:center;margin:0 auto}
.print-dropdown{font-weight:400;font-size:12px}


/*!-------------### HEADER NEWS SCROLLBAR ###------------- */
.news-scroll{height:40px;background:#f0f3f6;border-radius:3px;padding:0 10px 0 40px;min-width:360px;border:0;margin:10px 0;overflow:hidden}
.news-scroll li{line-height:38px!important;font-size:13px;font-weight:400;color:#707a7d;position:relative;margin:0 15px!important}
.news-scroll li:after{position:absolute;content:'';width:6px;height:6px;background:#ccc;border-radius:50%;top:50%;margin-top:-2px;right:-17px}
.news-scroll li.last:after{display:none}


.input_search_icon{ position: absolute; right: 10px;width:26px;height:26px;display:inline-block;background-image:url('../icons/search-clear-icon-vert.png');background-repeat:no-repeat;background-position:center 6px;top:50%;margin-top:-13px;
		transition:all 0.3s;}
	.input_clear_icon{background-position:center -30px; cursor:pointer;}
.table-fixer{min-height:200px;max-height: 450px;overflow:auto;}	
	

.tooltip {display: block;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;font-style: normal;font-weight: 400;line-height: 1.42857143;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;word-wrap: normal;white-space: nowrap;}
.tooltip-inner {max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px;white-space:pre-wrap}
.title-wrap .tooltip{white-space:initial;}

.feedback-table label.error{    position: relative;
    text-indent: -9999px;
    min-width: 10px !important;
    width: 10px !important; background:transparent;display:none;}
.feedback-table tr:first-child label.error{display:block !important;}
.feedback-table label.error:before{    content: '*';
    position: absolute;
    text-indent: initial !important;
    width: 10px;
    height: 10px;
    left: -50px;
    top: 0;}


.feed-alert{position: fixed; width: 400px; top: 70px; right: 20px;text-align: left!important;font-size: 13px;}

.table-abs{position: absolute;right:0px;left:250px;bottom: 0;overflow: auto;}
.sidebar-nav.collapse ~ .main-view .table-abs,.sidebar-nav.collapse ~ .main-view .table-abs-pnation{left: 60px;}
.table-abs-pnation{position: absolute;left: 250px;display: block;right: 0; bottom: 0; top: auto;text-align: center;}

.table-abs-80b{bottom:80px;}
.table-abs-135{top:135px;}

.table-abs-120{top:120px;}
.table-abs-130{top:130px;}
.table-abs-140{top:140px;}
.table-abs-150{top:150px;}
.table-abs-160{top:160px;}
.table-abs-170{top:170px;}
.table-abs-180{top:180px;}
.table-abs-190{top:190px;}
.table-abs-200{top:200px;}
.table-abs-210{top:210px;}
.table-abs-220{top:220px;}
.table-abs-230{top:230px;}
.table-abs-240{top:240px;}
.table-abs-250{top:250px;}
.table-abs-260{top:260px;}
.table-abs-270{top:270px;}
.table-abs-280{top:280px;}
.table-abs-290{top:290px;}
.table-abs-300{top:300px;}
.table-abs-310{top:310px;}
.table-abs-320{top:320px;}
.table-abs-330{top:330px;}
.table-abs-340{top:340px;}
.table-abs-350{top:350px;}

.nodata_td{ text-align:center !important; }


.date input:disabled ~ .input-group-addon{display:none !important}
.date{width:100%;    }
.date input:disabled{ border: 1px solid #a8c6df;border-radius:4px !important;}



/*!* fullscreen modal *!*/
.fullscreen-modal{padding:0 !important;}
.fullscreen-modal .modal-body p, .fullscreen-modal .modal-body h4, .fullscreen-modal .modal-body h4.modal-title {font-weight: 300;color: #3c4f5e;font-size: 24px;line-height: 30px;text-align: center;margin: 0; margin-bottom: 30px;}

.fullscreen-modal .modal-full{width:90%; height: 90% !important;position: fixed; top: 10px; left:10px; right:10px; bottom: 10px;}
.fullscreen-modal .modal-dialog, .fullscreen-modal .modal-content, .fullscreen-modal .modal-body{height:100%;}
.fullscreen-modal .modal-body{ padding: 30px; }
.fullscreen-modal .abs-table{position: absolute;top: 90px;bottom: 30px;left: 30px;right: 30px;overflow: auto;}




.dashboard-modal-print{position: absolute;
    top: -29px;
    background: #fff;
    border: 0;
    outline: 0;
    padding: 5px 20px;
    border-radius: 2px;
    font-size: 12px;
    right: 0;}

.tooltip-left .tooltip{}
.tooltip-left .tooltip .tooltip-inner{text-align:left !important;max-width:initial !important;}


/*!-------------### Expense page styling ###------------- */
/*!** EXPENSE PAGE STYLING **!*/
/*! Accordian Panels */
.expense-panels{}
.expense-panels .panel>a{ background: #edf2f9; height: 36px; line-height: 36px;display:block;color: #79919d;}
.expense-panels .panel>a h4{font-size:13px; text-transform: uppercase;line-height: 36px;padding: 0 15px;position: relative;}
.expense-panels .panel>a h4 i{color: #79919d; font-size: 14px; position: absolute;right: 15px;line-height: 36px; top: 0;}
.expense-panels .panel a.collapsed h4 i{-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.expense-panels .panel a h4 i{-webkit-transition:0.4s ease;-moz-transition:0.4s ease;transition:0.4s ease;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
#upload-file{display:none;}
/*! Browse */
.expense-browse{background:#ecf5fd;height:26px; line-height:26px;border-radius:4px;margin: 5px 0;}
.expense-browse button{background:none;border:none; outline:none;text-decoration:underline;font-weight:600;}
.expense-panels small{font-size: 10px;font-weight: 500;font-family:'montserrat';}
/*! Summary */
.exp-summary{background:#edf2f9; border-radius: 5px;min-width: 260px;float: right;padding: 10px;}
.exp-summary th{font-size: 21px; font-weight: 600; color: #273236; text-align: center;padding: 16px;line-height: 15px;}
.exp-summary td{padding: 5px 15px; font-size: 13px; font-weight: 500; color: #273236;}
.exp-summary td:last-child{text-align: right; padding-right: 20px;}
.exp-summary .summary-total{border-radius:0 0 5px 5px;}
.exp-summary .summary-total td{padding: 10px 15px;background:#0c76c0; font-size: 16px; font-weight: 500; color: #fff;    line-height: 13px;}
.exp-summary .summary-total td:first-child{border-radius:0 0 0 5px;}
.exp-summary .summary-total td:last-child{border-radius:0 0 5px 0px;padding-right: 20px;}
.exp-rep-head{background: #edf2f9!important; color: #79919d;  text-transform: uppercase;}
table.usm-table tbody tr.exp-rep-head>td{font-weight: 500!important;}
.badge{font-size: 9px; font-weight: 500;}
.exp-tab-input{width:150px;}
.exp-tab-input span{margin-right: 8px;}
.exp-tab-input input{width:70px;padding:0 10px;height:26px;border:1px solid #a8c6df;border-radius:3px;}
/*!--*/

.small_img {
	border: 1px solid #546882;
    border-radius: 3px;
    cursor: pointer;
    width:25px;
    height:25px;
    }

#attrition_title { text-align:center; }

.init-height .tooltip{line-height: 18px !important;}








/*!=========================================================
==================### RESPONSIVE STYLING ###================
==========================================================*/
@media(max-width:1366px){
	
}
@media(max-width:1356px){
	.usm-tab-content .flex-row .flex-wrap{flex-wrap: wrap;}
	.usm-tab-content .flex-row.flex-row-column{-webkit-box-orient: vertical;-ms-flex-flow: nowrap column;flex-flow: nowrap column;}
	.sidebar-nav.collapse ~ .main-view .usm-tab-content .flex-row.flex-row-column{-webkit-box-orient: horizontal;-ms-flex-flow: nowrap row;flex-flow: nowrap row;}
}

@media(max-width:1199px){
	.comp-view-item .form-style-2 label{display: none;}
	.payslip{ padding:25px 34px;}
	.leave-type {font-size: 13px;line-height: 24px;}
	.sidebar-nav.collapse ~ .main-view .leave-type {font-size: 16px;line-height: 26px;}
	.abbr-info{font-size: 10px;}

.sidebar-nav.collapse ~ .main-view .usm-tab-content .flex-row.flex-row-column,
.usm-tab-content .flex-row.flex-row-column{-webkit-box-orient: vertical;-ms-flex-flow: nowrap column;flex-flow: nowrap column;}
}

@media(max-width:1120px){
	.attendance-count {font-size: 10px;padding:6px 10px 6px 13px;}
}

@media(max-width:1070px){
	.form-btns button{min-width: 110px; margin-bottom: 15px;}
	.form-default.form-vertical .form-field{min-width: 220px;}
}

@media(max-width:992px){
	.header-search .form-field,.profile-info,.account-menu .usm-icon--dropdown{display:none!important}
	#warning-message{display:none}
}

@media(max-width:991px){
	#warning-message{display:table!important}
}

.light_opt-holiday {
    background-color: #fffeda!important
}
.light_lop {
    background-color: #ffeded!important
}
.light_wfh {
    background-color: #ececec!important
}
.light_compoff {
    background-color: #e5e2f3!important
}

.notification-links{border-bottom:1px solid #e6eaee; background: #fff;position: fixed;top: 0;width: 100%;display: block;line-height: 25px; cursor: default;text-align: right;padding: 0 10px;}
.notification-links a{text-transform: uppercase;font-size: 10px;text-align: right;font-weight: 600;}
.notification-dropdown .dropdown-menu--wrapper{max-height: initial !important; overflow: hidden !important}
.notification-dropdown .dropdown-menu--wrapper .usm-list {max-height: 250px;overflow-y: auto;margin-top: 25px;}



#feedbackChart{height:250px !important; width:auto!important;}


.editpost_emp button{min-width: 100% !important}


.editpost_comp .multiselect-selected-text{    overflow: hidden;
    height: 30px;
    display: inline-block;
    line-height: 30px;}
.empfeed-autocomplete{border:1px solid #7a9cd3;background:#fff;position:absolute;width: 100%;z-index: 9999}
.empfeed-autocomplete ul{padding-left:0px;max-height:250px;overflow-y:auto;width: 100%}
.empfeed-autocomplete ul li{padding-left:25px;height:17px;}
.empfeed-autocomplete ul li:hover{height:17px; background:#1e90ff;color: #fff}



.feedback_body p{font-size: 16px;text-align: left;width: 90%;margin: 20px auto 10px auto;    line-height: initial;}

.feedback_body h2{    font-size: 14px;
    text-transform: uppercase;
    color: #41556a;
    text-align: center;
    font-weight: 600;}

.feedback_body .leave-count{font-size:38px;line-height: 30px;}
.feedback_body .leave-type{font-size: 10px;}
.feedback_body .bord-right{position:relative;}
.feedback_body .bord-right:before{    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    background: #ccc;
    height: 120px;
    margin-top: -60px;
    width: 1px;}
.plr0{padding-left: 0px;padding-right:0px;}
.plr6{padding-left: 6px;padding-right:6px;}

.feedback_body>.row>.col-sm-6{min-height: 210px;}
.feedback_body .close{position: absolute;top: -16px;right: -16px;font-size: 18px;width: 32px;height: 32px;line-height: 32px;cursor: pointer;border-radius: 50%;background: #3c4f5e;opacity: 0.9;color: #fff;}

@media (min-width: 768px){
.feedModal .modal-dialog{width: 750px;margin: 30px auto;}
}
.pend-appr{border-top: 1px solid #E6EAEE;margin-top: 20px;background: #f5f5f5}
               
               
               
.feed_comments {border-bottom: 1px solid #e6eaee;padding: 8px;margin: 0; font-size: 14px}
.feed_comments small{display: block;font-size: 11px;color: rgba(128, 128, 128, 0.75);margin-top: 5px;}
.feed_comments small i{color: rgba(128, 128, 128, 0.75); margin-right: 4px;}
.feed_comments small i:nth-child(2){margin-left:15px}



.max-350h{max-height: 350px; overflow: hidden; overflow-y: auto;}

.hrr_jobview{padding: 10px 10px 0px 20px;;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;}
	
.hrr_job_company{padding: 15px 15px;}
.hrr_job_company h2{display: block;margin: 0;color: #4e65bc;font-size: 16px;font-weight: 600;line-height: initial;}
.hrr_job_company span{color:#646e79;font-size:12px;font-weight:600;text-transform: uppercase;}
.hrr_job_company span i{color: #a4a6a9;}
	
.hrr_job_info{margin-bottom: 10px;padding: 0 20px;border-bottom: 1px solid #e6eaee;border-top: 1px solid #e6eaee;line-height: 20px;}
.hrr_job_info span{ color: #646e79;font-size: 12px;font-weight: 600; margin-right: 10px}
.hrr_job_info span i{color: #a4a6a9;}

.hrr_job_jd{padding:10px 23px}
.hrr_job_jd p{color:#646e79;margin-bottom:19px;line-height:initial;margin-top: 0;font-size: 14px;}

.hrr_job_skills{display: inline-block;font-size: 10px;line-height: 1;text-align: center;white-space: nowrap;vertical-align: middle;background: #e7ecff;border: 1px solid #d6dfff;color: #4e65bc;font-weight: 500;padding: 4px 10px;border-radius: 100px;margin-right: 1px;}

.hrr_job_details{padding: 10px 23px;}
.hrr_job_details span{ color: #646e79;font-size: 12px;font-weight: 600; margin-right: 10px}
.hrr_job_details table td{color: #666;font-size: 12px;font-weight: 600;margin-right: 10px; padding: 0;}
.hrr_job_details table tr td:last-child{color: #000;}

.form-field-fluid{width: 583px !important;}




/* ========================================================================================
======================================= JOB DETAILS =======================================
======================================================================================== */
/*-------- profile header -------------*/
.profile-header{border-bottom: 1px solid #e6eaee;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.fab-icon{cursor:pointer;border:1px solid #e6eaee;background:#fafbfc;height:60px;width:60px;text-align:center;line-height:55px;border-radius:50%}
.fab-icon-text{margin-top:5px;font-size:13px;font-weight:500;color:#718490}
.fab-icon-emailtext{cursor:pointer;margin-top:5px;font-size:13px;font-weight:500;color:#2196f3}
.profile-header--item{padding:12px 0;min-width:165px;border-right:1px solid #e6eaee}
.profile-header--item:last-child{border-right:0}
.profile-header--item:first-child{border-right:0;padding:8px 15px}
.profile-user--pic{position:relative;width:90px;height:90px;border-radius:50%;background-color:#e5e6e7;background-size:cover;background-position:center;background-repeat:no-repeat;margin:0px 18px 0 0px}

.profile-user--name{font-family:'Montserrat',sans-serif;font-size:21px;color:#3c4f5e;margin:0; line-height: 17px;margin-bottom: 12px;}
.profile-user--label,.profile-user--content{font-size:13px;font-weight:300;font-family:'Roboto',sans-serif;padding:2px 0;}
.profile-user--label{/* min-width:60px; */color:#718490;}
.profile-user--content{color:#3c4f5e;font-weight:400}

/*-------- actions sections -------------*/
.actions-list{ padding: 30px; background: #f4f8f9;margin: 0 0 18px 0;}
.actions-list h2{color: #3c4f5e;margin: 0 0 20px 0;font-weight: 400;font-size: 15px;text-transform: uppercase;}
.actions-list ul, .actions-list li{position: relative;}
.actions-list ul:before, .actions-list li:after{position: absolute; content: '';}
.actions-list ul:before{ top: 0; background: #d2d2d2;/*#e8eef1*/ width: 1px; height: 100%;}
.actions-list li:after{top: 50%; left: -3px; margin-top: -3.5px; width: 7px; height: 7px; background: #309ce9;border-radius: 50%;}

.actions-list li{color:#404852; font-size: 13px; font-weight: 500; letter-spacing: 0.05em; padding:8px 15px; text-transform: uppercase;}
.actions-list li small{color: #323cff; font-size: 9px;    margin-right: 5px;}

@media(max-width:1199px){
	.profile-user--pic{display: none;}
}

.breadcrumb {
    padding: 0;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    font-size: 12px;
}
.breadcrumb a{color:#0072ff}

.breadcrumb a i{font-size: 11px;}

.breadcrumb .pull-right:before {
    padding: 0px;
    content: "";
}
.breadcrumb li .btn{
min-width: initial;
    height: 21px;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;}
 
.nav-tabs {
    border-bottom: 1px solid #e9edef;
}
.nav-tabs>li{position: relative;}
.nav-tabs>li.active{position: relative;margin:0;border: none;}
.nav-tabs>li.active:after{position: absolute;content: ''; background: #4e65bc; width: 100%; height: 3px;bottom:-2px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #2b405b;cursor: default;background-color: #fff;border: none;}

.nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: none;border-radius: 4px 4px 0 0;font-weight: 500;text-transform: uppercase;font-size: 11px;letter-spacing: 0.05em;color: #78909c; padding: 6px 15px;}

.nav-tabs>li>a:hover {
    border-color: transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.create-links{padding: 0px;display: inline-block;width: 100%;margin: 0}
.create-links li{display: inline-block; float: left; padding:3px;}
.create-links a{color: #fff;padding: 0px 10px;border-radius: 3px;display: block;font-size: 11px;font-weight: 500;
text-transform: uppercase;text-align: center;line-height: 26px;height: 24px;letter-spacing: 0.05em;white-space: nowrap;}
.create-links a:hover{color: #fff;}
.create-links a i{color: #fff;font-size: 7px;border-radius: 50%;border: 1px solid #fff;width: 13px;height: 13px;line-height: 12px;text-align: center;}
.create-blue{background:#3c97dd}
.create-blue:hover{background:#2196f3}
.create-green{background:#6EBD6E}
.create-green:hover{background:#4caf50}
.create-purple{background:#A094ED}
.create-purple:hover{background:#804fd6}
.create-orange{background:#FCB95B}
.create-orange:hover{background:#ff9800}

.past-next-steps{border: 1px solid #e9edef;margin: 0 0 0 10px;padding: 15px;}
.past-next-steps h2{color: #2b405b;font-size: 16px;font-weight: 500;}
.past-next-steps .panel-title{position:relative;}
.past-next-steps .panel-title a{font-weight: 400;font-size: 14px;color: #0072ff;float: left;position: relative;}
.past-next-steps .panel-title span{  
	cursor:pointer;
	display: none;
    float: left;
    margin-left: 10px;
    font-size: 12px;}
.past-next-steps .panel-title:hover span{display:inline-block;}

.past-next-steps .panel-title p{display: inline-block; float: none; font-weight: 400;font-size: 12px;color: #484848;}
.past-next-steps .panel-title p a{font-size: 12px;float: initial;}
.past-next-steps .panel-title .control--checkbox{width: 16px;height: 16px;margin: 0 0 2px 0;float: left;}
.past-next-steps .panel-title .control--checkbox .control__indicator--sm{margin-top: -9px;}

.past-next-steps .panel{border: none !important;box-shadow: none;margin-bottom: 10px;}
.past-next-steps .panel>div[role="tab"]{display: table;}
.past-next-steps .panel .panel-arrow, .past-next-steps .past-next-steps .panel .panel-title{display:table-cell; vertical-align: top;}
.panel .panel-arrow{font-size: 21px; padding-right:10px;line-height: 0px;}
.past-next-steps .panel .panel-arrow i{line-height: 12px;}


.past-next-steps .panel-content{background: #fafafa;border: 1px solid #e6eaee;width: 100%;padding: 10px;min-height: 70px;}

.past-next-steps .panel-content p small{display: block;}
.past-next-steps .panel-content p a{color: #0072ff;}








.box{background: #fff; border-radius: 3px; border:1px solid #ebf0f2;
	-webkit-box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.05);}

.tabs-btn button {
    line-height: 10px;
    background: #337ab7;
    border: none;
    outline: none;
    width: 26px;
    height: 26px;
    font-size: 10px;
    border-radius: 4px;
    color: #12243d;
}
.tabs-btn button .fa {
    color: #fff;
    font-size: 12px;
}

.tab-pane {
    margin-top: 10px;
}

.tabs-btn .dropdown-menu{min-width: 120px;}
.tabs-btn .dropdown-menu>li>a{font-size: 12px; padding: 2px 10px;}


.hrr_job_info_details{}
.hrr_job_info_details span{ color: #646e79;font-size: 12px;font-weight: 400; margin-right: 10px}
.hrr_job_info_details span i{color: #a4a6a9;font-size: 10px; margin-right: 2px}

.hrr_job_jdesc{padding:0px;}
.hrr_job_jdesc p{color:#646e79;margin-bottom:14px;line-height:initial;margin-top: 0;font-size: 14px;}


.mh300 {
    max-height: 150px;
    overflow-y: auto;
    padding-top: 3px;
}

#next-steps li,#past-steps li{font-size: 13px;padding-bottom: 10px; position:relative;}
#next-steps li:before,#past-steps li:before{position: absolute;content: "\f105";color: #919a9e;margin-left: -20px;font: normal normal normal 14px/1 FontAwesome;
top: 1px;font-size: 15px;}
.empfeed-recru {
	    width: 300px;
	}
	.empfeed-recru li{
	padding-left: 15px;
    font-size: 12px;
    overflow: hidden;
}
.export-button{border:1px solid #d6d6d6;font-size:12px;line-height:24px;height:24px;display:inline-block;padding:0 8px;color:#5e686d;float:right;margin-right:20px}
.past-next-steps {
height: calc(100vh - 100px);
margin-top: 20px !important;
margin-left:0px !important;
}

.lhours{
	vertical-align: middle;
    font-size: 16px !important;
    }
    
.dwn_box{padding-right: 5px;}   
.dwn_box select{border-radius: 10px;border:solid 1px #2b405b !important;background:#fff !important;}  

.sts_head {font-size: 8px !important;color:#546772!important;
    text-transform: uppercase;
    font-weight: 500 !important;}

.sts_head span{    
	margin-bottom: 3px;
    display: block;
    font-weight: 600;}

.sts_cont {font-size: 9px !important;
    font-weight: 400 !important;color:#546772!important;text-align:center !important;}
    
.sts_cont .badge{    min-width: initial;
    padding: 0 10px;
    height: 15px;
    line-height: 16px;
    margin-bottom: 2px;
    display: inline-block;}

.all_attend td{padding: 5px 10px !important;}
.btn-refer {
	background: #788cc6;
    border: 1px solid #788cc6;
    color: #fff;
    }   
.badge-pointer { cursor:pointer;}
 
.multiselect-container{max-height: 210px; overflow-y: auto;}   
.multiselect-container label{text-align: left;
    line-height: 21px;
    padding: 0 10px 0 28px !important;}
button.multiselect{font-size: 13px;overflow: hidden;}    

.row-status a .tooltip-inner{min-width: 300px;}
.row-status a .tooltip-inner table{width: 100%;}
.row-status a .tooltip-inner table thead,.row-status a .tooltip-inner table tr{background: transparent !important;}
.row-status a .tooltip-inner table thead tr th,.row-status a .tooltip-inner table tr td{    font-size: 11px;
    color: #fff;
    padding: 5px !important;
    height: initial; text-align: left !important;}


.row-actions a .tooltip-inner{min-width: 300px;}
.row-actions a .tooltip-inner table{width: 100%;}
.row-actions a .tooltip-inner table thead,.row-actions a .tooltip-inner table tr{background: transparent !important;}
.row-actions a .tooltip-inner table thead tr th,.row-actions a .tooltip-inner table tr td{    font-size: 11px;
    color: #fff;
    padding: 5px !important;
    height: initial; text-align: left !important;} 


.no-pad{padding:0!important}
.no-mrg{margin:0!important}    
table.usm-table.recruitment-table tbody tr>td {
    font-size: 12px;
    height: 26px;
}
table.usm-table.recruitment-table tbody tr>td .tooltip-inner th,
table.usm-table.recruitment-table tbody tr>td .tooltip-inner td{font-size: 11px; height: initial;padding: 1px !important;}
table.usm-table.recruitment-table tbody tr>td .tooltip-inner tr:last-child{border-bottom: 1px solid rgba(228, 228, 227, 0.49)!important;}
table.usm-table.recruitment-table thead tr th{text-transform: initial;}

.morelink,.morelink:focus{color: #2196F3;border-bottom: 1px dotted;}
.morelink:hover{color: #9c27b0;}

.form-style-1 .dt-picker .input-group input {
    border-right: 0px;
    border-radius: 30px 0 0 30px;
    padding-right: 10px;
}

.form-style-1 .dt-picker .input-group-addon{
	 border-radius: 0 30px 30px 0;
    background: #eff2f5;
    border: 0;
    border-left: 0px;
    cursor: pointer;
    padding: 6px 14px;
}

.form-style-1 .form-field i.form-icon {
    position: absolute;
    right: 15px;
    top: 9px;
    height: 18px;
    width: 17px;
    background-size: contain;
    background-position: center;
}


.form-style-1 .btn-size1{height:34px; line-height: 32px; min-width:90px;}


.nowrap-col{white-space: nowrap !important;}

.p-relative{position:relative !important;}
.fa-1half-x{font-size: 1.5em;}
 
 .doc-del{background: #ff0000;width: 12px;height: 12px;font-size: 8px;color: #fff;display: inline-block;text-align: center;line-height: 12px;border-radius: 50%;position: absolute;right: 0px;top: -8px;}
 .doc-del i{color:#fff;}
 
.td-btn{
height: 21px;
line-height: 21px;
min-width: initial;
font-size: 10px;
padding: 0 6px;
}
    
.download-pdf{cursor: pointer;}
table.usm-table tbody tr:nth-child(odd) .download-pdf:hover{background: #f5f5f5; transition: all 250ms ease-in;}
table.usm-table tbody tr:nth-child(even) .download-pdf:hover{background: #fdfdfd; transition: all 250ms ease-in;}
.download-pdf i{ color: #919a9e;font-size: 20px; transition: all 250ms ease-in;}
.download-pdf:hover i{color:#20344c;}

.dl-template,.an-template,.dl-area,.an-area{position:relative}
.dl-template button.rButton,.dl-area button.rButton{position:absolute;right:-15px;top:23px!important}
.an-template button.rButton,.an-area button.rButton{position:absolute;right:-15px;top:8px!important}
.dl-area label,.an-area label{font-size:11px;text-transform:uppercase;color:#727272}
.sat-rdo{margin-top:4px}
#pTable td{padding:0;border:0}

.minus-has-label{position:relative;}
.minus-has-label .rButton{position:absolute;}

.dl-template .minus-has-label  button.rButton, .dl-area .minus-has-label  button.rButton,
.minus-has-label .rButton{bottom: 0; top: initial !important;height: 34px; width: 34px; right: -40px;}
    
    .ofc-expences label{text-align:left !important;min-width:100% !important;}
    .addButId.btn-sm i{color:#fff!important;}
    .rButton.btn-sm i{color:#fff!important;}
    
.mrg-20t{margin-top:20px !important;}
.flex-wrap{flex-wrap: wrap !important;}

.form-field-switch{min-width: inherit !important;
    width: inherit !important;
    padding: 8px 0;}
    
    
    
    
    /* ======================================================
				VACCINATION DRIVE FORM
=======================================================*/
.vaccination-form{background: #fff;box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);
	position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:0 solid rgba(0,0,0,.125);
    border-radius:1rem;
	padding: 30px;
}

.vaccination-form h5{color:#252f40;font-size: 24px;line-height: 28px;margin:0 0 30px 0;font-weight: 700;}

.vaccination-form .form-control{
display:block;width:100%;padding:8px 14px;height:40px;font-size:14px;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #d2d6da;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;border-radius:8px;transition:box-shadow .15s ease,border-color .15s ease;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 0%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 0%);}

.vaccination-form .form-control:disabled,
.vaccination-form .form-control[readonly]{background-color:#e9ecef;opacity:1;}

.vaccination-form label{font-size:13px;font-weight:500;margin-bottom:6px;color:#252f40;margin-left:.25rem;}

.vaccination-form select + i.fa {
  float: right;
  margin-top: -28px;
  margin-right: 5px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: #fff;
  padding-right: 7px;
}


.vaccination-form select:disabled + i.fa,
.vaccination-form select[readonly] + i.fa{background-color:#e9ecef;}

.vaccination-form .usm-icon--datepicker{background-image: url(../icons/datepicker-icon.png);display: inline-block;width: 17px;height: 18px;}
.vaccination-form .dt-picker .input-group-addon{background: #e9ecef;border: 1px solid #d2d6da;border-left: 0px;cursor: pointer;}














/* --UTILITIES-- */
.g10{margin-left:-10px!important;margin-right:-10px!important}
.g10 [class*='col']{padding-left:10px!important;padding-right:10px!important}
.g8{margin-left:-8px!important;margin-right:-8px!important}
.g8 [class*='col']{padding-left:8px!important;padding-right:8px!important}
.g6{margin-left:-6px!important;margin-right:-6px!important}
.g6 [class*='col']{padding-left:6px!important;padding-right:6px!important}
.g5{margin-left:-5px!important;margin-right:-5px!important}
.g5 [class*='col']{padding-left:5px!important;padding-right:5px!important}
.g4{margin-left:-4px!important;margin-right:-4px!important}
.g4 [class*='col']{padding-left:4px!important;padding-right:4px!important}
.g0{margin-left:0!important;margin-right:0!important}
.g0 [class*='col']{padding-left:0!important;padding-right:0!important}


.m-auto{margin:auto !important;}
.mrg-10r{margin-right:10px !important;}
.mrg-10l{margin-left:10px !important;}
.d-flex.row{display:flex;align-items:center;flex-wrap:wrap;}
.d-flex{display:flex;align-items:center}
.align-items-center{align-items:center}
.justify-content-center{justify-content:center}
.text-nowrap{white-space:nowrap !important;}

.wall-date-filters input::placeholder{line-height: 1;text-align: left;}
.wall-date-filters .form-field{min-width: initial !important;max-width: initial !important;width: initial !important;margin-left: 0 !important;}
.wall-date-filters .form-field .btn{min-width: auto;padding: 0 20px;height: 36px;line-height: 36px;}


.justify-content-center{justify-content: center !important;}
.multiselect-flex .btn-group {display:flex !important;}

.survey-form{}
.form-default .survey-form .form-field{width: 100%;max-width: 100% !important;}


.survey-qtn-optns{width:100%;background:#a8c6df1f;padding:10px 40% 2px 10px !important;margin-top:10px;border-radius:10px;}
.survey-qtn-optns h5{margin:0px 10px 0;}
.survey-qtn-optns .form-field{padding: 10px;}

.survey-qtn-optns .survey_answers input{margin-top: 8px;}


.survey_data .form-field{margin-bottom: 0 !important;}


.survey-question{position: relative;padding:20px 15px 10px 15px;border: 1px solid #e6eaee;border-radius:6px;margin-bottom:20px;transition: all .2s ease-in;}
.survey-question label{position: absolute;top: -8px;line-height: 1;background: #fff;text-align: left;min-width: initial;padding: 1px 10px;font-weight: 600 !important;margin: 0;left: 0;text-transform: uppercase;}

.survey-question textarea{height: 60px !important;padding: 5px 10px !important;}

.survey-question:focus-within{border: 1px solid #2196f3;}
.survey-question:focus-within label{color: #2196f3;}


.icon-btn{
min-width: initial;
border-radius: 10%;
width: 36px;
height: 36px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-left: 10px;
}


.surveyReport_wrapper{background-color: #ebeff2;min-height: 100vh;}
.surveyReport_wrapper .form-style-1 select{background: #fff !important;}
.surveyReport_wrapper .card{position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0 solid rgba(0,0,0,.125);border-radius: 15px;box-shadow:0 0 15px 2px rgba(0, 0, 0,0.03);margin-bottom: 20px;}
.surveyReport_wrapper .card .card-body{flex: 1 1 auto;padding: 30px;}


.surveyReport_wrapper .qtn-item {display: flex; }
.surveyReport_wrapper .qtn-item .qtn-no { margin-right: 5px; flex-shrink: 0; }
.surveyReport_wrapper .qtn-item .qtn-details { flex-grow: 1; }
.surveyReport_wrapper .qtn-item .qtn-header { color: #1f2440; font-size: 16px; font-weight: 500; margin: 0 0 15px 0; }
.surveyReport_wrapper .qtn-item .qtn-header span { color: #718490 !important;font-weight: 600; }
.surveyReport_wrapper .qtn-item .qtn-options { padding: 0; margin: 0; counter-reset: listStyle;}

.surveyReport_wrapper .qtn-item .qtn-options li{counter-increment:listStyle;
border:1px solid rgba(204, 215, 227, 0.5);color:#3c4f5e;padding:8px;display:flex;align-items:center;border-radius:5px;margin-bottom:5px;font-weight:400;transition:all .2s ease-in;}
.surveyReport_wrapper .qtn-item .qtn-options li:hover { background: #fafafa; }
.surveyReport_wrapper .qtn-item .qtn-options li::before {margin-right: 1em;content: counter(listStyle, upper-alpha);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;background: #ebeff2;color: #556983;border-radius: 4px;
font-size: 12px;line-height: 1;font-weight: 600;}

.surveyReport_wrapper .qtn-item .qtn-options label{display: flex;align-items: center;justify-content: space-between;width: 100%;}

.count-link{font-size: 15px;
    line-height: 1;
    padding: 1px 8px 0px 8px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    color: #fff;}
.count-link:hover{color: #fff;}

.resign-form .form-field{width:60% !important;display: flex; justify-content: space-around;}
.resign-form .form-check{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:1rem;padding-left:0;margin-bottom:0}
.resign-form .form-check .form-check-input{display: none !important;}
.resign-form .form-check .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(255,235,59,0.25)}

.resign-form .form-check .form-check-input + .form-check-input-label{margin:0;width:32px;height:32px;padding:0;border:0;transition:all .2s ease-out;filter:grayscale(100%);background-size: contain;background-repeat: no-repeat;background-position: center;}
.resign-form .form-check .form-check-input:checked[type=radio] + .form-check-input-label{filter:grayscale(0%)}

.resign-form .form-check label{min-width: auto !important;}
.resign-form .form-check *{cursor: pointer;}
.resign-form .form-check:hover .form-check-input + .form-check-input-label{filter:grayscale(40%);}

.resign-form .form-check-label{font-size: 10px;margin-top: 5px !important;margin: 0;width: auto;min-width: auto;font-weight: 600 !important;color: #2b405b;line-height: 1.5 !important;}

.resign-form .input-bad .form-check-input + .form-check-input-label{background-image:url('../img/poor.png');}	
.resign-form .input-avg .form-check-input + .form-check-input-label{background-image:url('../img/average.png');}
.resign-form .input-good .form-check-input + .form-check-input-label{background-image:url('../img/good.png')}
.resign-form .input-excel .form-check-input + .form-check-input-label{background-image:url('../img/excellent.png')}

.resign-form .form-btns{width: 30% !important;display: inline-flex;justify-content: center;max-width: 60%;margin-top: 20px !important;}

.rating-field{border-bottom: 1px dashed rgba(0, 0, 0, 0.15);padding-bottom:12px;}
.rating-field.last-field{border:none !important;padding:0;}