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

#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;
}
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 {color: inherit;}
#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;}

}