@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/* !!! GENERIC CLASSES !!! */
/* background color */
.tlk-apply-components-styling-context .tlk-apply-components-background-color {
    background-color: #f1f3f5;
}

/* font color on background */
.tlk-apply-components-styling-context .tlk-apply-components-font-color-on-background {
    color: #00448a;
}

/* main color */
.tlk-apply-components-styling-context .tlk-apply-components-main-color {
    background-color: #00448a;
}

/* font color on main */
.tlk-apply-components-styling-context .tlk-apply-components-main-font-color {
    color: #00448a;
}

/* main font color */
.tlk-apply-components-styling-context .tlk-apply-components-button-font-color {
    color: #ffffff;
}

/*border radius */
.tlk-apply-components-styling-context .tlk-apply-components-styling-border-radius {
    border-radius: 4px;
}

/* header background color */
.tlk-apply-components-styling-context .tlk-apply-components-header-background-color {
    background-color: #00448a;
}

/* header font color */
.tlk-apply-components-styling-context .tlk-apply-components-header-font-color {
    color: #ffffff;
}

/* !!! APPLY SPECIFIC STYLES !!! */
/* backgroundColor nad font family: */
body.tlk-apply-standalone {
    background: #f1f3f5;
    font-family: "Noto Sans", sans-serif;
}

.tlk-apply-components-styling-context {
    font-family: "Noto Sans", sans-serif;
}

/* main color: */
.tlk-apply-components-styling-context .apply-section-validated fieldset:not(.panel),
.tlk-apply-components-styling-context .apply-section-validated .dps {
    border-left-color: #00448a;
}

.tlk-apply-components-styling-context .btn-primary,
.tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .nav-menu-button  /* could be delete with FS RAC.MOBILE_MENU */ {
    background-color: #00448a;
    color: #ffffff;
    border-color: transparent;
}

.tlk-apply-components-styling-context .btn-primary:hover,
.tlk-apply-components-styling-context .btn-primary:focus,
.tlk-apply-components-styling-context .btn-primary:active,
.tlk-apply-components-styling-context .btn-primary:active:focus,
.tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .nav-menu-button:hover,  /* could be delete with FS RAC.MOBILE_MENU */
.tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .nav-menu-button:focus,  /* could be delete with FS RAC.MOBILE_MENU */
.tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .nav-menu-button:active,  /* could be delete with FS RAC.MOBILE_MENU */
.tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .nav-menu-button:active:focus  /* could be delete with FS RAC.MOBILE_MENU */ {
    background-color: #00448a;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0 0);
    color: #ffffff;
    border-color: transparent;
}

.tlk-apply-components-styling-context .btn-primary .material-icons,
.tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .nav-menu-button .material-icons  /* could be delete with FS RAC.MOBILE_MENU */ {
    color: #ffffff;
}

/* font color on background: */
.tlk-apply-components-styling-context .application-content .apply-application-title,
.tlk-apply-components-styling-context div[data-lumesse-apply-submission-accepted] .apply-submission-accepted > .apply-messages  {
    color: #00448a;
}


/* main font color: */
.tlk-apply-components-styling-context.lumesse-modal .ui-dialog .ui-dialog-title,
.tlk-apply-components-styling-context h2.tlk-configurable-main-font-color,
.tlk-apply-components-styling-context .lumesse-apply-resume-application-header,
.tlk-apply-components-styling-context #data-privacy-legend {
    color: #00448a;
}

/* border-radius: */
.tlk-apply-components-styling-context .btn-default,
.tlk-apply-components-styling-context .btn-primary,
.tlk-apply-components-styling-context .btn-cancel,
.tlk-apply-components-styling-context .lumesse-apply-resume-start-again-button,
.tlk-apply-components-styling-context .well,
.tlk-apply-components-styling-context .lum-apply-section fieldset,
.tlk-apply-components-styling-context .lum-apply-section .dps,
.tlk-apply-components-styling-context .lumesseBottomActionBar,
.tlk-apply-components-styling-context .panel,
.tlk-apply-components-styling-context .well .apply-sna-main .apply-fast-buttons-wrapper .apply-fast-button button,
.tlk-apply-components-styling-context .form-control,
.tlk-apply-components-styling-context.lumesse-modal .ui-dialog,
.tlk-apply-components-styling-context fieldset:not(.panel),
.tlk-apply-components-styling-context .dps,
.tlk-apply-components-styling-context .talentlink-apply-resume-application-content-container,
.tlk-apply-components-styling-context .has-error .error-block-container[should-display-border=true],
.tlk-apply-components-styling-context .apply-submission-accepted .apply-messages-with-confirmation {
    border-radius: 4px;
}

