/*----style_lite2-override---------*/
.top-menus {height:65px;}
.margin-top-admin{margin-top: 56px;} 
.margin-top-user{margin-top:44px;} 
.overlay-left-menu{left: inherit; right: 4.6%; }
.li_img_button{z-index:8;}
/*---- close----*/
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {background: #0e4c82;}
.close_dialog {color: #fff;}
.setting_icon{font-size: 30px;cursor: pointer;position:fixed;background:#fff;width: 44px;border-radius: 0px 4px 4px 0px;padding-left: 5px; margin-top: -21px;left: 0;top: 50%;z-index:1;}
.confi_heading{display: inline;color: #ddd;font-weight: bold;font-size: 20px;padding-left: 18px;}
.setting-confi .simplebar-scrollbar::before {background: #fff;}
.setting_icon i {background: -webkit-linear-gradient(#fff, #eee);background-clip: border-box;-webkit-background-clip: text;/*-webkit-text-fill-color: transparent*;*/ color:#f0920c;}
.setting-confi {height:100%; width: 0%; position: fixed; z-index: 999; top: 0%; left: 0;background-color: #111; overflow-x: hidden; transition: 0.5s;}
.setting-confi a {padding: 5px;text-decoration: none;font-size: 17px;color: #818181;display: block;transition: 0.3s;}
.setting_icon [data-title]:hover:after {opacity: 1;transition: all 0.1s ease 0.5s;visibility: visible;}
/* box for title text */
.setting_icon [data-title]:after { content: attr(data-title);/* position for title view box */position: absolute;bottom: -1.6em;left: 100%; z-index: 99999; visibility: hidden; /* optional */ white-space: nowrap; /* stilization */ background-color:#222; color: #fff; font-size:14px; padding: 5px;  opacity: 0; border: 1px solid #222;}
.setting_icon [data-title] { position: relative;}
#displayBirthday {background:none !important; font-weight:400;}
#displayAnniversary {background:none !important;font-weight:400;}
#setting-menu a{font-size: 14px;}
#setting-menu .list-group-item-success {color: #fff;background-color: transparent!important;}
#setting-menu#PersonalSettings{margin-bottom: 10px;}
#setting-menu .list-group-item {position: relative;display: block;padding: 0px 15px 0px 8px;margin-bottom: 5px;background-color: #fff; border: 0px solid #ddd; }
.setting-confi a:hover {color: #f1f1f1;}
.homePageSideMenu{padding:10px;}
.hmpsSelected{background:#ccc;}

#setting-menu a.li_f_button {color: #fff!important;display: inline;padding: 0px;}
.setting-confi .closebtn {position: absolute;top: -10px;left:90%;font-size: 28px;margin-right: 0;}
.calculation-view-panel{margin: 6px 7px 7px 15px;}
.calculation-view-button{background: #fff;border: 1px solid #ccc;color: #333;font-size: 14px;font-weight: normal;border-radius: 4px;box-shadow: none !important;padding: 4px 8px !important;text-align: center;}
.calculation-view-button:hover{background:#e6e6e6;border: 1px solid #adadad!important;color: #4c4c4c!important;}

#panel-quick .help_scroll {height:250px!important; overflow-x: hidden!important;overflow-y: scroll !important;transition: 0.5s;scrollbar-width: thin;scrollbar-color: #ccc #f3f3f3;}
/*-----youtube-video-------*/
.top_video_area .modal-dialog{width:560px!important; margin-left:50%; left:-300px; margin-top:6%}
.top_video_area #modal-header-title{padding:10px!important;float: left;}
.top_video_area .close{display:block!important; margin: 10px;}
#youTubeModal .close {display: block !important; margin: -21px 11px;}

#panel-quick #helpItems ul li a{font-size:14px!important;text-overflow: ellipsis;}
/*----homePageAnalytics------*/
#homePageAnalytics h4{text-align:center; color:#000; font-size:22px!important;}
#homePageAnalytics table{border:1px solid #f2f2f2}
#homePageAnalytics th{padding: 5px 0px;background: #f2f2f2;font-size: 14px; }
#homePageAnalytics td {padding: 6px;border-bottom: 1px solid #f2f2f2;}
#analyticsForTimePeriod .table > tbody > tr > th , #analyticsForTimePeriod .table > tbody > tr > td{border-top: 0px solid #ddd;}

.botton{position:relative; bottom:0px;}
.dashboard-scroll , #goalAchievementDashboard, #hrAppraisalDetails{overflow-x: auto;overflow-y: hidden; }
.container .footer{display:block;}
.modal-dialog-overlay{width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.modal-top{z-index:9;}
.modal-dialog-empxtrack .modal-body {padding:0px!important;overflow-y: auto; min-height:200px; min-width:300px;}
.modal-body .main-buttons ul li a{border: 0px!important;padding: 5px 15px !important;}, 
.user ul.pro {display:none !important;}
.m-icon-app{background:none;}
.container-inner-small .container-inner-block {margin: 0 0 15px!important;background:#fff; 
 padding: 10px;}
.theme-showcase .top-menus {position: fixed;background-color: #5f5f5f;
z-index: 9;
height: 44px;width: 100%;
}

.top-menus {
 background-color: transparent;}
.theme-showcase-ws .top-menus {
 position: relative !important;
}
.top-menus-small .toprightN .img-emp .image , .top-menus-small .toprightN .img-emp {
 height: 50px!important;
width: 50px!important;
 margin: 0px;
}
.top-menus-small .toprightN .img-emp {
 margin: 7px 10px 0 !important;
}
.top-menus-small .icon-v {
 right: 0px;
top: 33px;
}
.top-menus-small .empInitial {
 font-size: 37px !important;
 padding-top: 23px !important;
}
.top-menus-small .toprightN .pull-right {
 float: right;
 margin-right: 13px!important;
}
.top-menus-small .logo img {
 height: 65px !important;
 display: inline-block;
 width: 125px!important; max-height: 65px;
}
.top-menus-small .profileImage {
 height: 50px !important;
 width: 50px !important;
 margin: 0px;
}
.top-menus-small .logo img{height:auto;}
.top-menus .logo {margin:0px; padding:0px;}
.top-menus-small .search-logobar {height:43px!important}
.top-menus-small .serach-bar-pos {margin-top:12px!important;}
.top-menus-small .masquerade {line-height: 33px;}
.rightpenel {
 background: none!important;}
.li_leave_menu li label input{visibility:hidden;}
.v9-widget #panel-quick.instruction{min-width:568px;z-index: 9998;}
.v9-widget #panel-quick div{padding:0px;}
.v9-widget #panel-quick .role_change{13px;padding: 10px 8px;text-align: left;margin-bottom: 8px;}
.v9-widget #panel-quick .role_change span{color:#fff;}
.theme-showcase #panel-quick a.btn-success {
 background: #000 !important;
 color: #fff !important;}
.theme-showcase-ws .v9-widget #panel-quick .role_change span{color:#333;}

.support-icon{position: fixed;right: 13px;bottom: 5px;background: #f0920c;border-radius: 50%;padding: 10px 15px;font-size: 24px;z-index:9;}


.v9-widget #panel-quick.instruction ul li {float: left; width: 33%;}
.display-mobile-menu #panel-quick.instruction ul li {float: left; width: 33%;}
.theme-showcase-ws .content-section {background:none!important; position: relative !important;}
.theme-showcase .content-section, .content-section {background:#fff!important; padding:8px!important; min-height:480px; height:auto;position: relative !important; /*margin-left: 10px;
margin-right: 10px;*/}
.menu-mobile{position:inherit;right: 0px;}
.display-mobile-menu{display:none;}
.display-desktop{display:block;}
.content-section h4 {font-size:20px!important;padding-top: 14px;} 
.theme-showcase .top_bg-gray_v9{background:#000;height: 65px;}
.logo_outer{margin-left:10px;margin-right:10px;}
.logo img{height: 65px !important;display: inline-block;width: 125px!important;max-height: 65px!important;}
.toprightN .img-emp {margin: 8px 10px 0 !important;}
.icon-v {top: 33px;}
.v9_name_em {font-size: 12px;text-align: right;padding-top: 10px;text-overflow: ellipsis;white-space: nowrap;
overflow: hidden;}
.v9_role_em {font-size: 12px;text-align: right;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;
overflow: hidden;z-index: 9; position:relative; }
.v9_role_em a {color: #fff; border-bottom: 1px dotted;}
.v9_role_em a:hover {color:#fff;}
.toprightN .v9_fullname {text-align: right;padding-top: 9px;}
.theme-showcase-ws #panel-quick div a {color: #000}
.v9-widget #panel-quick.instruction .fa-youtube{color:#ff0000;}
.v9-widget #panel-quick.instruction .fa-info-circle{color:#fffc0e;}
.v9-widget #panel-quick.instruction .fa-file-pdf{color:#b30b00;}
.v9-widget #panel-quick.instruction #helpItems ul li{float: left;width: 50%;margin: 5px 0px;}
.v9-widget #panel-quick.instruction #menuItems h3{border-bottom:0px solid #ddd;}
#menuItems .quick_widget{margin-bottom: 15px; padding-bottom:10px; border-bottom:1px solid #444;}
#panel-quick #menuItems {height:auto;}
.icon_center{width: auto;
display: block;
color: #ddd !important;
margin: 0px auto;
text-align: center;}
.font-size {font-size: 25px;padding-top: 11px;}
.font-size-n{font-size: 25px;padding-top: 5px;}
.v9-widget #panel-quick div.chat-widget{text-align: left;padding:10px!important;font-size: 14px;font-size: 14px !important;
margin: 10px 0px;}
.v9-widget #panel-quick div.chat-widget:hover{background:#000; border-radius:4px; color:#fff;}
.v9-widget_icon{padding: 15px 11px;position: absolute;right:12px; }
.filter_v9{padding: 5px 0px; font-size: 16px!important; }
 .filter_v9 a, a:focus {color:#333;text-decoration: none;}
 .filter_v9 a:hover{color:#666;}
 
 .filter_flex{-moz-box-align: start;box-align: start;align-items: flex-start;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;
display: flex;-moz-flex-wrap: nowrap;flex-wrap: nowrap;overflow: visible;padding: 0; padding-bottom:10px; padding-top:10px;}
 .filter_flex .flex-icon{display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-flex: 1; flex-grow: 1; width:0px!important}
.filter_flex .flex-icon .fa-sliders-h {font-size:20px;text-align: center;margin: 0px auto;padding-top: 3px;}
.filter_flex .filter_items{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
flex-direction: row;box-flex: 1;flex-grow: 1;-moz-flex-wrap: wrap;flex-wrap: wrap;padding: 0px 0; width: 95%;}
.filter_flex .filter_items .filter_list{box-sizing: border-box;max-width: 500px;padding: 4px 0; background:#f3f3f3; padding:5px; border-radius:10px; margin-right:5px;}
.filter_flex .filter_items .filter_list:hover{background:#ddd; cursor:pointer;}
.filter_flex .filter_items .filter_list i{color:#777; padding:0px 5px;}

.close-icon{margin: 4px 5px;color: #333;}
/* .close-icon:hover{color:#333!important;} */
.filter_well .close-icon{color:#333!important;}
.filter-list{margin: 10px 0px;font-size: 14px; width: 100%;}
.filter-list .tab_filter{border-bottom:1px solid #333; padding:5px 0px;border-bottom: 1px dotted #333;
padding: 5px 0px;font-size: 15px;}
.filter-scroll{overflow: hidden; /* overflow-y: hidden;height: 250px;overflow-y: scroll;*/}
.filter-list .tab_filter a{color:#333;}
.filter h3{font-weight:bold;}
.selected_filter{margin: 4px 5px;padding: 3px 8px;background:#f1f1f1;border-radius: 4px;}
#panel-quick #menuItems ul li a{text-overflow: ellipsis;}
.v9-widget a{color:#fff;}
.v9-widget a:hover{color:#eee;}

.overlay_help {padding-left:11px;top: 0px!important;}
.overlay_help .li_pos_rel {font-size: 13px;line-height: 20px;color: #222;font-weight: 300;}
.overlay-left-menu-content {text-align: left;color: #818181;}
#ql_lsettingswithRefresh , #ql_lmenureport{list-style:none;}


/*---------Manage candidates------------*/
.manage_candidates{padding:10px; border:1px solid #ddd; border-radius:4px; margin:0px 4px; background:#fff;display: flex;flex-direction: column;margin-bottom:10px;}
.manage_candidates:hover{box-shadow:2px 4px 14px #ccc; background:#f2f2f2;}
.manage_candidates .emp-name{Font-weight:bold; font-size:16px; padding:5px 0px;}
.manage_candidates .emp-name span{float:right; color:#484848; cursor:pointer;}
.manage_candidates .emp-name span i {color:#484848;}
.manage_candidates .emp-name span i:hover {color:#000;}
.manage_candidates .emp-phoneno{Font-weight:normal; font-size:16px;padding:5px 0px;text-overflow: ellipsis;
overflow: hidden;}
.manage_candidates .emp-email{Font-weight:normal; font-size:16px;padding:5px 0px;}
.manage_candidates .emp-email a{color:#000;text-decoration:none;border-bottom:1px dotted #333}
.manage_candidates .emp-email a:hover{color:#333;text-decoration:none;border-bottom:0px dotted #333}
.manage_candidates .dropdown-content{margin-left: 103px;margin-top: 8px;}
.manage_candidates .icon{float: right;position: absolute;bottom: 0px;right: 8px;font-size: 22px;} 
.manage_candidates .icon .new {color:#ffd200}
.manage_candidates .icon .shortlisted{color:#00ccff }
.manage_candidates .icon .interview {color:#145583}
.manage_candidates .icon .offer {color:#a519a0}
.manage_candidates .icon .hired {color:#00d863}
.manage_candidates .icon .rejected {color:#ff0000}
 
#candidate_states .links .new {color:#ffd200}
#candidate_states .links .shortlisted{color:#00ccff }
#candidate_states .links .interview {color:#145583}
#candidate_states .links .offer {color:#a519a0}
#candidate_states .links .hired {color:#00d863}
#candidate_states .links .rejected {color:#ff0000}
li.info-candidates{margin: 0px 5px;}
 li.info-candidates a {width:200px;}
 li.info-candidates a:hover {background:#eee;}

.candidate_new {border-right:4px solid #ffd200}
.candidate_shortlisted{border-right:4px solid #0b4b86 }
.candidate_hired {border-right:4px solid #04b555}
.candidate_rejected {border-right:4px solid #ff0000}
.candidate_all{border-right: 4px solid #0ba4df;}
.candidate_interview{border-right: 4px solid #d2d83d;}
.candidate_offered{border-right: 4px solid #2fc88f;}
.approval-process{/*border-radius:0px;background:#ddd;border:1px solid #eee;width:30%; */color: #000; padding: 2px 0px;line-height: 20px;text-align: center; display:block; margin:0px auto;width:150px;font-weight:600;}

.

/*----sectionheader on hover-----*/

.filter_over-des {position: absolute!important;
z-index: 99;
font-size: 13px!important;
line-height: 25px!important;
color: #ccc;
font-weight: 500;
padding-top:0px;
padding-bottom:10px;
padding-left:10px;
border: 1px solid #ccc;
background:#fff;
box-shadow: 2px 2px 4px #ccc; min-width: 450px;
max-width: 550px;
width: -moz-max-content;
width: -webkit-max-content;
width: max-content; border-radius:6px;text-align: left;
text-transform: none;top: 38px;padding-right: 5px;
}
.border-bottom{border-bottom:1px solid #333; margin-bottom:5px;}
#todoItems .mailbox-subject{line-height:18px;}
#todoItems .hidden_div i {font-size: 15px;
line-height: 30px;
width: 30px;border-radius:50%; color:#666; margin:0px 5px;text-align: center;top: -13px;
position: relative;margin-top: 11px;}
#todoItems .hidden_div i:hover{background:#f4f4f4; color:#000; line-height:30px; width:30px;border-radius:50%;margin-top: 11px;}
#hrManager-section .sections a.button-view , #hrManager-section-order .sections a.button-view{font-size:14px;}
.theme-showcase-ws #panel-quick #menuItems div img , .theme-showcase-ws #panel-quick #menuItemsMob div img {
 background: #666;
 padding: 7px;
 border-radius: 50%;}
#hrManager-section .sections .head-area .fa, #hrManager-section .sections .head-area .far, #hrManager-section .sections .head-area .fas, #hrManager-section .sections .head-area .fal, #hrManager-section .sections .head-area .fab, #hrManager-section-order .sections .head-area .fa, #hrManager-section-order .sections .head-area .far, #hrManager-section-order .sections .head-area .fas, #hrManager-section-order .sections .head-area .fal, #hrManager-section-order .sections .head-area .fab, #manager-section .sections .head-area .fa, #manager-section .sections .head-area .far, #manager-section .sections .head-area .fas, #manager-section .sections .head-area .fal, #manager-section .sections .head-area .fab, #manager-section-order .sections .head-area .fa, #manager-section-order .sections .head-area .far, #manager-section-order .sections .head-area .fas, #manager-section-order .sections .head-area .fal, #manager-section-order .sections .head-area .fab, #employee-section .sections .head-area .fa, #employee-section .sections .head-area .far, #employee-section .sections .head-area .fas, #employee-section .sections .head-area .fal, #employee-section .sections .head-area .fab, #employee-section-order .sections .head-area .fa, #employee-section-order .sections .head-area .far, #employee-section-order .sections .head-area .fas, #employee-section-order .sections .head-area .fal, #employee-section-order .sections .head-area .fa, #hrManager-section .sections .head-area .fa-solid, #hrManager-section-order .sections .head-area .fa-solid, #employee-section-order .sections .head-area .fa-solid, #employee-section .sections .head-area .fa-solid, #manager-section-order .sections .head-area .fa-solid, #manager-section .sections .head-area .fa-solid {color:#fc9907!important}
#manager-section .sections .head-area i ,#manager-section .sections .head-area i, #employee-section .sections .head-area{color:#fc9907!important}
.breadcrumb-gray-v9 {/*border-bottom:1px solid #fff;*/width: 100%; color:#1c64a1; height: 44px; /*---margin-top for sticky menu--*/margin-top:0px; position:relative!important;}
.breadcrumb-bar_new{padding:7px 0 7px 10px;background:#5f5f5f;height: 44px;}
.breadcrumb-gray-small {margin-top:0px;}
.breadcrumb a {
 color: #fff!important;
 padding: 0px 1px;
}
.masquerade {
 left: 0 !important;
 margin-left: -38px !important;top: 14px!important;border: 0px; z-index:999;
background: top; background:transparent!important; border:0px solid #000!important;
}
#serachBar , #home_icon{display:none;}
.label-danger , .label-warning {
 padding: 2px 4px;
 border-radius: 50%;position: relative; font-size:12px;right: 8px;
}
.label-danger{background-color:#B00020;color:#FFFFFF;}
.label-warning{background-color: #F4B400;color:#000000;}
.v9-widget_icon .label-danger , .label-warning{top: 8px;}
.theme-showcase-ws .v9-widget_icon h4 {color:#000; padding:5px 0px;}
.theme-showcase #panel-quick .buttonarea {
 border-top: 1px solid #666;margin-top: 5px !important;}
.theme-showcase .v9-widget_icon h4 {color:#fff; padding:5px 0px;}
#panel-quick #getAllPendingTaskAndUpcomingEventOnTopWidget div {padding: 1px 0px !important;}
.menu-role{margin-left: 10px;width: 40%;background: #fff;border-radius: 4px;color: #222;font-size: 12px;box-shadow: none; padding:4px;}
.role-change{position: relative;
top: -29px;
width: 66px;
right: -32px;
line-height: 13px;
/*font-size: 11px;
background: #fff;
color: #000;*/
padding: 1px;
border-radius: 4px;z-index: 9;
background: #007700;color: #cccccc;font-size: 10px;

}
.ribbon-top-left span {
 right: -31px!important;
 top: 19px!important;}
.preferred{position: relative;
top: -15px;
width: 66px;
right: 0px;
line-height: 13px;
font-size: 11px;
background: #fff;
color: #000;
padding: 1px;
border-radius: 4px;}
#employmentHistoryDataDiv .profile_align_icon {
 float: left;}

/*----radio-switch----*/
.switch {
 position: relative;
 display: inline-block;
 /*width: 60px!important;*/
height: 22px;float: left;
}

.setup_app_form .switch {width: 50px;}
.switch input {
 opacity: 0;
 width: 0;
 height: 0;
}

.slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #ccc;
 -webkit-transition: .4s;
 transition: .4s;
}

.slider:before {
 position: absolute;
 content: "";
 height: 18px;
width: 18px;
left: 4px;
bottom: 2px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
 border-radius:8px;
}

input:checked + .slider {
 background-color: #2196F3;
}

input:focus + .slider {
 box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
 -webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
 border-radius: 34px;
 width: 60px;
}
}

.slider.round:before {
 border-radius: 50%;
}

/*---------------setup---------------*/
.setup-sec{display: flex;}
.setup-sec .setup-text-sec {background:#f5f5f5;/* height:100vh;*/margin-top: -8px;
margin-left: -10px;
padding: 30px 0px 10px 30px;
font-weight:500;
font-size: 15px;
line-height: 25px;}
.setup-form .second-line-outer {
 border-top: 0px solid #ddd;
}
.video-size{width: 95%;
height: 255px;}
.setup-form #li_edit_photograph .fa-pencil-square{font-size:25px;}
.setup-form #li_edit_photograph{left: 54%;}
.setup-sec .setup-form{background:#fff; padding: 50px 20px;/*height:100vh;*/}
.setup-sec .empxtrack-logo{margin:34px 0px 50px;}
.setup-sec .company-logo{height:60px; width:180px;border:1px solid #666; color:#666!important;padding:0px ; cursor:pointer}
.setup-sec .company-logo span{font-size: 39px;text-align: center;padding: 0px 10px;}
.setup-sec h3{color:#000!important;text-transform: none !important;margin-bottom: 20px;
font-size: 18px;
margin-top: 30px;}
.logo-img{/*border:1px solid #ccc;*/margin-bottom: 10px;}
.logo-img:hover{opacity:.5;}
a.btn-black{background:#1c64a1; color:#fff;display: block;
width: 200px;}
a.btn-black:hover{background:#0e508a; color:#fff;}
a.back-btn{margin-top: 20px;padding:7px !important;font-size: 18px;font-weight: bold;}
#descriptionContent li{list-style:none;} 

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#333;}
.navbar-default .navbar-nav > li > a {
 color: #333;
}
.navbar-default .navbar-nav > li > a:hover {
 color: #000;
}
.popup label {color: #333;}
.li_com_link2 {
 border-bottom: 1px dashed #999;
 text-transform: none;}
a.li_f_button {
 color: #000;}
.graybar a{color:#ddd;}
.li-mrg-lr10, .li-mrg-lr10 {
 margin-left: 0px;}
.li_gray_13px {
 font-size: 16px;}
.btn-purchase-v9{
width:124px;
font-size: 15px !important;
position: absolute;
right: 16px;
background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);
line-height: 27px;
top: -3px !important;
text-align: center;
/*text-transform: uppercase;*/
transition: 0.5s;
font-weight: 500;
background-size: 200% auto;
text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
border-radius: 4px;
}
.btn-purchase-v9-inner{
width:91%;
font-size: 15px !important;
position: absolute;
background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);
line-height: 36px;
text-align: center;
/*text-transform: uppercase;*/
transition: 0.5s;
font-weight: 500;
background-size: 200% auto;
text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
height: 44px; border-radius:0px!important;

}
.btn-purchase-v9-inner:hover {background-position: right center; color: #fff!important; }
.btn-purchase-v9-inner span{border-bottom:0px dotted #333;}
.btn-purchase-v9-inner span:hover{border-bottom:1px dotted #333;}
.home-btn .btn-purchase-v9{margin-left:0px!important; bottom:20px;}
.checkbox-label .checkbox-custom {
 top: 2px!important;}
.todoItems_display{display:block}
.todoItems_display_m{display:none}

.alert-warning {color: #044983;background-color: #fff;border-color: #044983;border:none;text-align: left !important;padding: 5px;font-weight: normal;font-size: 13px;margin-bottom:5px;}
.alert-help{color: #044983;background-color: #fff;border-color: #044983;text-align: left !important;padding: 5px;font-weight: normal;font-size: 13px;margin-bottom:5px;border:none; border-left: 4px solid #044983; border-radius: 0px;}
.alert-help ul li {list-style:none;}
.popup_new .heading-popup{color: #333;font-size: 15px;text-transform: none;font-weight: 600; margin-bottom:10px;}
.alert-warning .fa-exclamation-circle {color:#febe30;}
.alert-warning a {color:#044983!important;}
.breadcrumb {color:#fff!important}
.li_breadcrumbs {border-bottom:1px dotted ;}
.breadcrumb a::after {
 content: none!important;
}
.panel-payroll-tabs .tabs-exp-navigation{background:transparent;border-bottom: 0px solid #dbdbdb;}
.panel-payroll-tabs .tabs-exp-navigation a {padding:0px 10px;font-size: 15px;line-height:38px;margin-top: 9px; height: auto; width:auto;font-weight: normal;border-right: 1px solid #ddd;border-radius: 0px;}
.panel-payroll-tabs .tabs-exp-navigation a.selected{padding:0px 10px;height: auto; font-size: 15px; border-bottom: 3px solid #000;width:auto; color: #000;border-radius: 0px;box-shadow:none;font-weight: 600;border-right: 1px solid #ddd;}
.panel-payroll-tabs .tabs-exp-navigation a:hover {
background-color:#fff; border-bottom: 2px solid #dbdbdb;}
/*----shoppingcart------------*/
.table-shop tr:nth-child(even) {background: #f5f5f5}
.table-shop tr:nth-child(odd) {background: #FFF} 
.thead-dark {Font-size:18px; font-weight:bold;}
.table-sub{font-size:15px!important; color:#444;}
.table-shop .btn{margin:0px 2px!important;}
.table-shop .btn-startnow{background:#134c81; padding:4px!important; border:1px solid #093660; font-size:14px;color:#fff;}
.table-shop .btn-buy{background:#0d760b; padding:4px!important; border:1px solid #1c831a; font-size:14px; color:#fff;}
.table-shop .btn-upgrade{background:#ff850b; padding:4px!important; border:1px solid #eb7b0a; font-size:14px; color:#fff;}
.table-shop .btn-cancel{background:#fff; padding:4px!important; border:1px solid #333; font-size:14px; color:#333;}
.table-shop span{border-bottom:1px dotted #333;cursor: pointer;color:#000; font-weight:bold;}
.table-shop span:hover{color:#ff8a0f;}
ul.feature-sub{list-style: none;padding: 0px;margin: 0px;}
ul.feature-sub li{padding:5px 0px;}

.empxtrack_cart{padding:10px;} 
.empxtrack_cart h2{font-size:2.5em; color:#000; padding-bottom:10px;}
.empxtrack_cart .button-view-cart {background: #FFD814; border-color: #FCD200;border-radius:6px;box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); padding: 8px !important;font-size: 14px; } 
.empxtrack_cart .button-view-cart:hover{background:#f7ca00; border-color:#f7ca00;}
.empxtrack_cart .checkout {background: #1266f1; border-color: #1266f1;box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); font-size: 15px;display: block;color: #fff;font-weight: bold;border-radius:6px; margin: 10px 0px;padding: 8px !important; } .empxtrack_cart .checkout:hover{background:#1258cb; border-color:#1258cb;} 
.empxtrack_cart .btn-buymore {background: #0d760b; border-color: #0d760b;box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); font-size: 15px;display: block;color: #fff;font-weight: bold;border-radius:6px; margin: 10px 0px; margin-right:10px;padding: 8px !important; } 
.empxtrack_cart .btn-buymore:hover{background:#298e28; border-color:#298e28;} 
.empxtrack_cart .empty-cart {background: #fff; border-color: #ccc;box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); font-size: 14px; border-radius:6px; margin: 10px 0px;padding: 8px !important; margin-top:10px !important; }
.empxtrack_cart .empty-cart:hover{background:#ddd; border-color:#ddd;} 
.empxtrack_cart .product-label{color: #888; font-size: 1.1em;padding: 8px 0px;font-weight: bold;}
.empxtrack_cart .product-label small{font-size: 0.7em;color: #333;} 
.monthly-cost {padding: 7px 3px;border-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;background: #f8f8f8;color: #000;}
.one-time{padding: 7px 3px;border-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;background: #f6f6f6;color: #000;}
.product-buy{padding:13px 0px; border-bottom:1px solid #ddd;}
.product-buy:hover{background: #f9f9f9;}
.product-buy span{/*font-weight: bold;color: #1266f1;*/}
.empxtrack_cart .btn-startnow{background:#134c81; padding:6px!important; border:1px solid #093660; font-size:16px;color:#fff;margin: auto 20px;display: block;font-weight: bold;white-space: break-spaces;}
.empxtrack_cart .btn-buy{background: #0d760b;padding: 6px !important;border: 1px solid #1c831a;font-size: 16px;color: #fff;
margin: auto 20px;display: block;font-weight: bold;white-space: break-spaces;}
.empxtrack_cart .btn-buy:hover{background: #298e28;border: 1px solid #298e28;}
.empxtrack_cart .btn-upgrade{background:#ff850b; padding:6px!important; border:1px solid #eb7b0a; font-size:16px; color:#fff;margin: auto 20px;display: block;font-weight: bold;white-space: break-spaces;}
.empxtrack_cart .btn-cancel{background:#fff; padding:6px!important; border:1px solid #666; font-size:16px; color:#666;margin: auto 20px;display: block;font-weight: bold;white-space: break-spaces;}
.empxtrack_cart .clickable{font-size: 14px;font-weight:normal; cursor:pointer;text-align: center;}
.empxtrack_cart .clickable:hover{color:#ff5a00;} 
.text_hide{/*border-top: 1px solid #ccc; background: #f3f3f3; */margin-top: 10px;padding: 0px 20px; padding-bottom:10px; margin-left:27px; height:200px;overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #ccc #f3f3f3;} 
.text_hide h3{font-weight:bold; /*border-bottom:1px solid #ddd;*/max-width: fit-content;margin-bottom: 9px;padding-bottom: 0px; font-size:13px!important}
.text_hide ul li{list-style-position: outside;margin-left: 14px;}
.empxtrack_cart .product_name{font-size: 2em;font-weight: 600;} 
.empxtrack_cart .product_name span{font-weight:normal;font-size:14px;color: #666;}
/*.empxtrack_cart .product_name i{margin-bottom: 9px;width: 27px;float: left; padding-top:18px;}*/
.empxtrack_cart .product-string{color:#666; padding:3px 0px; font-weight: normal;font-size: 14px;} .empxtrack_cart .btn-addmore{background:#fea01d; padding:6px!important; border:1px solid #fea01d; font-size:16px; color:#fff;margin: auto 20px;display: block;font-weight: bold;}
.empxtrack_cart .checkout_page{font-size:13px;}
.empxtrack_cart .checkout_page .badge-warning{color: #212529;background-color: #ffc107; font-size:12px;}
.empxtrack_cart .checkout_page .frequency{padding-left: 10px;font-size: 14px !important;}
.empxtrack_cart .checkout_page .table-checkout{border-right: 1px solid #ddd;padding-right: 10px;}
.empxtrack_cart .checkout_page .frequency div.tooltip span{right:0px;}
.condition-text{position: relative;}
.existing-license{background-color: #d4edda; border: 1px solid #c3e6cb;padding: 15px;border-radius: 5px; margin-right:10px;}
.new-license{background-color: #fff3cd;border: 1px solid #ffeeba;padding: 15px;border-radius: 5px;margin-left:10px;}
/*-----override---razorpaycss----*/
.razorpay-container {
 top: 45px!important;
 height: 90%!important;}
 .razorpay-backdrop span{width: 229px!important;right: -43px!important;top: 98px!important;z-index: 9999999!important;}
/*-----override---razorpaycss end----*/ 
/*----shoppingcart--end----*/

#hrManager-section .sections, #employee-section .sections, #manager-section .sections {padding:15px!important}
#helpItems123 .fa-info-circle {color: #fff !important;}
.fa-info-circle {color: #fff!important;}
.popup_new .fa-info-circle {color: #333!important;}
#hrManager-section .sections a.button-view, #employee-section .sections a.button-view, #manager-section .sections a.button-view {
 margin-bottom:0px !important;
}
.popup_new .li_renderTip{padding-left:0px!important}
.widget_free{background:#eafafd; border:2px solid #1660a1; border-radius:10px; padding:10px!important; margin:0px 6px 0px 0px;font-size:16px;}
.widget_free .sub-text , .solution_widget .sub-text{font-size:13px;min-height:60px;margin-top: 10px;}
.widget_free .v9-icon , .implementation .v9-icon{float: right;font-size:32px;color: #1660a1;padding-right:0px;}
.widget_free .v9_heading{font-size:24px; color:#000; font-weight:bold;}
.implementation{background: #fff;border: 1px solid #eee;border-bottom: 8px solid #1660a1;border-radius: 0px;padding:10px!important; margin:0px 20px 0px 0px;font-size:16px;}
.implementation .sub-text , .solution_widget .sub-text{font-size:13px;min-height:60px;margin-top: 10px;}
.implementation .v9_heading{font-size:24px; color:#000; font-weight:bold;}
.widget_free .btn_upgrade , .implementation .btn_upgrade{background:#1660a1; padding:10px; color:#fff; text-align:center; border-radius:30px;display: block;width: 70%;margin:20px auto; /*text-transform:uppercase;*/}
.solution_widget {border:2px solid #f8963d; border-radius:10px; padding:8px!important; margin:0px 6px 0px 0px!important;font-size:16px;}
.solution_widget .v9-icon {float: right;font-size:32px;color: #f8963d;padding-right: 0px;}
.solution_widget .v9_heading{font-size:24px; color:#000; font-weight:bold;}
.solution_widget .btn-start{background:#1c64a1; padding:10px; color:#fff; /*text-transform:uppercase;*/ text-align:center; border-radius:30px;display: block;width: 70%;margin: 10px auto;}

 a.btn-start{background:#1c64a1; padding:10px; color:#fff; /*text-transform:Uppercase;*/ text-align:center; border-radius:30px;display: block;width: 70%;margin: 10px auto;}
 a.btn-start:hover{background:#044983; }
.clsUpgradeButton{display:block;}

.select-product{background: #eafafd;border: 2px solid #1660a1;}

/*------overlay-----------*/

.overlay-content_right .theme-showcase .content-section, .content-section{padding:5px!important; margin:0px;}
.overlay_center {height: 0px;width: 0px;position: fixed;z-index: 9999998;top: 100px;left: 100px;background-color: rgba(255,255,255, 1);overflow-x: inherit;transition: 0.5s;border-radius: 16px;}
.overlay_left {height: 100%;width: 0;position: fixed;z-index: 9999999;top: 0;left: 0;overflow-x: inherit;transition: 0.5s;}
.overlay_right{height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; right: 0; background-color: rgba(255,255,255, 1); overflow-x: inherit; color:#333!important;}
.modal-dialog {top: 15%;}
.overlay_homePageFrame {width: 100%;height: 90vh!important;position: relative;z-index:1;right: 0;background-color: rgba(255,255,255, 1);height: auto;min-height: calc(100vh - 120px);}

.scroll_none{scrollbar-width: none!important;}

.overlay-content_left, .overlay-content_right {
 position: relative; 
 top: 0%;
 width: 100%;
 
 margin-top: 0px; color:#333; font-size:16px; padding:10px; padding-top:0px;padding-bottom:30px;
}
 

.overlay_left, .overlay_right{
 text-decoration: none;
 font-size:35px;
 color: #818181;
 display: block;
 /*transition: 0.5s; */
box-shadow: 2px 6px 16px #333;
background:/*url(../images/loader.gif)*/ #fff center center no-repeat;
padding-bottom: 30px !important; 
z-index:99999; 
height:100vh;
position: fixed;
-webkit-transition: all 1s;
transition: all 1s;
}
/*
.overlay_left a:hover, .overlay_left a:focus , .overlay_right a:hover, .overlay_right a:focus {
 color: #f1f1f1;
}*/
/*[data-simplebar] {
 display: flex;
}*/
.overlay_left a.closebtn {
position: absolute;
top: 8px;
right: 13px;
font-size: 20px;
}
.overlay_right a.closebtn {
 position: relative;
float: right;
font-size: 21px;
color: #fff;
z-index: 9;
margin-left: -40px;
margin-top: 0px; 
}
.overlay_right a.closebtn span{margin-right:0px;}
.overlay_right a.closebtn:hover{color:#999;}
#mycontent-right-frame{/*height: 100vh;*/width:100%;padding-right:6px;}
.overlay-content_right .heading_page, #mycontent-right-frame .heading_page {line-height: 40px; padding-bottom: 13px; margin-top: 27px; font-size: 25px; font-family: Roboto Condensed;}
#mycontent-right-frame .content-section h2 {margin-top: 27px;}
.panel-help{font-size: 20px!important;padding:3px 0px;color: #222!important;width: max-content;
float: left;}
.help-header-div{position: relative;float: left;margin-left: 10px;}
.help-header-div-panel{right: 0px;top: -6px;z-index: 9;position:absolute;float: right;}
#overlay-content_right .filter_v9{display:none!important; }
.overlay_right #help-header-div .fa-question-circle , #mycontent-right-frame #help-header-div .fa-question-circle{margin-left: 5px; padding-top: 44px!important;}
.overlay_right .content-section .rightpenel{margin-top:20px!important; padding-top:20px;} 

.video_widget{background: #044983;color: #fff;border-radius: 30px;margin: 10px 0px;text-align: center;
padding: 12px;font-size: 16px;font-weight: 600;}
.left_video_area .close{display: block !important;position: absolute;right: 13px;top:12px;margin-top: -2px;}
.video_widget .fa-youtube {font-size:36px; color:#ff0000;}
.left_video_area .modal-dialog {min-width: auto;max-width: auto;}
video_widget a{color:#fff;}
.content-section .setup_app_form h4{padding:0px!important; padding-top: 0px;}

/*-----appraisal-workflow-------*/
.appraisal_info{margin:0px; padding:0px; background:#f2f2f2; padding:10px; border-radius:2px;}
.appraisal_info ul li{list-style:none; margin:0px; padding:6px 0px;}
.appraisal_info .note{background:#e0e0e0; padding:4px; border-radius:2px;}
.md-stepper-horizontal {
display:table;
width:100%;
margin:0 auto;
background-color:#FFFFFF;
box-shadow: 0 3px 8px -6px rgba(0,0,0,.50); margin-top:10px;
}
.md-step img{text-align: center;
margin: 20px auto;display: block;}
.md-stepper-horizontal .md-step {
display:table-cell;
position:relative;width: 25%;
padding:7px 24px;
}
.md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active {
background-color:rgba(0,0,0,0.04);
}
.md-stepper-horizontal .md-step:active {
border-radius: 15% / 75%;
}
.md-stepper-horizontal .md-step:first-child:active {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.md-stepper-horizontal .md-step:last-child:active {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.md-stepper-horizontal .md-step:hover .md-step-circle {
background-color:#757575;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
display:none;
}
.md-stepper-horizontal .md-step .md-step-circle {
width: 100px;
margin:0 auto;
text-align: center;
line-height:30px;
font-size: 16px;
font-weight: 600;
color:#FFFFFF;
border-radius: 24px;
padding: 10px 10px;
}
.md-stepper-horizontal.green .md-step.active .md-step-circle {
background-color:#00AE4D;
}
.md-stepper-horizontal.orange .md-step.active .md-step-circle {
background-color:#F96302;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
background-color: rgb(33,150,243);
}
.md-stepper-horizontal .md-step.done .md-step-circle:before {
font: var(--fa-font-solid);
font-weight:100;
content: "\f00c";
}
.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
display:none;
}
.md-stepper-horizontal .md-step.editable .md-step-circle {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.md-stepper-horizontal .md-step.editable .md-step-circle:before {
font: var(--fa-font-solid);
font-weight:100;
content: "\f040";
}
.md-stepper-horizontal .md-step .md-step-title {
margin-top:16px;
font-size:12px;
font-weight:600;
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
text-align: center;
color:rgba(0,0,0,.26);
}
.md-stepper-horizontal .md-step.active .md-step-title {
font-weight: 500;
color:rgba(0,0,0,.87);
}
.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
font-weight:500;
}
.md-stepper-horizontal .md-step .md-step-optional {
font-size:12px;
}
.md-stepper-horizontal .md-step.active .md-step-optional {
color:rgba(0,0,0,.54);
}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
position:absolute;
top:100px;
height:1px;
border-top:0px solid #DDDDDD;
}
.md-stepper-horizontal .md-step .md-step-bar-right {
right:0;
left:60%;
margin-left:20px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
left:0;
right:60%;
margin-right:20px;
}
.masquerade2{float:left;background:rgba(35, 35, 35, 0.87); display:block; line-height:27px; padding:0px 15px 0px 5px; color: #666; z-index:999999; top:0; position:absolute; margin-top:0px;border-radius:0px; border:2px solid #000; border:0px 0px 4px 4px; cursor:pointer; }
.masquerade2:hover{background:rgba(98, 92, 92, 0.87);}
.masquerade2 .icon{float:left; color:#e7dd36; margin:8px 5px; font-size:20px;}
.masquerade2 h5{float:left; font-size:14px; font-weight:normal; color:#fff; padding-top: 10px;}
.masquerade2 h5 span {color:#ff0000}
.masquerade2 .close-masquerade2{float: right;top: -10px;right: 0px;position: absolute;font-size: 10px;}
.margin-personaldetails{margin-top:5px!important;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {width:100%!important;}
/*.hr-home #settings{display:none;}*/

/* ----home-right-widgets----*/
.home-right-widget-even{border:1px solid #570b5d; background:#6c1373; color:#fff; border-radius:4px;margin:10px; padding:5px;}
.home-right-widget-odd{border:1px solid #32166d; background:#46248f; color:#fff; border-radius:4px;margin:10px; padding:5px;}
.home-right-widget-even h3 , .home-right-widget-odd h3{color:#fff; padding:8px 0px; font-size:16px;font-family: Roboto Condensed;}
.home-right-widget-even p , .home-right-widget-odd p{color:#f5f5f5; padding:8px 0px; font-size:14px;font-family: Roboto ;}
.home-right-widget-even .table-responsive, .home-right-widget-odd .table-responsive{
 width: 100%;
 margin-bottom: 15px;
 overflow-y: hidden; overflow-x: auto;
 -ms-overflow-style: -ms-autohiding-scrollbar;
 border: 1px solid #371977;scrollbar-width: thin;}
.home-right-widget-even .table-responsive.table > tbody > tr > td , .home-right-widget-odd .table-responsive.table > tbody > tr > td {border-top: 0px solid #371977; border-bottom:0px solid #371977}
.home-right-widget-even .table-responsive .table > tbody > tr > th, .home-right-widget-odd .table-responsive .table > tbody > tr > th{border-top: 0px solid #371977; border-bottom:0px solid #371977; background:#1b0649; color:#fff}
.home-right-widget-even .table-responsive .table tr:nth-child(even) {background: #503981}
.home-right-widget-even .table-responsive .table tr:nth-child(odd) {background: #6443ac}
.home-right-widget-odd .table-responsive .table tr:nth-child(even) {background: #503981}
.home-right-widget-odd .table-responsive .table tr:nth-child(odd) {background: #6443ac}
.sec_button{color:#FFC837; border-bottom:1px dotted #fff; /*padding:10px 5px 0px; */ margin:5px;}
.sec_button:hover{color:#fff; border-bottom:1px dotted #000;}
.primary_button{color:#fff; border-bottom:1px dotted #140035; background:#140035;padding:10px 5px;margin:5px; border-radius:5px;}
.primary_button:hover{color:#fff; border-bottom:1px dotted #2d066d; background:#2d066d;padding:10px 5px;}
.position-right{float:right!important;}
/*----------Recruitment -----------*/
.modal-backdrop {
 position: relative;}
.recruitment-widget-bg{background:#f9f9f9; padding:10px; margin:10px; margin-left:0px; border:1px solid #e8e8e8}

#interviewerCalendar .popup-btn {margin: 21px 36px!important;}
.recruitment-widget-bg #help-header-div{margin-top:9px;}
.modal {
 z-index: 9900000 !important;
}
#snackbar {margin-left:-70px!important; bottom:10%}
#ajax_listOfOptions {z-index: 9999999;}
@media screen and (min-width: 481px) and (max-width: 900px) {
	.col-sm-9 {width: 75% !important;}
	.col-sm-3 {width: 25% !important;} 
 }
 @media screen and (min-width: 767px) and (max-width: 900px) {
	.top-menus-small .toprightN .pull-right {
	margin-right: 0px !important;}
	.sidebar-nav-mobileView {display: none !important;}
	.help-header-des{min-width: 350px; max-width: 400px; box-shadow: 2px 2px 4px #444!important;}
	.modal-dialog-empxtrack .modal-body, .modal-dialog-empxtrack .modal-body{ overflow-y:visible !important;}
}
/*--------------tab---------------------*/
@media only screen and (max-width: 1000px) {
	.modal-dialog {max-width: 850px!important;}
	.modal-dialog-empxtrack .modal-body, .modal-dialog-empxtrack .modal-body {}
	.setting-confi .closebtn { left: 83%;}
	.empxtrack_cart .checkout_page {font-size: 0.9em;}
	.empxtrack_cart .checkout_page .frequency {font-size: 13px !important;}
	.empxtrack_cart .checkout_page .badge-warning{font-size:9px;}
	.left_video_area .close{position: absolute;right: 0px;top: 1px;font-size: 20px !important;display: block !important;opacity: 1;}
	.left_video_area .modal-dialog {min-width: auto;max-width: auto;}
	.left_video_area .modal-header {border-radius:12px!important}
	.top-menus-small .profileImage {height: 50px !important;width: 50px !important; margin: 0px;}
	.top-menus-small .empInitial {font-size: 37px; padding-top: 23px;	}
	.top-menus-small .toprightN .pull-right { margin-right: 0px !important;	}
	.top-menus-small .logo_outer{display:block;}
	#serachBar , #home_icon{display: block;	}
	.icon-v{right: 14px!important;}
	.toprightN .pull-right {margin-right:0px!important;right: 5px;}
	#masquerade , #chatItems123, #timeItems123, #helpItems123, #menu123 {display:none;}
	.v9-widget_icon {width: 200px;right: -27px;z-index: 9; }
	.cd-nav-trigger, .search-home-logobar, .search-visible {display:none;} #masquerade , #chatItems123, #timeItems123, #helpItems123{display:none;}
	.serach-bar-pos .search-logobar {	width: 400px !important;}
	#serachBar #panel-quick.instruction::after {top: -20px;	right: 111px !important;}
	#serachBar #panel-quick.instruction::before {	top: -20px;	right: 111px!important;	}
	#notificationItems123 #panel-quick.instruction::before , #notificationItems123 #panel-quick.instruction::after{top: -20px;
	right: 173px; }
	#todoItems123 #panel-quick.instruction::before , #todoItems123 #panel-quick.instruction::after{top: -20px;	right: 217px; }
	.v9-widget #panel-quick.instruction {min-width: 600px !important;	position: Fixed;left: 56px;	top: 57px;}
	.search-home-logobar{top: 3px!important; right: 10px!important;}
	.margin-personaldetails{margin-top:5px!important;}
	.help-header-des{min-width: 350px; max-width: 550px;}
	.display-desktop{display:block!important;}
	#menu123 #panel-quick.instruction::before , #menu123 #panel-quick.instruction::after{right: 105px;}
} 


/*------------mobile landscape----------*/
@media (max-width:768px){
	.todoItems_display_m{display:block}
	.margin-top-user {margin-top: 0px !important;}
	.empxtrack_cart .checkout_page .frequency{padding-left:0px;font-size: 14px !important;position: absolute !important;top: 0px;}
	.empxtrack_cart .checkout_page .table-checkout{border-right: 0px solid #ddd;padding-right: 0px;position: relative !important;top: 165px;}
	.toprightN{display:block!important}
	.todoItems_display, .md-stepper-horizontal, .appraisal_info , .v9_name_em, .v9_role_em, .search-visible {display:none}
	.cd-header-buttons {display:none;}
	#masquerade , #chatItems123, #timeItems123, #helpItems123{display:none;}
	#serachBar {display: block;}
	.font-size-n {font-size: 25px; padding-top: 6px;}
	.ribbon-top-left {top: -68px!important;}
	.v9-widget #panel-quick.instruction {min-width: 600px !important;left: 0px;}
	.v9-widget_icon {/*right: -386px;	width: 400px;*/	} 
	#masquerade , #chatItems123, #timeItems123, #helpItems123{display:none;}
	#serachBar #panel-quick.instruction::after {top: -20px;	left: 286px !important;	}
	#serachBar #panel-quick.instruction::before {	top: -20px;	left: 286px !important;	} 
	#notificationItems123 #panel-quick.instruction::before , #notificationItems123 #panel-quick.instruction::after{top: -20px;left: 244px; }
	.margin-personaldetails{margin-top:5px!important;}
}
.serach-bar-pos{margin-top:12px;/*margin-left: 20px;*/}
.serach-bar-pos .search-logobar{width: 486px !important;height: 42px;padding-left: 23px !important;}
.toprightN .img-emp {margin:7px 10px 0 !important;}
.search-home-logobar{border-bottom:0px solid #3c3c3c!important;padding: 3px 10px !important;text-align: right;top: -5px;position:relative;}
.search-logobar{padding-right:35px!important; background:#fff url('../images/client/tenant-lite/tenant-lite-2/search-top.png') no-repeat; background-position:5px; font-style:italic;}
.top-menus-small .serach-bar-pos{margin-top:19px;}
.top-menus-small .search-logobar{    padding-top: 0px !important;    height: 27px;}
.serach-bar-pos{font-size:28px;}
.top-menus-small .serach-bar-pos{font-size:24px;}
.top-menus-small .search-home-logobar{top: -10px;}
.masquerade{left: 50%;margin-left: -67px; display:block!important; }
#ajax_listOfOptions{width:39%;margin:auto 2px;}
.search-home-logobar .icon-home{border: 2px solid #fff;
padding: 6px;
border-radius: 50%;
font-size: 25px;
position: relative;
bottom: 3px; }
.top-menus-small .search-home-logobar .icon-home{border: 2px solid #fff;padding: 3px;border-radius: 50%;font-size: 16px;position: relative;bottom: 3px; }
.top-menus-small .masquerade .icon {    margin: 0px 2px;!important}
.top-menus-small h5{padding-top: 8px!important;}

/*-----mobile-------*/
@media only screen and (max-width: 480px) {
	.position-right{float:none!important;}
	.home-right-widget-even, .home-right-widget-odd {margin:10px 0px;}

	.approval-process{/*width:50%; background:#ddd;*/text-orientation: inherit;padding:0px 0px;line-height:20px;color:#000; text-align:center;margin: 0px auto; font-weight:600;width:175px;font-weight:600;}
	.empxtrack_cart .checkout_page{font-size:0.825em}
	.empxtrack_cart {padding: 0;}
	.empxtrack_cart .checkout_page .frequency{padding-left:0px;font-size: 14px !important;position: absolute !important;top: 0px;}
	.empxtrack_cart .checkout_page .table-checkout{border-right: 0px solid #ddd;padding-right: 0px;position: relative !important;top: 165px;}
	.condition-text{position: fixed;bottom: 0;}
	.clsUpgradeButton{display:none;}
	.setting-confi .closebtn { right: -70px;}
	.setting_icon{display:none;}
	/*.hr-home #settings{display:block;}*/
	.filter-scroll{padding-left:10px;}
	#menuItems .quick_widget , #menuItemsMob .quick_widget{margin-bottom: 15px; padding-bottom:10px; border-bottom:0px solid #444;}
	.menu-mobile{position:absolute !important;left: 19px;top: 10px; }
	.display-mobile-menu{display:block;}
	.display-mobile-menu #panel-quick.instruction {min-width: 360px;padding: 10px 5px;left: 36px;right: ; font-size: 14px; margin-right: 0; margin-left: -51px;}
	.display-desktop{display:none!important;}
	.theme-showcase .top-menus {z-index: 9999;width: 100%;}
	.content-section h4 {font-size: 16px !important;}
	.modal-dialog {top: 6%;}
	#panel-quick #menuItems , #panel-quick #menuItemsMob {height:400px!important; overflow-y:scroll!important;} 
	#panel-quick #menuItemsMob ul li a{text-overflow: ellipsis;}
	.dashboard-scroll , #goalAchievementDashboard , #hrAppraisalDetails{overflow-x: scroll;overflow-y: hidden;}
	#menu123{display:block;}
	.setup-sec{display:inherit;}
	.masquerade2 .icon{float:left; color:#e7dd36; margin:8px 2px 8px 0px; font-size:18px;}
	.masquerade2 h5{float:left; font-size:13px; font-weight:normal; color:#fff; padding-top: 10px;}
	.modal-dialog-empxtrack .modal-body, .modal-dialog-empxtrack .modal-body { max-height: calc(100vh - 235px) !important;overflow-y: auto !important;}
	.container .footer{display:none;}
	.sidebar-nav-mobileView {z-index: 1000; position: relative;right: -90vw;top: 29px;}
	.overlay-left-menu h3{text-align: left;padding: 0px 10px;font-weight: bold;color: #fff; padding-top:10px;}
	.theme-showcase .content-section, .content-section {min-height: 100vh; height:auto;}
	.margin-top-admin{margin-top:115px !important;} .margin-top-user{margin-top:0px!important;}
	#display_breadCrum{display:none;}
	.search-panel #serachBar #panel-quick.instruction{top:4px!important;}
	.search-panel .top-right-side #serachBar {right: 20px;bottom: 52px;}
	.search-panel #serachBar #panel-quick.instruction::before , .search-panel #serachBar #panel-quick.instruction::after{left: 270px !important;}
	#serachBar #panel-quick.instruction {position: fixed; width: 78% !important;top: 100px; padding: 16px 5px 0px; right: 75px;}
	.top-menus-small .empInitial {font-size: 27px !important;padding-top: 18px !important;}
	.top-menus-small .profileImage {font-size: 18px;height: 35px !important; width: 35px !important;}
	#mailbox-subject {margin:0px 0px; padding-left:2px;}
	#mailbox-date , .home_left .boxmain .cdmt-message-box a .fa-star{display:none;}
	.overlay_help {display: none;}
	.top-menus-small .toprightN .img-emp .image , .top-menus-small .toprightN .img-emp {height: 35px!important;width: 35px!important;
	 margin: 0px;}
	.filter_flex .filter_items span{display:none;}
	.filter_flex .flex-icon {width:22px!important}
	#snackbar {margin-left:0px!important;}
	.top-menus-small .icon-v {right: -13px !important;top: 18px !important;}
	.top-menus-small .icon-v {z-index: 99;top: 18px;right: -11px !important;}
	.top-menus-small .toprightN .pull-right {margin-right:0px!important;}
	.top-menus-small.toprightN .img-emp .image {height: 35px!important;width: 35px!important;}
	.top-menus-small .toprightN .img-emp {margin: 16px 0px 0 !important;}
	.masquerade {top: 11px !important;}
	#ui-datepicker-div{z-index:10;}
	.toprightN .pull-right {margin-right: 0px !important; right: 10px;}.toprightN .img-emp {margin: 16px 0px 0 !important;right: 2px;}
	.hr-home .modules-h , .hr-home .modules-measure, .hr-home .modules-process, .hr-home .modules-excel, .hr-home .modules-engage {background:none!important; border:0px solid #c5d8e3!important;min-height: 100px !important;}
	.hr-home .modules-h:hover , .hr-home .modules-measure:hover, .hr-home .modules-process:hover, .hr-home .modules-excel:hover, .hr-home .modules-engage:hover {box-shadow:none!important;} 
	.m-icon-app{background: rgba(255, 255, 255,0.8); border-radius: 15px;height: auto;width:60px;margin: 0px auto; }
	.hr-home .modules-h .m-icon-app i , .hr-home .modules-measure .m-icon-app i , .hr-home .modules-process .m-icon-app i, .hr-home .modules-excel .m-icon-app i , .hr-home .modules-engage .m-icon-app i {font-size:25px; padding: 17px 10px;}
	.view-as {color: #333; padding-left: 14px;}
	.theme-showcase-ws .top-menus-small {position: fixed !important;height: 55px;background: #d2e1f4 !important;width: 100%;box-shadow: 0px 4px 12px #ccc;}
	.theme-showcase-ws .top-menus {position: relative;height: 55px;background: #d2e1f4 !important;width: 100%;box-shadow: 0px 4px 12px #ccc;}
	.hr-home span {margin: 4px auto;font-size: 11px;font-weight: normal;}
	.label-home{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;font-size: 11px; margin: 4px auto;}
	.img-home-ws h3 {color:#333!important;}
	.theme-showcase-ws #todoItems123 img , .theme-showcase-ws #home_icon img ,.theme-showcase-ws #masquerade img , .theme-showcase-ws #notificationItems123 img , #menu123 img {
	-webkit-filter: invert(100%); /* Safari/Chrome */
	filter: invert(100%);
	}
	#menu123 #panel-quick.instruction::before, #menu123 #panel-quick.instruction::after {left: 0;}
	.theme-showcase-ws #serachBar i , .theme-showcase-ws #help-header-div i , .theme-showcase-ws .toprightN , .theme-showcase-ws #home_icon i {color:#000;}
	.theme-showcase-ws .v9_role_em a {
	color: #333 !important;
	border-bottom: 1px dotted #333!important;
	}
	.hr-home a {
	color: #333!important;}
	.theme-showcase-ws h1, .theme-showcase-ws h2 {color: #333!important;}
	/*.toprightN .pull-right {right: -50px;}*/
	#btnpurchasev9 .btn {margin-top: 0px!important;}
	.todoItems_display_m{display:block}
	.todoItems_display, .md-stepper-horizontal, .appraisal_info , .v9_name_em, .v9_role_em {display:none}
	.btn-purchase-v9{position: absolute !important;
	margin-left: 23px !important;}
	#todoItems #mailbox-buttons{margin-left: 14%;}
	.toprightN .img-emp {top: -6px!important;z-index: 10;}
	.label-danger, .label-warning {
	padding: 2px 4px;
	border-radius: 50%;
	position: absolute;
	right: 3px;
	font-size: 10px;
	top: 0px!important;}
	#MessageCenter .label-danger, #SocialFeed .label-danger {
	right: 41px !important;
	font-size: 10px;
	top: 12px !important;}
	.font-size {font-size: 20px;}
	.font-size-n {font-size: 25px; padding-top: 6px;}
	.v9-widget_icon{padding: 11px 11px;position: absolute;left: auto;width: 200px;text-align: right;right: -90px;z-index: 9;}
	.icon-v {z-index:99;top: 18px; right: -11px !important;}
	.breadcrumb-gray-v9{height:auto !important;}

	#serachBar, #home_icon{display:block}
	#serachBar #panel-quick.instruction {top: 55px !important; /*padding: 16px 5px 16px !important;*/ padding:5px;}
	.theme-showcase-ws #panel-quick.instruction::before, .theme-showcase-ws #panel-quick.instruction::after {
	border-bottom: 10px solid #ccc !important;
	}
	#serachBar #panel-quick.instruction::after {
	top: -20px;
	left: 286px !important;
	}
	#serachBar #panel-quick.instruction::before {
	top: -20px;
	left: 286px !important;
	}
	.theme-showcase .top_bg-gray_v9 {height:65px;}
	.breadcrumb-gray-v9 {display: block;}
	/*.theme-showcase .top-menus {
	 z-index: 9 !important;width: 100%;}*/
	.theme-showcase .overlay_right .content-section{margin-top: 10px!important;}
	#todoItems123 #panel-quick.instruction::before , #todoItems123 #panel-quick.instruction::after{top: -19px;
	right: 147px; }
	#notificationItems123 #panel-quick.instruction::before , #notificationItems123 #panel-quick.instruction::after{top: -19px;
	right: 58px; }
	#masquerade , #chatItems123, #timeItems123, #helpItems123{display:none;}
	.v9-widget #panel-quick.instruction {min-width: 360px !important; position:Fixed;left: 56px;}
	.theme-showcase .content-section{padding-top:0px;}

	.filter_over-des{min-width: 320px;max-width: 320px;}
	.filter-list .tab_filter{font-size:12px;}
	.overlay_left a , .overlay_right a {font-size: 20px}
	 .overlay_left .closebtn , .overlay_right .closebtn{
	 font-size: 40px;
	 top: 2px;
	 right: -5px; position:relative; z-index:9999;}
	.margin-personaldetails{margin-top:5px!important;}
	.theme-showcase-ws h2 {display:none;}
	.support-icon{display:none;}
	.container-inner-help{display:none;}
	.master_overlay_tempt{display:none;}
	.search-visible .serach-bar-pos {display:none!important} .toprightN .img-emp {
	margin: 16px 0px 0 !important;} .serach-bar-pos .search-logobar {width: 300px !important;}
}

/*.aha-h1{padding-left: 25px;font-weight: 500;color: #fff;font-size: 38px;margin: 0;text-align: left;}
.aha-welcome-msg{  text-shadow: none;padding-left: 25px;font-size: 18px;color: #fff !important;font-weight: 500;margin-top: 8px;text-align: left;}*/
.aha_accordion{display:none;}
.feedliked{padding:6px 2px;font-size: 24px;color:#1c64a1;}
.feednotliked{padding:6px 2px;font-size: 24px;}
@media screen and (min-width: 767px) and (max-width: 920px) {
 .modal-dialog-empxtrack .modal-body{overflow:visible !important; overflow-y:visible !important;} 
}

.super-admin-result-output-console{overflow-y:auto;height:400px;}