:root {

    /* BRAND */
    --saek-dark: #071d33;
    --saek-navy: #0b3558;
    --saek-blue: #006fb8;
    --saek-cyan: #00c8e8;
    --saek-orange: #ff9d00;


    /* BACKGROUNDS */
    --saek-body-bg: #eef5fb;
    --saek-card-bg: rgba(255,255,255,.82);
    --saek-glass-dark: rgba(7,29,51,.92);


    /* TEXT */
    --saek-text: #142638;
    --saek-muted: #6b7c8f;


    /* UI */
    --saek-radius-sm: 12px;
    --saek-radius: 22px;
    --saek-radius-lg: 32px;


    /* SHADOWS */
    --saek-shadow:
        0 15px 40px rgba(10,40,80,.12);

    --saek-shadow-lg:
        0 30px 70px rgba(0,0,0,.22);

}

/***********************************************************************************/
/* ALERTS */
/***********************************************************************************/
.progress-module .alert-info{
    background:#EAF7FC!important;
    color:#075579!important;
    border: solid 1px #28A9E0!important;
}

/***********************************************************************************/
/* CAROUSELS BUTTONS */
/***********************************************************************************/
.carousel-indicators [data-bs-target]{
 background-color:#0D6FA8!important;
}

/***********************************************************************************/
/* JUMBOTRON TEXTS AND OTHERS IN HOME */
/***********************************************************************************/
#search_terms {
    background: transparent !important;
}
.ContentLeftNav {
    box-shadow: none !important;
}
.jumbotron-intro-text {
    margin-left: auto !important;
    margin-right: auto !important;
}
.eclassInfo {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/***********************************************************************************/
/* XARTOFULAKIO */
/***********************************************************************************/
.portfolio-profile-container {

    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 50px 60px;
    border-radius: 0 0 32px 32px;
    color: white;
    background:

        linear-gradient(
            135deg,
            rgba(3,22,45,.92),
            rgba(0,70,120,.80)
        ),
        url("../images/saek/saek_portfolio_profile_section.png") !important;
    background-size: cover;
    background-position: center;
    box-shadow:
        0 30px 80px rgba(0,0,0,.25);
}




/***********************************************************************************/
/* LOGIN PAGE */
/***********************************************************************************/
.login-main-section {
    min-height: 100vh;
    background-image: url("../images/login_background.png");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.form-homepage-login {
    max-width: 480px !important;
    width: 100% !important;
    background:transparent !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    box-shadow:
        0 25px 60px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.25);
    color: white;

}
.form-homepage-login h2 {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: .5px;
}
.form-homepage-login label {
    color: rgba(255,255,255,.9);
    font-weight: 600;
}
.login-form-submit {
    border: none;
    background:
        linear-gradient(
            135deg,
            #137587,
            #0067b1
        );
    color:white;
    font-size:1.1rem;
    font-weight:700;
    letter-spacing:.4px;
    transition:
        all .25s ease;
}
.login-form-submit:hover {
    transform:
        translateY(-2px);
    box-shadow:
        0 15px 30px rgba(0,201,232,.35);
}
.form-homepage-login a {
    color:#9eefff;
    font-weight:500;
}
.form-homepage-login a:hover {
    color:white;
}
.login-main-section .form-wrapper.form-edit {
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
}
.login-main-section h1 {
    display: none;
}
.login-main-section .form-wrapper.form-edit .form-label{
    color: white !important;
}