@font-face {
  font-family: "Assistant";
  src: local("Assistant Light"), local("Assistant-Light"), url("https://fonts.gstatic.com/s/assistant/v4/2sDZZGJYnIjSi6H75xk7w0esBJ0Y.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: "Assistant";
  src: local("Assistant"), local("Assistant-Regular"), url("https://fonts.gstatic.com/s/assistant/v4/2sDcZGJYnIjSi6H75xkzaGW5.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Assistant";
  src: local("Assistant SemiBold"), local("Assistant-SemiBold"), url("https://fonts.gstatic.com/s/assistant/v4/2sDZZGJYnIjSi6H75xk7t0GsBJ0Y.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: "Assistant";
  src: local("Assistant Bold"), local("Assistant-Bold"), url("https://fonts.gstatic.com/s/assistant/v4/2sDZZGJYnIjSi6H75xk700CsBJ0Y.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Regular"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: "Roboto";
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*:focus {
    outline: 0;
}


/*...::: hrdesign starts here :::...*/

/* general style */
#hrdesign-area #company_logo { display: none; }

#hrdesign-area .container {
    font-family: Assistant, sans-serif;
	color: #000;
    font-size: 14px;
    line-height: 20px;
    /*width: auto;
	margin: 0;*/
    padding: 0;
    font-weight: 400;
}


.disabilityselfidtext, #field_diversity_eeo_disabled {
     font-family: Assistant, sans-serif;
  color: #000;
    font-size: 14px;
    font-weight: 400;

}



/* Headings */
#hrdesign-area h1,
#hrdesign-area h2,
#hrdesign-area h3,
#hrdesign-area h4,
#hrdesign-area h5,
#hrdesign-area h6 {
	font-family: Assistant, sans-serif;
	font-weight: 700;
	color: #2c2c2c;
}


.btn {
  font-family: Assistant,sans-serif;
  font-size: 14px;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;

}

.btn-link,
a, a:link {
  color: inherit;
  text-decoration: none;
  font-weight: normal;
}
a:hover,
.btn:hover,
.btn:focus,
.btn.focus,
.btn-link:hover,
.btn-link:focus {
  color: #8d8a86;
  text-decoration: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #fff;
  background-color: #162636;
  border-color: #162636;
  text-decoration: none;
  font-weight: normal;

  line-height: 18px;
}

button#uploadResumeButton:focus,
button#delete,
#loginForm .btn-lg,
#toggle_agent_form,
.page-options a.btn-info,
.page-options a.btn-info:link,
.page-options a.btn,
.page-options a.btn:link,
.btn-default,
.btn-success,
.btn-danger,
.btn-info,
.btn-primary,
.btn-warning,
#disposition p a,
.btn.btn-default.btn-sm i.fa.fa-binoculars.text-black {
  color: #fff;
  background-color: #162636;
  border-color: #162636;
  text-decoration: none;
  font-weight: normal;

  line-height: 18px;
}

button#delete:hover,
button#delete:focus,
#loginForm .btn-lg:hover,
#loginForm .btn-lg:focus,
#toggle_agent_form:hover,
#toggle_agent_form:focus,
.page-options a.btn-info:hover,
.page-options a.btn-info:focus,
.page-options a.btn:hover,
.page-options a.btn:focus,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-info,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active, .open >
.dropdown-toggle.btn-primary,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus  {
  color: #fff;
  background-color: #162636;
  border-color: #162636;
  text-decoration: none;
  font-weight: normal;
}

a.btn-info:link {
  color: #fff;
}

/* Large button problems */
.btn-lg { padding: 5px 12px !important; font-size: 14px !important}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #fff;
  background-color: #162636;
  border-color: #162636;
}
.pagination > li > a,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #666;
}
.columnRightPagination {
  text-align: right;
}

.btn i { color: #fff;}
.btn i.fa.fa-angle-up {
    color: inherit !important;
}


.well .setup-panel>li.active>a,
.well .setup-panel>li.active>a:hover,
.well .setup-panel>li.active>a:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.well .setup-panel>li.active {
  color: #fff;
  background-color: #162636;
}
.well .setup-panel>li .list-group-item-heading {
    color: #000;
}
.well .setup-panel>li .list-group-item-text {
  color: #000;
}
.well .setup-panel>li.active .list-group-item-heading,
.well .setup-panel>li.active .list-group-item-text {
  color: #fff !important;
}
.nav > .wizard_step_visited > a:hover h4,
.nav > .wizard_step_visited > a:hover p,
.nav > .wizard_step_visited > a:focus h4,
.nav > .wizard_step_visited > a:focus p {
    text-decoration: none;
}


#colorbox { box-sizing: content-box; }

#terms_of_use_checkbox .col-sm-5 {
    width: 100%;
    max-width: 100%;
}

/*Menu*/

.yamm .yamm-content ul > li > a:hover,
.yamm .yamm-content ul > li > a:focus { line-height: 1.42857 !important}

