/* @media only screen and (max-device-width: 480px) { */
/* .req-field_msg span.notice {
    color: red;
  } */

/*}*/
/* 
.stretch_full.container_wrap.title_container {
  display: none;
} */
/* .wrap_all #header {
  display: none;
} */
/* .container.av-logo-container {
  display: none;
}
.container_wrap {
  border: none;
} */
/* body {
  background-color: #394F60 !important;
  overflow-x:hidden;
  overflow-y:hidden;
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  height: 100%;
} */
/*#wrap_all {
 
         padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top); 
        padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);



}*/
/* Disable long-press behavior (including link preview) */
a {
  -webkit-touch-callout: none;
}

/* Disable text selection */
body {
  -webkit-user-select: none;
  user-select: none;
}

hr {
  border: solid #394F60;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 15px 0 0;
  height: 0;

}
hr.divider {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 15px;
  margin-right: 15px;
  border-style: inset;
  
}

 #main {
  padding-top: 0px !important;
  background-color: white;
  margin-top: 0;
} 
 .responsive #top #wrap_all .container {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
} 
/* this is */
div#wrap_all div#main.all_colors div.container_wrap.container_wrap_first.main_color.fullsize div.container{
  padding-left: 0px !important;
  padding-right: 0px  !important;
  
}

 @media (max-width: 767px) {
  .responsive #top #main {
    border-top: none;
    margin-top: 0px !important;
  }
} 

/* Header and sub header mobile css */
 /* .divTable.plugin-website-app {
  display: block;
}  */


.av_minimal_header #header_main {
  display: none;
}
#main {
  padding-top: 0 !important;
}
/* .title_container {
  display: none;
}  */
.title_container {
 background-color: #394F60;
 background-image: url(../images/logo.png);

 background-size: 9%;
background-repeat: no-repeat; 
padding-right: 10px;
background-position-x: 93%;
background-position-y: 40%;
position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
   
} 
.title_container .main-title{top:auto !important;padding: 7px 10px 0 0 ; margin-left: 3px;
font-size: 19px;
font-weight: 500;
}

/* div#wrap_all div#main.all_colors div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container div.container
{
	padding-left: 0 !important;
	padding-right: 24.5px !important;
} */
/** Go back button  **/
/*Bug #53979*/

.app-go-back-link
{
  display: block !important;
    float: left;    
    padding: 12px 10px 0 0;
    line-height: 100%;    
}
@media (min-width:600px){
  .title_container { 
    background-size: 48px 55px;
    background-position-x: 95%;
    padding-bottom: 5px;
   } 
   .title_container .main-title{font-size: 22px;}
  }

@media (min-width:768px){
.title_container { 
  background-size: 48px 55px;
  background-position-x: 95%;
  padding-bottom: 5px;
 } 
 .title_container .main-title{font-size: 22px;}
}
/* end - Header and sub header mobile css */


.mobile-app-block {
  display: block !important;
  margin-top: 25px;
}
.plugin-website-app {
  display: none !important;
} 
 .container_wrap.container_wrap_first.main_color.fullsize {
  margin-top: 50px;
} 
/*#top .main_color input[type='text']{border: 1px solid #394E5F !important;}*/


.eclipse-form .form-label label {
	font-weight: 500 !important;
	padding-top: 3px;
	font-size: 13px !important;
	height: 27px;
}

@media ( max-width : 480px) {
	
	.eclipse-form .form-field {		
		width: 100%;
	}
	.eclipse-form .form-label {
		width: 100% !important;
	}
	.eclipse-form .form-control {
		width: 100% !important;
	}
	

	div.eclipse-recruitment div.eclipse-form-container
	{
		border: none;
		padding: 0px;
    margin-top: 25px;
	}
	
}
/* .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Choose File';
  display: inline-block;
  background:#394F60;
  padding: 8px 30px;  
  color: white;
}
.custom-file-input:hover::before {
  border-color: #394F60;
}
.custom-file-input:active::before {
  background:#394F60;
} */
.eclipse-message.error {margin: 15px;}
.eclipse-message.info{ 
  border: 1px solid #C20E4A;
  text-align: center;
  padding: 0;
  margin: 0 10px;

}

.eclipse-message.error li {
list-style: none;
}
.eclipse-message.success {
  margin: 20px 30px;


}
/*#top .main_color select{border: 1px solid #808081 !important; height: 30px;padding:5px 12px;}*/

.ava_form_wrapper .button, .eclipse-recruitment .button{
  text-transform: capitalize;  
  display: inline-block; 
  color: #fff; 
  padding-left:9px !important; 
  padding-right:9px !important; 
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  background-color: #394F60 !important; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
  background-clip: padding-box; 
  line-height: 110%;
  text-align: center;
  vertical-align: middle;
  
} 
.button.addnewdayexpensepanel{
  background-color: white !important;
}

.eclipse-recruitment .eclipse-job-basket-list.pending-items .eclipse-job-basket-item, .eclipse-recruitment .eclipse-job-basket-list.saved-items .eclipse-job-basket-item {
  border-radius: 0;
}



  .eclipse-recruitment #timesheet_buttons_div .button{
    padding:9px 15px !important;
    text-align: center;
    width: 49%;
  }
  .eclipse-recruitment #timesheet_buttons_div .button.btn-save-and-close{
    margin-left: 2px;
    
  }
  .btn-submit-ts-full-w .button {margin-top: 20px; padding-top: 9px !important; padding-bottom: 9px !important;}
  .button.full-btn-width{width: 100%;}