/* menu placement top styles: */
body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .navbar-header:not(.hosted-apply-menu-on-top-show-top-bar-background) /* could be delete with FS RAC.MOBILE_MENU */ {
    background-color: #f1f3f5;
}
body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .navbar-header.hosted-apply-menu-on-top-show-top-bar-background /* could be delete with FS RAC.MOBILE_MENU */ {
    background-color: #00448a;
}

body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .nav-menu-button, /* could be delete with FS RAC.MOBILE_MENU */
body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu:not(.hosted-apply-menu-on-top-show-top-bar-background)>.nav>li>a  /* could be delete with FS RAC.MOBILE_MENU */ {
    color: #00448a;
}
body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu.hosted-apply-menu-on-top-show-top-bar-background>.nav>li>a  /* could be delete with FS RAC.MOBILE_MENU */ {
    color: #ffffff;
}

body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu:not(.tlk-apply-components-header-background-color):not(.hosted-apply-menu-on-top-show-top-bar-background)>.nav>li a:after, /* could be delete with FS RAC.MOBILE_MENU */
body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .new-menu.apply-menu-container-top .apply-menu:not(.tlk-apply-components-header-background-color):not(.hosted-apply-menu-on-top-show-top-bar-background)>.nav>.nav-item a:after {
    background-color: #00448a;
}

body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu>.nav>li a:after, /* could be delete with FS RAC.MOBILE_MENU */
body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .new-menu.apply-menu-container-top .apply-menu>.nav>.nav-item a:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1021px) {
	body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .new-menu.apply-menu-container-top .apply-menu:not(.tlk-apply-components-header-background-color) {
        background-color: #f1f3f5;
    }
	body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .new-menu.apply-menu-container-top .apply-menu.tlk-apply-components-header-background-color {
        background-color: #00448a;
    }
}

@media screen and (max-width: 1020px) {
	body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .new-menu.apply-menu-container-top .apply-menu.tlk-apply-components-header-background-color {
        background-color: transparent;
    }
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-root-container] .branding-logo-container.tlk-apply-components-header-background-color:not(.branding-top-bar-logo-container) {
        padding-right: calc(100% - 20px);
    }
}

@media screen and (min-width: 1021px) {
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .lumesse-apply-menu:not(.tlk-apply-components-header-background-color)>.nav>li>a, /* could be delete with FS RAC.MOBILE_MENU */
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .new-menu.apply-menu-container .apply-menu:not(.tlk-apply-components-header-background-color)>.nav>.nav-item>a {
        color: #00448a;
    }
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .lumesse-menu-sidebar .lumesse-apply-menu>.nav>li>a, /* could be delete with FS RAC.MOBILE_MENU */
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .new-menu.apply-menu-container .apply-menu>.nav>.nav-item>a {
        color: #ffffff;
    }
}

@media screen and (max-width: 1198px) {
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu>.navbar-nav /* could be delete with FS RAC.MOBILE_MENU */{
        background-color: #f1f3f5;
    }
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu.hosted-apply-menu-on-top-show-top-bar-background>.nav>li>a  /* could be delete with FS RAC.MOBILE_MENU */ {
        color: #00448a;
    }
}

@media screen and (min-width: 1199px) {
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu:not(.hosted-apply-menu-on-top-show-top-bar-background) /* could be delete with FS RAC.MOBILE_MENU */ {
        background-color: #f1f3f5;
    }
    body.tlk-apply-standalone .tlk-apply-components-styling-context[data-talentlink-apply-menu-container] .navbar .lumesse-apply-menu.hosted-apply-menu-on-top-show-top-bar-background /* could be delete with FS RAC.MOBILE_MENU */ {
        background-color: #00448a;
        height: 60px;
    }
}