@font-face {
  font-family: 'Myriad-Pro';
  src: url('../fonts/MyriadWebPro.ttf');
}


*:focus {
    outline: 0;
}


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

/* general style */
#hrdesign-area #company_logo { display: none; }
#breadcrumbContainer { padding-left: 26px; }

#hrdesign-area .container {
    font-family: 'Myriad-Pro', 'Calibri', Arial, 'sans serif';
	font-size: 14px;
    line-height: 20px;
    /*width: auto;
	margin: 0;*/
    padding: 0;
}


.disabilityselfidtext, #field_diversity_eeo_disabled {
     font-family: 'Myriad-Pro', 'Calibri', Arial, 'sans serif';
  color: #000;
    font-size: 14px;

}



/* Headings */
#hrdesign-area h1,
#hrdesign-area h2,
#hrdesign-area h3,
#hrdesign-area h4,
#hrdesign-area h5,
#hrdesign-area h6 {
  font-family: 'Myriad-Pro', 'Calibri', Arial, 'sans serif';
	font-weight: normal;
	color: #1a5a96;
}


.btn {
  font-size: 14.4px;
  border-radius: 0;
}
.btn-link,
a, a:link {
  /*color: rgb(44,144,186);*/
  text-decoration: none;
  font-weight: normal;
  color: #1a5a96 ;
}
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: #003366;
  border-color: #003366;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 12px;
  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 {
  color: #fff;
  background-color: #003366;
  border-color: #003366;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 12px;
  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 {
  color: #fff;
  background-color: #003366;
  border-color: #003366;
  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: #003366;
  border-color: #003366;
}
.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: #003366;
}
.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%;
}

/*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: 45vh !important;}

/* popup window initialize */
body.popup_window { font-size:13px !important; font-family: 'Myriad-Pro', 'Calibri', Arial, '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: #000;
    outline: 0;
}

/* Table */

.datatable th a,
.table-responsive a.sortable::after,
table#jobSearchResultsGrid_table th {color: #666 !important;}

#jobSearchResultsGrid_table.datatable td.tdhighlight a span,
#jobSearchResultsGrid_table.datatable td span,
td.tdhighlight i {
    color: #000;
    text-decoration: underline;
}

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

.DynarchCalendar-hover-date,
.DynarchCalendar-day-selected,
.DynarchCalendar-day-today.DynarchCalendar-day-selected  {
    background-color: #003366;
    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;
}

#header-links > ul li > a {
    padding: 0;
    background: transparent;
}


#shareButton { display: none;}

/*Menu ATS*/
#topmenu li.dropdown { position: relative;}
#topmenu li.dropdown:hover a + ul.dropdown-menu,
#topmenu li.dropdown a + ul.dropdown-menu { display: none !important;}

#topmenu li.dropdown:hover a[aria-expanded="true"] + ul.dropdown-menu,
#topmenu li.dropdown a[aria-expanded="true"] + ul.dropdown-menu { display: block !important;}




#govNavMenu a {
    color: #333333;
    padding-left: 15px;
    padding-right: 15px;
    width: 300px;
    background-color: transparent;
    font-size: 13px;
    line-height: 13px;
    border: none;
}

.menu_suggestion_form {
    display: none;
}


#main-content {
    margin-bottom: 80px;
}



/*Menu CUSTOM*/

#govMainMenu {
    display: none;
}

#header .menu-button:hover + #govNavMenu nav#govMainMenu {
    /* background-color: #5475A7; */
    display: block !important;
}

#govNavMenu:hover + nav#govMainMenu { display: block !important;}
#govMainMenu:hover {
    display: block;
}
#header .menu-button:hover + #govMainMenu {display: block !important;}

#footerCollapsible {height: 358px;}

/*Footer*/
a.footerExpand:hover + #footerCollapsible {display: block !important;}

/*************************MENU DROPDOWN BURGER ICON*************************/

/*British Columbians & Our Governments*/
li.hassub.clearfix.british a:hover + .British.Columbians.\&.Our.Governments.issub,
.hassub.clearfix.british:hover + .British.Columbians.\&.Our.Governments.issub,
.level-trigger:hover + .British.Columbians.\&.Our.Governments.issub,
.British.Columbians.\&.Our.Governments.issub:hover {
    display: block !important;
}