.eclipse-job-basket-item div.buttons .button-delete{    padding: 8px !important;
  text-align: center;}
  .title_container .main-title{top:20px;}
  .breadcrumb-trail{display: none;}
  @media (max-width: 767px){
    .responsive #top #main {
        border-top: none;
        margin-top: 60px;
    }
  }
  main[itemprop="mainContentOfPage"],
body#top.page-template-default.page.page-id-126.page-parent.logged-in.admin-bar.rtl_columns.stretched.helvetica-neue-websave.helvetica_neue.customize-support div#wrap_all div#main.all_colors div#after_section_1.main_color.av_default_container_wrap.container_wrap.fullsize div.container div.template-page.content.av-content-full.alpha.units
{
	padding-top: 10px !important;
}
.inner_sidebar{margin-left: 10px;margin-right: 10px;}
.eclipse-form-container{border:none;}
/* ============== Div Table ========================= */
.mobile-app-block .divTable .divTableCell {
  border: none;
  color: #485c6c;
  font-weight: normal;
  font-size: 15px;  
  text-align: left;
}
.mobile-app-block .td-left-align{
  text-align: left;
}

.mobile-app-block  .timesheet-dashboard-menu .divTableCell.link {
  padding-bottom: 15px;
}
.divTableCell.link a{color: #85CBC3;}
.mobile-app-block .divTable .divTableHead {
  border: none;
  color: #485c6c;
  font-weight: bold; 
  padding: 0;
  font-size: 15px;
  text-align: left;
}

/* ============== Div Table End ========================= */
/* ============== UL Jobs ========================= */
.mobile-vacancy-title{
  margin-left: 0;
 background-color: #e9fffd;
 padding: 2px;
 overflow: hidden;
 border-top-right-radius: 20px;
background-clip: content-box;

}
.mobile-vacancy-title  a{
  font-size: 16px !important;
  font-weight: bold !important;
  float: left;
  padding-left: 5px;
  padding-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 
}
.mobile-vacancy-title  img{
  float: left;
 
}
.vacancy-top-mobile-details{
  margin-top: 0px;

}
 article div.eclipse-mobile-vacancy-details {
	border: none !important;
  clear: both;
}
article .eclipse-mobile-vacancy-details ul.vacancy-meta {
	list-style: none;
}

 article .eclipse-mobile-vacancy-details ul {
	overflow: auto;
	margin:0px;
}

 article .eclipse-mobile-vacancy-details ul li {
	/* overflow: auto; */
	padding-bottom: 0px;
	margin: 0px;
}
article .eclipse-mobile-vacancy-details ul li span {
	font-size: 15px;
}


 article .eclipse-mobile-vacancy-details ul li .vac-lbl {
	font-weight: bold;
}

 article .eclipse-mobile-vacancy-details ul li .vac-val {
  display: block;
  margin-bottom: 10px;
  color: #485c6c; 
  font-size: 20px;
}
div#eclipse_job_board article div.vacancy-description {
	border: none !important;
  display: block;
}

div#eclipse_job_board article div.vacancy-description p a.details-link  {
	font-weight: bold;
	color: #85cac3;
	text-transform: capitalize;
  display: block;
  margin-top: 15px;
}
div#eclipse_search_results_header{
  border-color: #e1e1e1; 
  border-width: 0 0 1px 0; 
  /* margin-left: 25px; */
  margin-right: 0px;
  padding-top: 0px;
}


div#eclipse_job_board div#eclipse_search_results_header .total-jobs{margin-bottom: 16px;
}
div#eclipse_job_board div#eclipse_search_results_header .total-jobs .count-value{
  font-size: 14px;
  color: #394F60;
  font-weight: 500;
}
div#eclipse_job_board div#eclipse_search_results_header .total-posts-label{font-size: 13px; color: #394F60;    font-weight: 500;}
#eclipse_search_results_header .save-search{margin-top:13px; float: right;}

table.vacancy-mobile-header{margin: 0 0 10px 0 !important;}

.vacancy-top-mobile-details .divTableCell { padding: 0;}
.divTable.vacancy-top-mobile-details.ref{margin-bottom: 25px;}