@media (min-width: 768px) {
        .yamm-content  .col-sm-4 {
                width: auto;
                clear: left;
        }
}



/*Social Media*/
#socialMediaButtons {
    line-height: 20px;
    margin: 10px 0 10px;
}
#socialMediaButtons > div {
    margin: 0 0 10px;
    padding: 1px 0 0 1px;
    height: 20px;
}
#socialMediaButtons > #linkedinContainer {
    padding: 0;
}
#socialMediaButtons #LinkedinPopup {
    line-height: 20px;
}
.socialMediaDescription,
#linkedinContainer div:nth-child(2) {
    margin: 0;
    font-size: 11px;
    font-family: Helvetica;
    color: #141823;
    line-height: 26px;
}

/*Upload Resume Iframe Height*/
.modal-body iframe { height: 60vh !important;}

/* popup window initialize */
body.popup_window { font-size:14px !important;font-family: Assistant, sans-serif;}

/*Responsive Menu Hover*/
@media screen and (max-width: 768px) {
    .yamm .yamm-content ul > li > a {
      color: #666 !important;
    }
  }

/*Steps mobile*/
@media (max-width: 766px) {
    .well .setup-panel > li.active,
    .well .setup-panel > li.steps-toggle {
    display: inline;
    }
}

/*Langguage Drop Down*/

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #162636;
    outline: 0;
}

/* Table */

.datatable th a {color: inherit;}
#jobSearchResultsGrid_table.datatable td.tdhighlight a span,
#jobSearchResultsGrid_table.datatable td span,
td.tdhighlight i {
    color: #000;
}

.dhtml_editor_render ul li {
    line-height: inherit;
}

.DynarchCalendar-hover-date,
.DynarchCalendar-day-selected,
.DynarchCalendar-day-today.DynarchCalendar-day-selected  {
    background-color: #162636;
    color: #fff !important;
}

.form-control.VStrategyFileNotEmpty {
  height: 30px;
}

span.caret { color: #fff; }

@media (max-width: 768px) {
#skills_profile_layout .layout_column_left, #competency_profile_layout .layout_column_left {
    overflow: auto;
    width: 100%;
}
#skills_profile_layout .layout_column_right, #competency_profile_layout .layout_column_right {
    overflow: auto;
    width: 100%;
}

}

.actions_td .btn-sm {padding: 5px 12px !important;}


/*Alignment advance search jobs*/

#field_zip_code_radius,
#field_zip_code_radius_unit {
  width: auto;
}


#hua_utility_menu_bar {
    margin-bottom: 20px;
}

#language-select span.caret {
    color: #000;
}


#jobSearchResultsGrid_table.datatable td span {text-decoration: underline !important;}

p a[href="/hr/ats/JobSeeker/submissionHistory"] {
    text-decoration: underline;
    color: inherit;
}


/*Reject Offer*/

form[action="/hr/hua/Approvals/save"] .form-group.form-required .control-label.col-sm-12 {
    text-align: left;
}


.cell_input.col-sm-5 .form-control.requireValidation.jsValidationNotEmpty.hasValidationError {
  width: auto;
}

#offer_letter ~ ul li a {
    text-decoration: underline !important;
}


.notice {
    padding: 25px;

}


h2.pull-left {
    color: #016fac !important;
    line-height: 48px;
    letter-spacing: 1px;
    font-weight: 500 !important;
}

#topmenu {
    width: 100%;
}

#clientlogo img{
   width: 165px;
  height: 67px;
}

.custom-banner {width: 100%;}

.careerslink a {
   font-family: Assistant,sans-serif;
  font-size: 14px;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #162636;
  float: right;

}

.container.customtop {margin-top: 10px;}

.headertext {
    margin: 13% 0;
    font-family: Assistant,sans-serif;
    color:#016fac !important;
    line-height: 48px;
    letter-spacing: 1px;
    font-weight: 500 !important;
    font-size: 33px;
}

.ul.unstyled.d-md-flex.d-xl-block a {
    color:
    rgb(255, 255, 255);
    cursor: pointer;
    font-family: Assistant, sans-serif;
    font-size: 14px;
    font-weight: 700;
}


/*From Override*/

.footer .footer-col .footer-locations a,
.footer .footer-col .footer-locations a:nth-child(2n) {
    width: 40% !important;
}

.footer-client .footer-col .footer-text,
.footer-client .footer-col .footer-locations {
  display: inline-flex;
}

.footer-locations ul li,
.footer-locations ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
}

.footer-locations ul.firstrow,
.footer-locations ul.secondrow{
  line-height: 24px;
  width: 170px;
  margin-top: 5px;
}

.footer-locations ul.secondrow {text-align: right;}
.social.d-flex.align-items-center a {
    margin-right: 24px;
}

span.bigger ~ a {
    font-weight: 700;
}


.row.bannertext {margin-top: 60px !important;}

#complete_onboarding_task .control-label.col-sm-12 {
    text-align: left;
}