/*Health*/
li.hassub.clearfix.health a:hover + .Health.issub,
.hassub.clearfix.health:hover + .Health.issub,
.level-trigger:hover + .Health.issub,
.Health.issub:hover {
  display: block !important;
}


/*Birth Adoption*/
li.hassub.clearfix.birth a:hover + .Birth\,.Adoption\,.Death\,.Marriage.\&.Divorce.issub,
.hassub.clearfix.birth:hover + .Birth\,.Adoption\,.Death\,.Marriage.\&.Divorce.issub,
.level-trigger:hover + .Birth\,.Adoption\,.Death\,.Marriage.\&.Divorce.issub,
.Birth\,.Adoption\,.Death\,.Marriage.\&.Divorce.issub:hover {
  display: block !important;
}


/*Education**/
li.hassub.clearfix.education a:hover + .Education.\&.Training.issub,
.hassub.clearfix.education:hover + .Education.\&.Training.issub,
.level-trigger:hover + .Education.\&.Training.issub,
.Education.\&.Training.issub:hover {
  display: block !important;
}


/*Driving*/
li.hassub.clearfix.driving a:hover + .Driving.\&.Transportation.issub,
.hassub.clearfix.driving:hover + .Driving.\&.Transportation.issub,
.level-trigger:hover + .Driving.\&.Transportation.issub,
.Driving.\&.Transportation.issub:hover {
  display: block !important;
}


/*Public Safetly*/
li.hassub.clearfix.public a:hover + .Public.Safety.\&.Emergency.Services.issub,
.hassub.clearfix.public:hover + .Public.Safety.\&.Emergency.Services.issub,
.level-trigger:hover + .Public.Safety.\&.Emergency.Services.issub,
.Public.Safety.\&.Emergency.Services.issub:hover {
display: block !important;
}

/*Law*/
li.hassub.clearfix.law a:hover + .Law\,.Crime.\&.Justice.issub,
.hassub.clearfix.law:hover + .Law\,.Crime.\&.Justice.issub,
.level-trigger:hover + .Law\,.Crime.\&.Justice.issub,
.Law\,.Crime.\&.Justice.issub:hover {
  display: block !important;
}

/*Taxes*/

li.hassub.clearfix.taxes a:hover + .Taxes.\&.Tax.Credits.issub,
.hassub.clearfix.taxes:hover + .Taxes.\&.Tax.Credits.issub,
.level-trigger:hover + .Taxes.\&.Tax.Credits.issub,
.Taxes.\&.Tax.Credits.issub:hover {
  display: block !important;
}


/*Housing*/
li.hassub.clearfix.housing a:hover + .Housing.\&.Tenancy.issub,
.hassub.clearfix.housing:hover + .Housing.\&.Tenancy.issub,
.level-trigger:hover + .Housing.\&.Tenancy.issub,
.Housing.\&.Tenancy.issub:hover { display: block !important;}

/*Sports*/
li.hassub.clearfix.sports a:hover + .Sports\,.Recreation\,.Arts.\&.Culture.issub,
.hassub.clearfix.sports:hover + .Sports\,.Recreation\,.Arts.\&.Culture.issub,
.level-trigger:hover + .Sports\,.Recreation\,.Arts.\&.Culture.issub,
.Sports\,.Recreation\,.Arts.\&.Culture.issub:hover { display: block !important;}


/*Environmental*/
li.hassub.clearfix.environmental a:hover + .Environmental.Protection.\&.Sustainability.issub,
.hassub.clearfix.environmental:hover + .Environmental.Protection.\&.Sustainability.issub,
.level-trigger:hover + .Environmental.Protection.\&.Sustainability.issub,
.Environmental.Protection.\&.Sustainability.issub:hover { display: block !important}

/*Farming*/
li.hassub.clearfix.farming a:hover + .Farming\,.Natural.Resources.\&.Industry.issub,
.hassub.clearfix.farming:hover + .Farming\,.Natural.Resources.\&.Industry.issub,
.level-trigger:hover + .Farming\,.Natural.Resources.\&.Industry.issub,
.Farming\,.Natural.Resources.\&.Industry.issub:hover { display: block !important;}