.vacancy-mobile-header tr td {
  border: none;
  padding: 0;
  vertical-align:middle
}
.vacancy-mobile-header tr td.vacancy-flag{ 
  border: none;
  padding-right: 8px;
  width: 32px;
}
.vacancy-mobile-header tr td a {
  font-size: 25px;
  /* display: block; */
  /* font-weight: bold;   */
  line-height: 105%;
}
/* Job Basket */
.eclipse-job-basket-item .eclipse-mobile-vacancy-details ul li.vac-lbl {
	font-weight: bold;
  margin:0;
}
.eclipse-job-basket-item .eclipse-mobile-vacancy-details ul li.vac-val {
  display: block;
  margin-bottom: 10px;
  color: #485c6c; 
  font-size: 18px;
}
.eclipse-job-applications-list .eclipse-mobile-vacancy-details ul li.vac-lbl {
	font-weight: bold;
  margin:0;
}
.eclipse-job-applications-list .eclipse-mobile-vacancy-details ul li.vac-val {
  display: block;
  padding-bottom: 10px;
  color: #485c6c; 
  font-size: 18px;
  font-weight: normal;
  
}
.eclipse-recruitment .eclipse-job-applications-list li.vac-val{margin: 0 15px 0 0;}
.eclipse-recruitment  #eclipse_job_board h2{border-bottom: 0 !important; }
#eclipse_search_filter.eclipse-search-widget h2.widget__title {font-size: 29px !important;}
#eclipse_search_filter.eclipse-search-widget li{padding: 0;}
#eclipse_search_filter.eclipse-search-widget li.buttons{padding-top: 10px;}
#eclipse_search_filter.eclipse-search-widget select { background-color: white;
  margin-bottom: 10px;
  padding-left: 15px;
  border: 1px solid #C6C6C6;
  color: #757576;
  font-weight: bold;
  height: 40px !important;
  font-family: "Quicksand";
}
#eclipse_search_filter.eclipse-search-widget input[type="text"] {
  margin-bottom: 10px;
  background-color: white;
  padding-left: 15px;
  border: 1px solid #C6C6C6;
  color: #757576;
  font-weight: bold;
  height: 40px !important;
  font-family: "Quicksand";
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 
  opacity: 1; /* Firefox */
  font-size: 13.5px !important;
  font-weight: 700;
}

.eclipse-recruitment #eclipse_job_board h2{
  padding-left:15px !important ;
  font-size: 25px !important;
}
/* ============== Div Table End ========================= */
/*========================== eclipse timesheets ==================*/
.eclipse-recruitment .eclipse-timesheets{margin-left:30px ;}
/* .eclipse-timesheet{margin-left:25px ;margin-right: 25px;} */
.mobile-app-block-timesheet-view{margin-left: 0px; margin-right: 0px;}
.att-mobile-view-bottom{margin-left: 0; margin-right: 0;}
.eclipse-timesheets div#eclipse_search_results_header {
  border-top: 0;
  width: 100%;
  margin: 0;
  
}

.eclipse-timesheets div#eclipse_search_results_header .col1,
.eclipse-timesheets div#eclipse_search_results_header .col2 {
  display: none;
}
.eclipse-timesheets div#eclipse_search_results_header .col3 {
  width: 100%;
}
.divTable.mobile-app-block .divTableCell.add-document-button-link {
  text-align: center;
}
.mobile-link-button{
text-align: center;
margin-bottom: 5px;
}
.mobile-link-button a {
  display: inline-flex;
  background: #394F60;
  color: white;
  padding: 5px 2px;
  margin-top: 20px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
}