.row.bannertext p {
    text-align: center;
    font-family: Assistant,sans-serif;
    color:#016fac !important;
    line-height: 48px;
    letter-spacing: 1px;
    font-weight: 500 !important;
    font-size: 30px;
    margin-top: 30px;
  }

  .main-banner img {
    width: 100%;
}

.col-lg-5.col-md-5.col-sm-5.col-xs-4.careerslink a {
    margin: 20px 0;
}

.col-custom-md-6.offset-md-1.offset-lg-2.offset-xl-0.col-custom-xl-auto.footer-nav,
.footer-client .footer-col .footer-locations {
    height: 132px;
}

@media (max-width: 1499px) {

.col-custom-md-6.offset-md-1.offset-lg-2.offset-xl-0.col-custom-xl-auto.footer-nav, .footer-client .footer-col .footer-locations {padding: 0 40px;max-width: none;}

}


@media (max-width:1199px) {

  .footer-client .footer-col .footer-locations {padding: 0}

}



/* 17 fixes */
/* **part 1 no changes necessary to this section *** */
/*fixes responsive design issue where menu is wrong size for intermediate screen size*/
@media (min-width: 768px) and (max-width: 992px){
.navbar-nav ul.dropdown-menu {
   min-width: 460px;
   }
}

/*fixes select all checkbox alignment bug in my letters */
#my_letters_table th:first-child {
  text-align: start !important;
}

/*fixes wizard step horizontal alignment*/
.nav-justified > li {
  width: auto;
}

/*removes bottom border on tables, remove if cust design has fully enclosed tables*/
.datatable tr:last-child td {
  border-bottom-color: transparent !important;
}

/* modal header close button */
.modal-header .close {
  font-size: 22px !important;
  background-color: transparent !important;
  border:none;
  color:#000;
}

/* ** Part 2 changes may be necessary here ** */
/*pagination highlight colors - use prod color / button color */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus,
.pagination > .active > span:focus, .pagination > .disabled > span.paginateGrayedNumbers, .pagination > .disabled > span.paginateGrayedNumbers:active, .pagination > .disabled > span.paginateGrayedNumbers:hover, .pagination > .disabled > span.paginateGrayedNumbers:focus {
  background-color: #162636;
  border-color: #162636;
  color: #fff;
  cursor: default;
  z-index: 2;
}
.page-item.disabled .page-link {
  background-color: #162636;
  border-color: #162636;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.pagination .page-item.disabled a {
  color: #fff !important;
}

/* apply to this job button, facebook button colors. use customer button colors */
.btn-success, .btn-info {
  background-color: #162636;
	color: #fff !important;
	border-color: #162636 !important;
}

/* button hover colors. use customer button hover colors. */
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .btn-success:hover, .btn-info:hover, .btn-success:focus, .btn-info:focus, .btn-success:active, .btn-info:active  {
  color: #fff !important;
  background-color: #162636 !important;
  border-color: #162636 !important;
}

/* datepicker color - usually no change needed */
.input-group .btn i.fa-calendar {
  color: #333 !important;
}

/* background color for multi page application tabs - use button color */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #162636;
}

/* menu link colors */
#topmenu a.nav-link {
  color: #333;
}
.mm-col ul li a {
  color: #333 !important;
}
.mm-list-container li.nav-item:hover {
  background-color: #eee;
}


/*turns lens search button and ers button white*/
.btn .fa-binoculars.text-black, .btn .fa-dollar-sign.text-black  {
  color:#fff !important;
}


/* fixed interview invite calendar cell height */
.calendar_cell_slot.big .calendar td span, .calendar_cell_slot.full .calendar td span {
  height: 20px;
}

.form-horizontal .form-control-static {
  padding-top:5px;
}

/*DTM 18.0*/

.actions_td span.rowtools-ph i, 
.actions_td i.fas.fa-play-circle,
.actions_td i.fas.fa-ban,
td.actions_td i.fas.fa-check-square.select_cover_letter,
td.actions_td i.fas.fa-times,
td.actions_td i.fas.fa-check,
td.actions_td i.fas.fa-file-download,
td.actions_td i.fas.fa-pencil-alt,
td.actions_td i.fas.fa-binoculars,
td.actions_td i.fas.fa-unlock.text-gray,
td.actions_td i.fas.fa-play-circle,
td.actions_td i.fas.fa-envelope,
td.actions_td span.rowtools-ph i.icon-rowtools,
td.actions_td i.fas.fa-ban,
td.actions_td i.fas.fa-download  {
  color: #000;
}

#user_metrics_table .btn {
  background: transparent;
}

.popover {
  background: #fff;
}


.col-lg-4.col-md-4.col-sm-4.mm-mason {
  width: 100%;
  clear: left;
  max-width: 100%;
}

td.actions_td a i:hover, 
td.actions_td a.btn.btn-default:hover,
td.actions_td a i:focus, 
td.actions_td a.btn.btn-default:focus,
td.actions_td a i:active, 
td.actions_td a.btn.btn-default:active {
  background: transparent !important;
}

td.actions_td a:hover {
  background: transparent !important;
}
