/* BEGIN Font family definitions (Montserrat) --------- */

/* Thin -- */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: local('Montserrat Thin'), local('Montserrat-Thin'), url("../fonts/montserrat/Montserrat-Thin.60d27dbe7afa.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Thin Italic -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: local('Montserrat ThinItalic'), local('Montserrat-ThinItalic'), url("../fonts/montserrat/Montserrat-ThinItalic.09e9a03b6122.woff2") format('woff2');
  /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}

/* Extra Light (200) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url("../fonts/montserrat/Montserrat-ExtraLight.62b90633d810.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/*  Extra Light Italic (200) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: local('Montserrat ExtraLightItalic'), local('Montserrat-ExtraLightItalic'), url("../fonts/montserrat/Montserrat-ExtraLightItalic.1c0cda63c526.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Light (300) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url("../fonts/montserrat/Montserrat-Light.19ac4cba5df5.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/*  Light Italic (300) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: local('Montserrat LightItalic'), local('Montserrat-LightItalic'), url("../fonts/montserrat/Montserrat-LightItalic.7cb5b5cdbace.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Regular (400) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url("../fonts/montserrat/Montserrat-Regular.8030c4bd7c99.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/*  Italic (400) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url("../fonts/montserrat/Montserrat-Italic.ce1550a792e0.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}


/* Medium (500) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url("../fonts/montserrat/Montserrat-Medium.4fc142ae24cb.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Medium Italic (500) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local('Montserrat MediumItalic'), local('Montserrat-MediumItalic'), url("../fonts/montserrat/Montserrat-MediumItalic.b5ab5edad0ee.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Semi-Bold (600) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url("../fonts/montserrat/Montserrat-SemiBold.14eeabe0485c.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Semi-Bold Italic (600) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local('Montserrat SemiBoldItalic'), local('Montserrat-SemiBoldItalic'), url("../fonts/montserrat/Montserrat-SemiBoldItalic.9983119e841c.woff2") format('woff2');
  /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}

/* Bold (700) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url("../fonts/montserrat/Montserrat-Bold.3255356e2ef8.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Bold Italic (700) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: local('Montserrat BoldItalic'), local('Montserrat-BoldItalic'), url("../fonts/montserrat/Montserrat-BoldItalic.8be3f8f48dc0.woff2") format('woff2');
  /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}

/* Extra Bold (800) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url("../fonts/montserrat/Montserrat-ExtraBold.3dcf579c3045.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Extra Bold Italic (800) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: local('Montserrat ExtraBoldItalic'), local('Montserrat-ExtraBoldItalic'), url("../fonts/montserrat/Montserrat-ExtraBoldItalic.61f2257f6bf4.woff2") format('woff2');
  /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}

/* Black (900) --*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'), url("../fonts/montserrat/Montserrat-Black.f8c7a005e3c8.woff2") format('woff2');
  /*unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
}

/* Black Italic (900) -- */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: local('Montserrat BlackItalic'), local('Montserrat-BlackItalic'), url("../fonts/montserrat/Montserrat-BlackItalic.30e476593471.woff2") format('woff2');
  /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}

/* END Font family definitions (Montserrat) ----------- */

/* Global variables definitions -- */
:root {

    /* Color palette --*/
    --seablue-corporate-light-grey: #f6f4f3;
    --seablue-corporate-soft-grey: #dfdfdf;
    --seablue-corporate-grey: #b5b5b4;
    --seablue-corporate-dark-grey: #323232;
    --seablue-corporate-blue: #1925c7;
    --seablue-corporate-yellow: #ecb129;
    --seablue-corporate-light-blue: #caceed;
    --seablue-corporate-semi-blue: #3cae7e;
    --seablue-corporate-intense-blue: #2a3bb8;
    --seablue-corporate-dark-blue: #001E60;
    --primary: #007bff;

    --success: #28a745;
    --secondary: #6c757d;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #17a2b8;
    --light: #f8f9fa;
    --dark: #343a40;


}


/* Browser scrollbar -- */
body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-button:single-button,
body::-webkit-scrollbar-button:vertical {
  background-color: var(--seablue-corporate-grey);    /* color of the scroll thumb */
}

body::-webkit-scrollbar-track {
  background: var(--seablue-corporate-grey);        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: var(--seablue-corporate-light-grey);    /* color of the scroll thumb */
  border-radius: 10px;       /* roundness of the scroll thumb */
  border: 1px solid var(--seablue-corporate-light-grey);  /* creates padding around scroll thumb */
}