.mobile-link-button.btn-inline a {
display: block;
float: left;
width: 45%;
    margin: 0px;
}
.mobile-link-button.btn-inline a.timesheet-details {
  float: right;
  
}
.btn-rchive-request-detail a{width: 100%;    display: block;}
.btn-timesheet-pending-listing{
  padding:5px 15px 20px 0; 
  overflow: hidden;

}
.att-mobile-del{border-bottom: 1px solid ;overflow: hidden;padding-bottom: 10px;}
.mobile-link-button.delete-file a{
  color: #394F60;
  float: right;
  background: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
/* .vacancy-action-buttons .mobile-link-button.btn-inline a{ margin-left:20px;} */
.vacancy-action-buttons .vacacny-apply-button a{width: 100%; text-align: center;}
.vacancy-action-buttons .vacancy-sharing-options{text-align: center;}
.vacancy-action-buttons td.btn-addtobakset{padding-left:0 !important;}
.mobile-hr-seperator {
  border-color: #485c6c;
  display: none;
  
}

.mobile-h2-title {
  color: #485c6c;
  font-weight: bold;
}
.divTableCell.seperator-line {
  width: 100%;
  border-bottom: 1px solid #485c6c !important;
  padding: 0 !important;
}
.timesheet-reference-link {
  float: left;
}

.timesheet-reference-arrow-link {
  float: right;
}
.timesheet-reference-arrow-link a {
  font-size: 22px;
  font-weight: bold;
}
.eclipse-timesheet_attachment {
  padding: 0;
}
.eclipse-timesheet_attachment .eclipse-form {
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #485c6c;
  margin-left: 0  ;
  margin-right: 0;
}
.eclipse-timesheet_attachment .buttons {
  overflow: hidden;
}
.eclipse-timesheet_attachment .buttons input.button {
  padding: 13px 0 !important;
  width: 100%;
  margin-top: 10px;
}
.eclipse-timesheet_attachment select {
  height: 40px !important;
  text-indent: 15px;
  border: 1px solid #bfcad2 !important;
}
.timesheet_attachment-uploader .eclipse-timesheet_attachment label.upload-your-label {
  border: none;
  color: #394F60;
  font-weight: bold !important;
  padding: 0;
  font-size: 18px;
}
/* .eclipse-timesheet_attachment .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.eclipse-timesheet_attachment .custom-file-input::before {
  content: "Choose files";
  display: inline-block;
  background: #394F60;
  border: 1px solid #bfcad2;
  border-radius: 0px;
  padding: 13px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  color: white;
} 
.eclipse-timesheet_attachment .custom-file-input:hover::before {
  border-color: red;
}
.eclipse-timesheet_attachment .custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
*/
input[type=file]::file-selector-button {
  margin-right: 10px;
  border: none;
  background: #394F60;
  padding: 5px 20px;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: #0d45a5;
}
.eclipse-timesheet_attachment .eclipse-form .form-control input {
  float: none;
  width: 100%;
  height: auto;
  margin-bottom: 20px !important;
}
.timesheet_attachment-view.mobile-app-block .divTable {
  margin-bottom: 20px;
}
.eclipse-recruitment .eclipse-timesheets .eclipse-timesheets-list {display: table;
  margin: 0 auto;}

div.eclipse-recruitment div.eclipse-form-container form#eclipse_recruitment_candidate_timesheet_form div.eclipse-timesheet 
div.eclipse-timesheet-day div.divTableRow div.divTableCell input.rateunit{
  border:1px solid #BFC1C1;
  float: right;
}
.eclipse-timesheet-day .divTableRow .divTableCell input{font-weight: bold; font-size: 18px !important;}
.eclipse-timesheet-day .divTableRow .divTableCell.ratename-table-cell input.ratename-field{width: 130px;}
.eclipse-timesheet-day .divTableRow .divTableCell.ratename-table-cell .t-from{width: 90px;font-size: 14px;}
.eclipse-timesheet-day .divTableRow .divTableCell.ratename-table-cell .t-to{width: 90px;font-size: 14px;}

.eclipse-timesheet-day .divTableRow .divTableCell.ratename-table-cell .t-from .scw-value input{width: 80px;font-size: 14px !important;}
.eclipse-timesheet-day .divTableRow .divTableCell.ratename-table-cell .t-to .scw-value input{width: 80px;font-size: 14px !important;}

@media only screen and (min-width: 390px)
{ 
  .eclipse-timesheet-day .divTableRow .divTableCell input[type=time] { 
    /* width: 86px;    
    font-size: 14px !important;
    padding-left: 2px !important; */
    
  }
}
input[type="time"]::-webkit-calendar-picker-indicator{
  filter: invert(73%) sepia(0%) saturate(3051%) hue-rotate(267deg) brightness(112%)
}
.time-day-from-to{float: left;padding-right: 5px;padding-left: 3px;}
.hours-day-date {font-weight: bold;padding-left: 3px;}

.time-day-from-to{font-weight: 500;}
::-webkit-datetime-edit-second-field {
  background: white;
  color: transparent;
  margin-left: -3px;
  position: absolute;
  width: 1px;
}

.eclipse-timesheet-day {border-bottom:1px solid #C6C6C6 !important;padding: 0 0 15px 0;
  
  margin-bottom: 20px;
  margin-top: 20px;}

  .eclipse-timesheet-day h3 {padding-left: 5px;}

.timehseet-bottom-paging.mobile-app-block {text-align: center;font-size: 25px;}

.timehseet-bottom-paging.mobile-app-block span {text-align: center;font-size: 25px;}
.timehseet-bottom-paging.mobile-app-block table{width:auto;margin:auto;border:0;}
.timehseet-bottom-paging.mobile-app-block table td{width:auto;margin:auto;border:0;}

.timehseet-bottom-paging.mobile-app-block .bottom-prev-page {padding:0; font-weight: bold;font-size: 35px;}

 
.timehseet-bottom-paging.mobile-app-block .bottom-next-page {padding: 0; font-weight: bold;font-size: 35px;}

.eclipse-recruitment .eclipse-timesheets a.timesheet_ref_detail_link {color: #85CAC3;}
#timesheetintro {margin-left:15px ;}
#timesheetintro .divTableCell{padding-left: 0;}

/* The display: table-header-group property prevents padding-bottom from having an effect.
Try setting display to something other than table-header-group. */
/* #timesheetintro .divTableHeading{padding-bottom: 1px;} */

.eclipse-timesheet-items.eclipse-timesheet-items-expense-panel{padding-right: 0px;}
.eclipse-timesheet-items.eclipse-timesheet-items-expense-panel input.rateunit {float:left; width: 30px;  }
.eclipse-recruitment .eclipse-timesheet_attachment.timesheet-detail-page-attachment {margin-left: 15px; margin-right: 15px;}
.eclipse-recruitment .attachment-seperate-page{margin-left: 15px; margin-right: 15px;}

.eclipse-timesheet-items-expense-panel .expense-mob-display-inline{display: flex;}

.eclipse-timesheet-items-expense-panel .expense-mob-display-inline-l{float: left;}
.eclipse-timesheet-items-expense-panel .expense-mob-display-inline-r{  float: left;}

.expense-mob-display-inline-remove{ display: inline-block;  margin-top: 5px;}
@media only screen and (max-width: 360px) {
  #timesheetintro .divTableRow {    
    margin-bottom: 0px;
  }
   
  #timesheetintro .divTableRow .divTableCell{    
    padding-bottom: 15px;
    overflow: hidden;
  }
}
#timesheetintro .divTableHeading {background-color: none !important;}
#timesheetintro.mobile-app-block {padding-bottom: 0;margin-left: 0px;padding-right: 25px;}
#timesheetintro .divTableCell {font-size: 20px;padding-bottom: 14px;}
.eclipse-recruitment .eclipse-timesheet_attachment{ 
   margin-left: 0px;
  margin-right: 0px;}
  .timesheet-attachment-list-mobile{width: 100%;}
  .timesheet_attachment-view{margin-right: 15px;}
  .timesheet-attachment-list-mobile{margin-bottom: 20px;}
  a.delete-attachment-link{display: block;}
  .eclipse-recruitment .eclipse-timesheets .eclipse-timesheets-list{margin-top: 25px; display: inline-block;}
  .archived-timesheets  li{list-style: none;}
  .archived-timesheets {padding: 25px;}
  .archived-timesheets .entry-content-wrapper li{    margin-left: 0em !important;}
  li.archived-timesheet-row{    margin-left: 0em !important;}
     .timesheet-menu-wrapper{
       
        padding: 25px;
        overflow: hidden;
        clear: both;
        
    }
    .timesheet-menu-wrapper ul{        
        padding: 0px;
        margin: 0;
    }
    .timesheet-menu-wrapper ul li{
       padding: 0;
       margin: 0 0 15px 0;
        list-style: none;
    }
    .timesheet-menu-wrapper ul li .tmw-heading{
      
        background-color: #394F60;
        padding: 5px;        
        color: white;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .timesheet-menu-wrapper ul li .tmw-body{
        padding: 15px 10px 15px 10px;        
        background-image: linear-gradient(to right top, #394f60, #6b7786, #9ca1ad, #cecfd5, #ffffff);
       
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        
    }
    .timesheet-menu-wrapper ul li  a {color:white; font-weight: bold;display:block;}
    .timesheet-menu-wrapper ul li a::after {content: ">"; color:#394F60; float: right; }
    hr.divider.timesheet-detail-header{
      border: 1px solid #c6c6c6 !important;
        margin-left: 30px;
        margin-right: 30px;
    }

        /* == Archived timesheets  ==================*/
    div#eclipse_search_results_header.result-list-header{
      margin-left: 25px !important;
    }

    .eclipse-timesheet .eclipse-timesheet-day select {margin-left: 6px !important;}
    div.eclipse-recruitment div.eclipse-form-container form#eclipse_recruitment_candidate_timesheet_form div.eclipse-timesheet div.eclipse-timesheet-day div.divTableRow div.form-field.divTableCell.cellNoBorder.cellNoLeftPad select
    {
      background-image: url( "../images/svgimages/COLLAPSER.svg") !important;
      background-size: 13px 12px;
      font-weight: normal;
      font-size: 18px;
      height: unset;
      background-position: bottom 3px right;

    }
    .eclipse-timesheet-day .addrowdiv {
      background-color: white; 
      background:white; 
      color: #384f60;
      font-weight: normal; 
      font-size: 40px;
      padding-left: 4px;}
     .removerow {background-color:white ;background:white; color: #384f60;font-weight: normal;margin: 0;} 
     .removerowserver {background:white;} 

    div.eclipse-recruitment div.eclipse-form-container form#eclipse_recruitment_candidate_timesheet_form div.eclipse-timesheet div.eclipse-timesheet-day div.divTableRow div.form-field.divTableCell.cellNoBorder.cellNoLeftPad select {
      font-weight: bold;font-size: 18px;
    }
    /* font-weight bold is done for the overtime dyanmic field in timesheet detail*/
    .p-trap{height: 8px;display:block; overflow:hidden; margin:  0;padding: 0;}
    /* .removerowserverexpenses img {} */
     .expense-p-input{padding-bottom: 2px !important;      padding-top: 6px !important;min-width: 100px;} 
/*========================== eclipse timesheets ends  ==================*/

/*========================== eclipse Dashbaord Starts  ==================*/
/* .eclipse-recruitment .eclipse-dashboard .eclipse-link{
  margin-left: 10px;
} */
.eclipse-dashboard-cards.rich-icons .dash-menu-arrow{ font-weight: normal;padding: 17px 18px 0 0; display:inline-block;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box {
  background:#9280B9}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.profile-icon {background: #70C0D7;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.cv-icon {background: #9280B9;padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.cv-icon img{width: 40%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-icon {background:#EB6B68;padding: 15px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-icon img{width: 45%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-applications-icon {background:#FCC938;padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-applications-icon img{width: 43%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.timesheets-icon {background:#3A80BF;padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.timesheets-icon img{width: 40%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.password-icon {background:#476F86;padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.password-icon img{width: 40%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.availability-icon{background:#99C668;    padding: 16px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .eclipse-dashboard-card  .dash-menu-item {margin-left: 12px;display: block;    padding: 18px 0 0 0;
  float: left;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box {width: 20%; background: #70C0D7;
   height: 60px; padding:12px 0 0 0; display:block; float:left;color: white; text-align: center;}
   .eclipse-dashboard-cards.rich-icons .dash-menu-icon-box img{width: 50%;display: inline-block;}
.eclipse-dashboard-cards.rich-icons a {  text-decoration: none;  Color: #394F60;   display:block;  width:100%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-arrow{ font-weight: normal;padding: 17px 18px 0 0; display:inline-block;}
/* .eclipse-dashboard-cards.rich-icons .dash-menu-icon-box {background:#9280B9} */
/* .eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.profile-icon { padding: 0;} */
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.cv-icon {background: #70C0D7; padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.cv-icon img{width: 40%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-icon {background: #70C0D7; padding: 15px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-icon img{width: 45%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-applications-icon {background: #70C0D7; padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.jobs-applications-icon img{width: 43%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.timesheets-icon {background: #70C0D7; padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.timesheets-icon img{width: 40%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.password-icon {background: #70C0D7; padding: 13px 0 0 0;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.password-icon img{width: 40%;}
.eclipse-dashboard-cards.rich-icons .dash-menu-icon-box.availability-icon{  background: #70C0D7;   padding: 16px 0 0 0;}


/*New Mobile Dashboard*/
.dashboard-mob-menu {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  
  padding: 0px;
}
.dashboard-mob-menu h3 {
  margin-bottom: 15px;
  font-size: 20px;

}
.dashboard-mob-menu .menu-item {
  display: flex;
  align-items: stretch;
  background: #ffff;
  border: 1px solid #70C0D7;
  margin: 10px 0;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s;
  overflow: hidden;
  text-decoration: none;
}
.dashboard-mob-menu .menu-item:hover {
  background: #cce5f5;
}
.dashboard-mob-menu .icon-box {
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #70C0D7;
  color: white;
  font-size: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.dashboard-mob-menu .menu-text {
  flex-grow: 1;
  font-size: 16px;
 color: #9f9f9f;
  padding: 15px;
  display: flex;
  align-items: center;
}
.dashboard-mob-menu .arrow {
  color: #9f9f9f;
  font-size: 16px;
  padding: 15px;
  display: flex;
  align-items: center;
}
/*========================== eclipse Dashbaord ends  ==================*/

/*========================== eclipse Profile Starts  ==================*/
.eclipse-recruitment .eclipse-profile{
  margin-left: 20px;
  margin-right: 20px;
}
.eclipse-recruitment .eclipse-profile input {
  background-color: white; 
}
.eclipse-recruitment .eclipse-profile select {
  background: white !important;  
}
#profiledisciplinedropdown{clear: both; overflow: hidden;}
#profiledisciplinediv .form-label{clear: both; }
/* .eclipse-recruitment .eclipse-profile  .form-label{
  color: #384f60;
    font-size: 18px;
    font-family: 'quicksand', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: none;
} */
/*========================== eclipse Profile ends  ==================*/

/*========================== eclipse CV Starts  ==================*/
.eclipse-recruitment .eclipse-cv{
  margin-left: 15px;
  margin-right: 15px;  
  overflow: hidden;
  
}
.cv-view-style{ margin-top: 10px; clear: both; margin-left: 10px;}
.buttons.cv{padding-top: 20px; }
.mobile-hr-seperator.cv {
  margin:20px 0 0 0px;
 padding-bottom: 10px;
  
}
@media only screen and (max-width: 480px) {
	
	div.eclipse-recruitment div.eclipse-cv div.eclipse-form-container div.eclipse-form form#eclipse_recruitment_cv_import_form div.cv-uploader.form-field {		
		padding-top: 20px;
	}
}
/*========================== eclipse CV ends  ==================*/

/*========================== eclipse job applications Starts  ==================*/
.eclipse-recruitment .job-applications, .eclipse-recruitment  .eclipse-job-applications{
  margin-left: 25px;
  margin-right: 15px;
}
/*========================== eclipse job applications ends  ==================*/

/*========================== eclipse job Searches Starts  ==================*/
.eclipse-recruitment .eclipse-job-searches{
  margin-left: 15px;
  margin-right: 15px;
}
/*========================== eclipse job searches ends  ==================*/

/*========================== eclipse job Basket Starts  ==================*/
.eclipse-recruitment .eclipse-job-basket{
  margin-left: 15px;
  margin-right: 15px;
}
/*========================== eclipse job Basket ends  ==================*/

/*========================== eclipse jobs Starts  ==================*/
.eclipse-recruitment #eclipse_job_board, .eclipse-recruitment .eclipse-vacancy-full-details, .eclipse-recruitment  .eclipse-job-basket{ 
  margin-left: 30px;
  margin-right: 30px; 
}


div#eclipse_job_board div#eclipse_search_results_header {
  padding-bottom: 13px;
}

div#eclipse_job_board div#eclipse_search_results_header .col2{
  margin-top: 24px;
  width: 148px;
  float: right;
}
.save-job-search-form{  
    margin-top: 20px;   
}
.save-job-search-form .back-button{ display: inline-block; text-align: center; font-weight: bold; padding: 5px 15px 7px 15px; border: 1px solid #162d40; }
.save-job-search-form .back-to-job-board{padding: 5px; text-align: center; margin-top: 150px;}
div#eclipse_job_board div#eclipse_search_results_header .col1 select#eclipse_recruitment_vacancy_sort{
  padding-left: 7px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
}

/* #top .main_color select{border: 1px solid #394E5F !important;  } */
/*#top .main_color select.intl-dailing-code{border: 1px solid #394E5F !important;height: 30px !important; }*
/*========================== eclipse jobs ends  ==================*/
/*========================== eclipse login/logout Starts  ==================*/
/* .eclipse-form-logout{
  margin-left: 15px;
  margin-right: 15px;
} */
div.eclipse-recruitment.login-form-wrapper{
  margin-left: 25px;
  margin-right: 25px;
}

@media (min-width: 481px){
  .eclipse-recruitment h3.login-title {
      border: solid #ebebeb;
      border-width: 1px 1px 0 1px;
      
  }
}
div.eclipse-recruitment.login-form-wrapper input 
{
  font-size: 14px;
  margin-bottom:15px !important;
}
.loing-reg-link { margin-top: 0;}
.loing-reg-link .registration-link{ float: none; font-weight: bold;  width: 100%; margin-top: 15px;}
  /*========================== eclipse login/logout ends  ==================*/
  /*========================== eclipse registration Starts  ==================*/
.eclipse-registration.eclipse-form-container{
  margin-left: 15px;
  margin-right: 15px;
}
  /*========================== eclipse registration ends  ==================*/
  /*========================== eclipse client Contacts Starts  ==================*/
  .eclipse-client-contacts{
    margin-left: 15px;
    margin-right: 15px;
  }
  /*========================== eclipse client Contacts Starts  ==================*/
  /*========================== eclipse Client login/logout Starts  ==================*/
.eclipse-recruitment .eclipse-logout, .eclipse-recruitment .eclipse-change-password, .eclipse-recruitment .eclipse-forgot-password{
  margin-left: 15px;
  margin-right: 15px;
  border: none;
  margin-top: 25px;
}
  /*========================== eclipse Client login/logout ends  ==================*/
  /*========================== eclipse Client Vacancies Starts  ==================*/
  .eclipse-recruitment .eclipse-client-vacancies, .eclipse-recruitment .eclipse-client-vacancy{
    margin-left: 15px;
    margin-right: 15px;
  }
  .eclipse-client-vacancies .eclipse-vacancies-collection-table .divTableHeading{display: none;}
  /*========================== eclipse Client Vacancies ends  ==================*/
  .eclipse-message.info{
    margin-left: 15px;
    margin-right: 15px;
  }
    /*========================== eclipse jobs Starts  ==================*/
  .eclipse-recruitment .eclipse-save-search{
    margin-left: 15px;
    margin-right: 15px;
  }
 
  .mannual-job-search-widget #eclipse_search_filter{
    padding-left: 0;
    margin-bottom: 13px;
    
  }
  .mannual-job-search-widget ul{margin-left: 0;}
  .mannual-job-search-widget .widget__title {
  
    color: white ;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;

  }

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .mannual-job-search-widget .active,  .mannual-job-search-widget .widget__title:hover {
   
  }
  #eclipse_job_board .eclipse-search-widget-wrapper {
  background-color: #EDEDED;

  }
  @media (min-width: 768px){
  #eclipse_job_board .eclipse-search-widget-wrapper {
    
     margin-top: 70px; 
    }
  }
  .mannual-job-search-widget .eclipse-search-widget #eclipse_recruitment_job_board_search_form{
    padding: 0 15px 0 0px;
    
  }
  .mannual-job-search-widget .eclipse-search-widget .buttons{
    overflow: hidden;    
  }
  .mannual-job-search-widget .eclipse-search-widget .buttons .clear-button{
    width: 48%;
    float: left;
    margin: 0;
  }
  .mannual-job-search-widget .eclipse-search-widget .buttons .search-button{
    width: 48%;
    float: right;
    margin: 0;
  }
  /* Style the accordion panel. Note: hidden by default */
  .mannual-job-search-widget .eclipse-search-widget {
    padding: 0 0 0 0;  
     /* padding: 0 15px 0 0px; 15px changes to 0 for jobs page bottom padding */
    display: none;
    overflow: hidden;
    
  }
   .mannual-job-search-widget .eclipse-search-widget  select{
    border-color: #A6A6A6 !important;
    height: 35px !important;
   }
   .mannual-job-search-widget .eclipse-search-widget  input[type='text']{
    border-color: #A6A6A6 !important;
    /* height: 35px; */
   }
  .mannual-job-search-widget .eclipse-search-widget.show {    
    display: block;

  }
  .mannual-job-search-widget  h2{    
    color: #394E5F;
    padding:10px !important;
  }
  .mannual-job-search-widget .search-job-sep{margin-top: 0px;margin: 0 0 20px 0;
    border: solid #394E5F;border-width: 1px 0 0;clear: both;height: 0; 
  }
  h2.widget__title.close::after{
    content: ">"; float: right; 
    font-size: 17px; position: absolute;
    top: 45px;
    right: 50px;
    font-weight: bold;
     }
  h2.widget__title::after
  {
    content: "\2304"; 
    float: right;
    font-size: 22px;
    position: absolute;
    top: 38px;
    right: 50px;
    font-weight: normal;
  }
  @media (min-width: 768px){

    h2.widget__title::after
    {      
      right: 100px;
      top: 82px;
    }
    h2.widget__title.close::after{
      top: 90px;
    }
  }
    .mannual-job-search-widget  h3.btm-border{    
      border-bottom:1px solid #ccc;      
    }
   /*========================== eclipse jobs ends  ==================*/

   /*========================== availability start  ==================*/
   /* .ava_mobile_buttons_div .ava_col_left{
    width: 48%;
    float: left;
    text-align: right;
    margin-right: 5px;
   }
    .ava_mobile_buttons_div .ava_col_right{
      width: 48%;
      float: left;
      text-align: left;
      margin-left: 5px;
    } */
    .ava_mobile_buttons_div .button{
      float: left;      
      margin-right: 5px;
    }
   /*========================== availablity ends  ==================*/

   