/*Employment Business*/
li.hassub.clearfix.employment a:hover + .Employment\,.Business.\&.Economic.Development.issub,
.hassub.clearfix.employment:hover + .Employment\,.Business.\&.Economic.Development.issub,
.level-trigger:hover + .Employment\,.Business.\&.Economic.Development.issub,
.Employment\,.Business.\&.Economic.Development.issub:hover {display: block !important}

/*Tourism*/
li.hassub.clearfix.tourism a:hover + .Tourism.\&.Immigration.issub,
.hassub.clearfix.tourism:hover + .Tourism.\&.Immigration.issub,
.level-trigger:hover + .Tourism.\&.Immigration.issub,
.Tourism.\&.Immigration.issub:hover { display: block !important;}


/*Family*/
li.hassub.clearfix.family a:hover + .Family.\&.Social.Supports.issub,
.hassub.clearfix.family:hover + .Family.\&.Social.Supports.issub,
.level-trigger:hover + .Family.\&.Social.Supports.issub,
.Family.\&.Social.Supports.issub:hover { display: block !important;}


/*Data*/
li.hassub.clearfix.data a:hover + .Data.issub,
.hassub.clearfix.data:hover + .Data.issub,
.level-trigger:hover + .Data.issub,
.Data.issub:hover { display: block !important;}


h1.nowrap {
    margin-top: 30px;
}

div#successOrFail, #masqueradeParent {
    top: 100px;
}



/*Add underline to hyperlinks*/

#my_notifications a {
    text-decoration: underline;
}

.candidate_offers a,
.table-responsive td a {
    text-decoration: underline !important;
}

.table.datatable > thead > tr > th {
    text-align: left;
}

.actions_td ul li a {
    text-decoration: none !important;
}


div#successOrFail, #masqueradeParent {
    top: 320px;
}

.custom-mobile-menu {display: none;}

.custom-mobile-menu #mmenu {
    background: transparent;
}

.custom-mobile-menu .navbar-toggle {
    border: none;
}

.custom-mobile-menu .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.custom-mobile-menu .navbar-default .navbar-toggle:hover,
.custom-mobile-menu .navbar-default .navbar-toggle:focus {background-color: transparent;}

.custom-mobile-menu .navbar-default .navbar-nav > .open > a,
.custom-mobile-menu .navbar-default .navbar-nav > .open > a:hover,
.custom-mobile-menu .navbar-default .navbar-nav > .open > a:focus,
.custom-mobile-menu .navbar-default .navbar-nav > li > a:hover {background-color: transparent; color: #fff;}

.custom-mobile-menu .navbar-default .navbar-nav > li > a {color: #fff;}

.custom-mobile-menu .navbar-nav .open .dropdown-menu > li > a,
.custom-mobile-menu .navbar-nav .open .dropdown-menu .dropdown-header,
.custom-mobile-menu .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}



@media (max-width: 768px) {
  .custom-mobile-menu {display: block;}

}




/*200930-000862 #777 adjust to #666*/


/*Log In Page*/

.text-muted {
    color: #666 !important;
}

.returning-user-instructions > p > strong > span {
    color: #C0392B !important;
}

/*Resume Submission History*/

.table.datatable > thead > tr > th {color: #666 !important;}

/*Change Username/Password*/

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #666 !important;
}

/*User Account Details*/

/*Step 1 all fields indicated in red*/

h3 ~ hr.hr-wide ~ p > span {
    color: #C0392B !important;
}

#uploadResumeForm .btn-file {
	padding: 6px 16px 0 16px;
}
#tempAttachment .btn-file {
	padding: 9px 16px 0 16px;
}



/*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;
}


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;
}

#user_metrics_table .btn {
  background: transparent;
}

.popover {
  background: #fff;
}

#dropdownMenuButton {
  padding: 5px;
  color: #fff;
  background-color: #0055a5;
  border-color: #0055a5;
}

.tooltip {
    font-size: 12px;
}