/* Corporate typography --*/
body, p, h1, h2, h3, h4, h5, h6, label, li, small {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
    /* Corporate color classes -- */
.corporate-blue {
    color: var(--seablue-corporate-blue);
}

.corporate-dark-blue {
    color: var(--seablue-corporate-dark-blue);
}

.corporate-yellow {
    color: var(--seablue-corporate-yellow);
}

.corporate-light-blue {
    color: var(--seablue-corporate-light-blue);
}


/* Buttons -- */
.pagination > .page-item > a {
    border-radius: 20px;
    margin: 0 0.15rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.btn-primary,
.pagination > .active > a,
.dt-button,
.panel-primary > .panel-heading,
.bg-primary {
    color: #fff !important;
    background-color: var(--seablue-corporate-blue) !important;
    border-color: var(--seablue-corporate-blue) !important;
    text-decoration: none !important;
}

.btn-primary,
.pagination > .active > a,
.dt-button,
.panel-primary > .panel-heading,
.bg-primary {
    border-radius: 20px;
}

.title .btn-primary {
    border-color: white !important;
}

table .btn-primary {
    border-radius: 4px;
}

.btn-primary:hover,
.pagination > .active > a:hover,
.dt-button:hover,
.panel-primary > .panel-heading:hover,
.bg-primary:hover {
    color: #fff !important;
    background-color: var(--seablue-corporate-dark-blue) !important;
    border-color: var(--seablue-corporate-dark-blue) !important;
    text-decoration: none !important;
}

.btn-primary-file-upload {
    background-color: var(--seablue-corporate-soft-grey) !important;
    color: #333333;
    border-radius: 20px;
}

.btn-primary-file-upload:hover {
    background-color: var(--seablue-corporate-grey) !important;
    color: #333333;
}

.btn-danger,
.panel-danger > .panel-heading,
.bg-danger {
    border-radius: 20px;
}

.btn-success {
    border-radius: 20px;
}

table .btn-success {
    border-radius: 4px;
}

.btn-group>.btn-group:first-child>.btn, .btn-group>.btn:first-child:not(.dropdown-toggle) {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.btn-group>.btn-group:last-child>.btn, .btn-group>.btn:last-child:not(.dropdown-toggle) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.btn-info {
    border-radius: 20px;
}

table .btn-info {
    border-radius: 4px;
}

.btn-light {
    border-radius: 20px;
}

table .btn-light {
    border-radius: 4px;
}

table .btn-danger {
    border-radius: 4px;
}

/* Header -- */
.encabezado {
    /*background: var(--seablue-corporate-light-grey);*/
    background: var(--seablue-corporate-blue);
    /*-webkit-box-shadow: inset 15px 5px 7px -4px rgba(0,0,0,0.4);*/
    /*box-shadow: inset 15px 5px 7px -4px rgba(0,0,0,0.4);*/
    box-shadow: inset 4px -17px 15px -6px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 4px -17px 15px -6px rgba(0,0,0,0.4);
}

.ucastyle-encabezado {
    /*-webkit-box-shadow: inset 0 5px 7px -4px rgba(0,0,0,0.4);*/
    /*box-shadow: inset 0 5px 7px -4px rgba(0,0,0,0.4);*/
    /*border-bottom: 3px solid var(--seablue-corporate-blue);*/
}

.encabezado h2 {
    color: white !important;
    font-weight: 600;
    letter-spacing:0;
    line-height: 0.8em;
    padding-top:0.65em;
}

small.encabezado-small-text {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
}

.badge-entorno {
    display: inline-block;
    padding: .45em .6em;
    font-size: 45%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: #a94442;
    color: white;
    margin-top: -20px;
}

.seaeu-header-logo {
    margin-top: 20px;
}

/* Responsive logo -- */
.responsive-logo-brand {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    border: 2px solid #c5cacd;
    border-radius: 100%;
    padding: 0.2em;
    display: none;
}

/* Responsive menu toggler (burger) -- */
.navbar-toggler {
    /*color: #c5cacd !important;*/
    color: var(--seablue-corporate-blue) !important;
    /*background: #384850 !important;*/
    background: white !important;
    border: 1px solid #c5cacd !important;
    padding: 0.5em;
    position: absolute;

    /*left: 1rem;*/
    left: 4.0rem !important;
    /*top: 7.75rem;*/
    top: 0.5rem !important;
    z-index: 110000;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.navbar-toggler:hover {
    /*color: #c5cacd !important;*/
    color: white !important;
    /*background: #384850 !important;*/
    background: var(--seablue-corporate-blue) !important;
    border-color: white !important;
}

.ucastyle-navbar-toggler {
    max-width: 3rem;
    max-height: 3rem;
}

/* Auth info. in header -- */
.ucastyle-auth-fluid,
.ucastyle-auth-fluid > a,
.ucastyle-auth-fluid > div > a {
    color: white !important;
}

.ucastyle-auth-fluid > li > a:hover,
.ucastyle-auth-fluid > div > li > a:hover {
    color: white !important;
}

 .auth-links {
     list-style: none;
 }

 .auth-links li a:hover {
     color: white;
 }


 .auth-links li a {}

.badge-secondary {
    background-color: white !important;
    margin-left: 0.3em;
    color: var(--seablue-corporate-blue);
}

/* Links -- */
a {
    color: var(--seablue-corporate-blue);
}

a:hover {
    color: var(--seablue-corporate-dark-blue);
}

/* Navigation -- */
.ucastyle-vertical-menu #navegacion > #uca_nav_1 > ul > li.active > a,
.ucastyle-vertical-menu .navegacion > .uca_nav_1 > ul > li.active > a {
    background-color: var(--seablue-corporate-blue);
}

/* Application Status --- */
.application-status {
    padding: 5px 10px;
    border-radius: 4px;
    font-size:0.725rem;
    font-weight: 600;
}

.application-status-DRAFT {
    background-color: var(--seablue-corporate-light-blue);
}

.application-status-SUBMITTED {
    background-color: var(--seablue-corporate-semi-blue);
    color: white;
}
.application-status-VALIDATED {
    background-color: #006dcc;
    color: white;
}
.application-status-EVALUATING {
    background-color: #1d6b6c;
    color: white;
}

.application-status-INCORRECT,
.application-status-CORRECTING {
    background-color: #db5b5b;
    color: white;
}
.application-status-CORRECTED {
    background-color: #e193e6;
    color: white;
}
.application-status-REEVALUATED,
.application-status-EVALUATED {
    background-color: var(--seablue-corporate-semi-blue);
    color: white;
}
.application-status-REEVALUATING {
    background-color: #2bb6a6;
    color: white;
}
.application-status-APPEALED {
    background-color: #dba45b;
    color: white;
}
.application-status-ASSIGNED {
    background-color: #07cf7f;
    color: white;
}
.application-status-ACCEPTED {
    background-color: var(--seablue-corporate-blue);
    color: white;
}

/* Call Status --- */
.call-status {
    padding: 5px 10px;
    border-radius: 4px;
    font-size:0.725rem;
    font-weight: 600;
}

/* Call Phase --- */
.call-phase {
    font-size: 0.725rem !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

.call-status-DRAFT {
    background-color: var(--seablue-corporate-light-blue);
}

.call-status-APPLYING {
    background-color: var(--seablue-corporate-semi-blue);
    color: white;
}

.call-status-CORRECTING {
    background-color: #db5b5b;
    color: white;
}

.call-status-EVALUATING {
    background-color: #1d6b6c;
    color: white;
}

.call-status-CLOSED {
    background-color: var(--seablue-corporate-intense-blue);
    color: white;
}

.call-status-APPEALING {
    background-color: #5bbddb;
    color: white;
}


.call-status-ASSIGNING {
    background-color: #38b11e;
    color: white;
}

.call-status-ACCEPTING {
    background-color: #b1761e;
    color: white;
}

/* Buttons ---- */

.delete-section {
    /* This is a special use case, we need to apply the 20px border-radius
    only to bottom sides  and default border-radius values to top sides (left and right)
    to properly acommodate delete button into right top corner of the section in the UCAGenform */
    border-radius: .25rem;
}

/* Help info. icon in UCAform labels -- */
.help-icon {
}

/* Breadcrumbs -- */
.ucastyle-main-toggler,
ol.breadcrumb li a {
    color: var(--seablue-corporate-blue);
}

/* Support link (integrated in Breadcrumbs bar) -- */
.alert-warning {
    color: var(--seablue-corporate-blue);
    background-color: transparent;
    border: 2px solid var(--seablue-corporate-blue);
    padding: 0 8px 2px 8px;
    border-radius: 20px;
    margin-top: 0.4rem;
    margin-bottom: 0.7rem;
    margin-right:15px;
}

.alert-warning > a {
    padding-left: 0.2rem;
    font-size: 0.85rem;
}

.alert-warning:hover, .alert-warning:hover > a {
    color: white;
    background-color: var(--seablue-corporate-blue);
    text-decoration: none;
}

.help-button > .fa-user-question {
    background: var(--seablue-corporate-blue);
    color: white;
}

.help-button:hover .fa-user-question {
    background: white;
    color: var(--seablue-corporate-blue);
}

.help-button .fa-user-question {
    /*border: 4px solid;*/
    /*border-radius: 50%;*/
    padding: 0.3em 0.2em;
    /*background: #fff6df;*/
    /*position: absolute;*/
    /*left: -2.2em;*/
    /*top: -0.05em;*/
}

.fa-user-question {
    /*margin-top: -0.3em;*/
}

/* Application -------------------- */
#toggleDiv {
  padding: 20px;
  background-color: lightblue;
  border: 1px solid blue;
  margin-top: 10px;
}

.hidden {
  display: none !important;
}

/* Footer -- */
#pie {
    background: var(--seablue-corporate-light-grey) !important;
}

.ucastyle-pie {
    background: var(--seablue-corporate-light-grey) !important;
}

.footer, .footer strong, .footer a {
    background: var(--seablue-corporate-light-grey) !important;
    color: var(--seablue-corporate-blue);
    font-size:12px;
}

.ucastyle-pie #copyright {
    background: var(--seablue-corporate-light-grey) !important;
}

.seaeu-footer-logo {
    padding-bottom:20px;
}

.footer .col-md-4:not(:last-child),
.footer .col-md-6:not(:last-child) {
    border-right: 1px dashed var(--seablue-corporate-light-blue);
    padding-right:10px;
}

.footer > div > h4 > strong {
    font-size:.9rem;
}

.footer > div > ul {
    list-style:none;
    margin-left:0;
    padding-left: 0;
}

/* List of University logos at footer -- */
.sea-eu-universities {
    list-style-type: none;
    margin-top: 15px;
    padding-left: 15px;
    opacity: 0.7;
}

.sea-eu-universities > li > img {
    height: 70px;
}

.sea-eu-universities > li {
    float: left;
    margin-right: 10px;
}

/* Logo Co-funded by EU -- */
.cofunded-by-european-union-logo {
    padding-top:15px;
}

/* Bottom footer -- */
.bottom-footer {
    background: var(--seablue-corporate-blue);
    position: fixed;
    color: white;
    bottom: 0;
    width: 100%;
    height: 2rem;
    left:0;
    padding: 8px 0;
    text-align: left;
    z-index:999;
    margin-top:40px;
}

.ue-footer-text {
    padding-top:10px;
    text-align: justify;
}

.faldon {
    background: var(--seablue-corporate-blue);
    left:0;
    width: 100%;
    position: absolute;
    display: flex;
    padding-top:5px;
    justify-content: space-between;
}

.faldon > div > span {
    color: white;
}

/* Back to Top -- */
#btn-back-to-top {
    background: var(--seablue-corporate-blue) !important;
}

/* Main title of sections ------------------------- */
.title {
    background-color: var(--seablue-corporate-blue) !important;
    color: white !important;
}

.title > div > h2 > strong {
    color: white !important;
}

/* Carousel (Home) ------------------------- */
.carousel {
    border: none !important;
}

.carousel-caption {
    background-color: white;
    opacity: 0.85;
    bottom: 80px;
    top: 80px;
    color: var(--seablue-corporate-blue);
    padding-bottom: 20px !important;
    padding-left: 40px;
    padding-right: 40px;
}

.carousel-caption > p,
.carousel-caption > p > strong,
.carousel-caption > h1,
.carousel-caption > h2,
.carousel-caption > h3,
.carousel-caption > h4,
.carousel-caption > h5,
.carousel-caption > h6,
.carousel-caption > h1 > strong,
.carousel-caption > h2 > strong,
.carousel-caption > h3 > strong,
.carousel-caption > h4 > strong,
.carousel-caption > h5 > strong,
.carousel-caption > h6 > strong {
    color: var(--seablue-corporate-blue);
}


/* Registration form ------------- */
label.form-check-label > strong.mandatory-field {
    border: 1px solid red;
    padding: 4px 8px;
    color: red;
    text-transform: uppercase;
    font-size: 0.8rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 0.4rem;
}

/* Modal windows -- */
.modal-header {
    background: var(--seablue-corporate-blue);
    color: white;
}

.close, .close:hover {
    color: white;
}

.modal-body {
    padding: 2.5rem;
}

.modal-body h5 {
    color: var(--seablue-corporate-blue);
}

.modal-footer > .btn-light {
    background-color: var(--seablue-corporate-blue);
    color: white;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}

div.form-group ul.errorlist > li > strong {
    color: #721c24;
}

/* Applications ------------------ */

/* Application info -- */
.application-info-row {
    display: flex !important;
    column-gap: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.application-info-left-column {
    flex-direction: column;
    width: 650px;
    flex: 0 0 350px;
    /*border-radius: 6px;*/
    /*padding: 40px;*/
    /*border: 1px solid var(--seablue-corporate-blue);*/
}

.programme-cover {
    border-radius: 10px;
}

.application-info-right-column {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

/* New application form -- */
.application-form-row {
    display: flex !important;
    column-gap: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.application-form-left-column {
    flex-direction: column;
    width: 450px;
    flex: 0 0 450px;
    border: 2px solid var(--seablue-corporate-blue);
    border-radius: 6px;
    background-color: var(--seablue-corporate-blue) !important;
    color: white !important;
    padding: 20px 40px;
    z-index:100;
}

#programmeReq {
    background-color: white;
}


button#requirements-toggler {
    background: var(--seablue-corporate-blue);
    color: white;
    border:none;
    border-radius: 4px;
    padding: 4px 8px;
}

.application-toggler {
    background: var(--seablue-corporate-blue);
    color: white;
    border:none;
    border-radius: 4px;
    padding: 4px 8px;
}

.evaluations-toggler {
    background: var(--seablue-corporate-blue);
    color: white;
    border:none;
    border-radius: 4px;
    padding: 4px 8px;
}

.sticky {
    top: 0;
    position: sticky;
    padding-top: 20px;
}

.sticky > ul > li > p > strong {
    color: white;
}

.application-form-right-column {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.clock {
    display: inline-block;
    border-radius: 6px;
    font-size: 0.8rem;
    color: white;
    text-align: left;
}

.clock-titlebar {
    background-color: white;
    color: var(--seablue-corporate-blue);
    padding: 3px 8px 3px 8px;
    text-align: center;
    font-weight: bold;
}

.clock-content {
    color: white;
    padding: 10px;
}

.local-clock {
    margin-left:10px;
}

.date-server, .date-local {
    font-weight: normal;
}

.time-container {
    justify-content: start;
    align-items: flex-start;
    font-weight: normal;
}

.date-local {
    margin-right: 10px;
}

.server-clock {
    width: fit-content;
    display: inline-block;
}

/* Call Listings ----- */
.badge-number-of-listings {
    background-color: var(--seablue-corporate-blue) !important;
    margin-left: 0.3em;
    color: white !important;
}

/* Call Listing Type --- */
.listing-type-PROVISIONAL,
.listing-type-FINAL {
    padding: 5px 10px;
    border-radius: 4px;
    font-size:0.725rem;
    font-weight: 600;
    border: 1px solid var(--seablue-corporate-blue);
}

.listing-type-PROVISIONAL {
    background-color: white;
    color: var(--seablue-corporate-blue) !important;
}

.listing-type-FINAL {
    background-color: var(--seablue-corporate-blue);
    color: white;
}

/* Call Listing Stage --- */
.listing-stage {
    padding: 5px 10px;
    border-radius: 4px;
    font-size:0.725rem;
    font-weight: 600;
    border: 1px solid var(--success);
}

.listing-stage-VALIDATION {
    background-color: white;
    color: var(--success) !important;
}

.listing-stage-EVALUATION {
    background-color: var(--success);
    color: white;
}

.listing-stage-ASSIGNMENT {
    background-color: #2ca0c5;
    color: white;
}


/* Note for applicants: correction applications ---- */
.important-note-correction {
    border: 1px solid red;
    border-radius: 4px;
    padding: 10px;
    color: red;
}

.important-note-correction > strong {
    color: red;
}

/* Help & Support page ----------- */
.card-header:hover {
    background-color: #edeeef;
}

.btn-link:hover {
    text-decoration:none;
}

/* Applications form - Text area field (Permanent address) ---- */
#id_permanent_address {
    height: 5em !important;
}

div.info-form {
    font-style: italic;
    color: grey;
}