/*********************** Footer Menu **********************************/

/**Hide top menu**/


.wp-bottom-menu-nav-wrapper{ right: 0;  left: auto; }
.wp-bottom-menu-nav-wrapper.active{background: #394F60; width: 90%;}
.wp-bottom-menu-nav-wrapper.active .wpbm-nav-close  {right: 5%;
  top: 1%;color:white;  background-color: #394F60; padding: 0px; line-height: 70%; font-size: 70px;
  font-weight: 100;}
.wp-bottom-menu-nav-wrapper.active .wpbm-nav-items{width: 100%;padding-left: 25px; padding-right: 25px;  }

.wpbm-nav-items li:not(:last-child) {    margin-bottom: 0em;  }
.wpbm-nav-items li:last-child {  margin-bottom: 0em;  border-bottom: 0px solid #c2bfbf;}
.wp-bottom-menu-nav-wrapper li {background-color: white;border:0;}
.wp-bottom-menu-nav-wrapper li a {font-size: 16px; font-weight: 700;width: 100%; display:inline-block;color:#3E5A6C; padding: 10px 25px 10px 0;}

.wp-bottom-menu-nav-wrapper.active li {  border-radius: 3px;   border-bottom: 0; width: 100%;   border-bottom: 1px solid #c2bfbf; margin-bottom: 10px !important;  }
.wpbm-nav-items li.current-menu-item a {  color: white;background-color:#394F60;}
.wp-bottom-menu-nav-wrapper li.current-menu-item  {  background-color:#394F60; border:0 ;  } 
.wpbm-nav-items li a:hover {color: #394F60;}

.wp-bottom-menu{box-shadow: unset;}

/*********************** Footer Menu ends *****************************/

/************************* WP pages like Confirmation pages ************************/
.wp-page-outer-wrap {margin: 50px 25px; overflow: hidden;}
/************************* end - WP pages like Confirmation pages ************************/

/*********************** Mobile Bottom Menu Starts  *****************************/
 /* .wp-bottom-menu{padding-top: 10px;}  */
.wp-bottom-menu-item span{margin-top: 1px;}
/*********************** FMobile Bottom Menu ends *****************************/

.home-mobile-top-text{
  position: fixed;
  top: 80px;
  padding: 0;
  margin-right: 30px;
  margin-left: 28px;
}
.home-mobile-top-text h1{
  
  font-weight: 400 !important;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 5px !important;
  font-size: 32px ;
  letter-spacing: -0.5px !important;
}
.home-mobile-top-text h2{
  font-size: 17px !important;
  margin-top: 10px !important;
  letter-spacing:0px  !important;  
  font-weight: bold !important;
}
@media only screen and (max-width: 375px) {
  .home-mobile-top-text h1{
    font-size: 22px;
  }
  .home-mobile-top-text h2{
    font-size: 12px;
  }
}

.home-mobile-front-search-wrapper{
  position: fixed !important;
  bottom: 70px !important;
  
  
}

.home-mobile-front-search-wrapper .clear-button {
  display: none !important;
}

.home-mobile-front-search-wrapper .search-button {
  float:unset;
  width: 100%;
  margin-left: 0 !important;
  padding: 12px !important;
  margin-top: 14px;
  /* font-size: 22px; */
 }

 .home-mobile-front-search-wrapper  input[type='text'] {
  background-color: white !important;
  /* height: 50px  !important;
  font-size: 22px  !important;
  color: #284153  !important; 
  margin-bottom: 0 !important;*/
  }

  /* .home-mobile-front-search-wrapper ::placeholder {

    color: #284153  !important;
    } */

    .home-mobile-front-search-wrapper select {
      background-color: white !important;
      /* height: 50px  !important; */
      /* font-size: 22px  !important; */
      /* color:#284153  !important; */
      font-weight: bold;
      margin-bottom: 0  !important;
      }
    
      .home-mobile-front-search-wrapper    #eclipse_search_filter{    
        padding: 0px 25px 0px 10px;}

.home-mobile-front-search-wrapper a  {  
  background-color: transparent  !important;
  border-color: white  !important;    
  border: 2px solid white  !important;
  font-size: 16px !important;
  padding: 4px 20px 5px 20px !important;; 
  margin-top: 20px;
} 
.manual-setup-key {padding-top: 10px;padding-bottom: 10px;}
.login-button-mobile-home{clear: both;}
/* @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .wrapper-msg-search-login {padding-top: 100px; padding-left: 35px; padding-right: 35px; }
} */



/* .avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button  {
	position: fixed !important;
    top: 435px  !important;
    width: 100%  !important;
    padding: 0 !important;
    margin: 0 !important;
}
.avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button #eclipse_search_filter{    
  padding: 20px 25px 20px 10px;}
.avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button .buttons .clear-button {
  display: none;
}

.avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button .buttons .search-button {
 float:unset;
 width: 100%;
 margin-left: 0 !important;
}
.avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button .buttons .search-button {
  float:unset;
  width: 100%;
  padding: 12px !important;
  font-size: 22px;
 }

 .avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button input[type='text'] {
 background-color: white !important;
 height: 50px  !important;
 font-size: 22px  !important;
 color: #284153  !important;
 margin-bottom: 0 !important;
 }
 .avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button ::placeholder {

  color: #284153  !important;
  }
 .avia-builder-widget-area.clearfix.avia-builder-el-1.el_after_av_image.el_before_av_button select {
  background-color: white !important;
  height: 50px  !important;
  font-size: 22px  !important;
  color:#284153  !important;
  font-weight: bold;
  }



  .avia-button-wrap.avia-button-center.avia-builder-el-2.el_after_av_sidebar.avia-builder-el-last {margin-top: 65px;}
  .avia-button-wrap.avia-button-center.avia-builder-el-2.el_after_av_sidebar.avia-builder-el-last a  {  font-size: 22px;} */