/* Animation Background Bleu - Page Login */
.bg {
    animation: slide 4s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #264e82 50%, #021631 50%);
    bottom: 0;
    left: -80%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1;
}

.bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 5s;
}

.bg3 {
    animation-duration: 6s;
}

/*Header Style*/
h3.kt-login__title {
    text-align: center;
}

.custom-container {
    min-height: 100vh;
    display: flex!important;
    flex-direction: column!important;
}

.custom-content {
    width: 600px!important;
    flex-grow:1!important;
}

div#login-background {
    background-color: rgba(256, 256, 256, 0.85);
    padding: 0 2rem;
    border-radius: 15px;
    -webkit-box-shadow: 5px 5px 4px 5px rgba(0,0,0,0.08);
    box-shadow: 5px 5px 4px 5px rgba(0,0,0,0.08);
}

/*Footer style*/
.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    /*position:absolute;*/
    /*bottom:0;*/
    width:100%;
    height:60px;
    padding: 0 1rem;
    z-index: 1;
}

.kt-login__copyright {
    color: grey;
}

@keyframes slide {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(25%);
    }
}

/* Taille Logo Si2P - Page Login */
.kt-login.kt-login--v1 .kt-login__aside .kt-login__logo img {
    max-width: 500px;
}

/* Diminution espace "Connexion" - Page Login*/
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title {
    margin-bottom: 1rem;
}

/* Ligne en dessous de "Connexion" - Page Login*/
.kt-login__form hr {
    border-top-color: #264e82;
    border-top-width: 3px;
}

/* Style Connexion - Page Login*/
.kt-login__title h3 {
    /* font-family: Lato; */
    font-size: 1.2rem;
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__title {
    font-size: 1.5rem;
}

.login-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-fullwidth {
    width: 100%;
}

#kt_login {
    width: 100%;
}

#logo_container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title>h3 {
    font-size: 1.5rem;
    font-weight: bold;
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group .form-control {
    height: 30px;
    background-color: white;
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions {
    align-items: flex-end;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

/*Connexiion sans mail*/
label.kt-radio.kt-radio--brand {
    color: white;
}


/* Bouton Connexion Animation - Page Login */
.btn-brand {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    z-index: 1;
    border-color: #264e82;
}

.btn-brand::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    z-index: -2;
    background: #264e82;

}

.btn-brand:hover {
    border-color: #264e82 !important;
}

.btn-brand::before {
    content: "";
    position: absolute;
    transition: 0.5s ease-in-out;
    top: 0;
    right: -50px;
    bottom: 0;
    z-index: -1;
    left: 0;
    border-right: 50px solid transparent;
    border-top: 80px solid #021631;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.btn-brand:hover::before {
    transform: translateX(0);
}

/* Bouton MDP Oublié Animation - Page Login */
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover {
    color: #021631;
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover:after {
    border-bottom: 1px solid #021631;
    opacity: 0.3;
}

/* Couleur de fond du menu - Page Accueil - Affichage PC */
@media (min-width: 1025px) {
    .kt-header {
        background: #fff !important;
    }

    /* Hauteur du menu - Page Accueil - Affichage PC */
    .w-100 {
        width: 70% !important;
    }

    .kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-text {
        color: #021631 !important;
        text-transform: uppercase;
    }


    .kt-header__topbar-welcome {
        color: #021631 !important;
    }

    .kt-header__topbar-username {
        color: #021631 !important;
    }

    .kt-header__topbar-icon {
        background-color: #264e82 !important;
    }

    /* Animation Onglets Menu - Page Accueil - Affichage PC */
    .kt-menu__item a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        border-bottom: 3px solid transparent;
    }

    .kt-menu__item a:hover {
        border-bottom: 3px solid #021631;
    }

    .kt-menu__item a.active {
        border-bottom: 3px solid #021631;
    }

    .kt-user-card {
        background-image: none !important;
        background-color: #264e82 !important;
    }

    .kt-font-success {
        color: #fff !important;
    }

    .kt-notification__item-icon .kt-font-success {
        color: #264e82 !important;
    }

    .kt-font-info {
        color: #264e82 !important;
    }

    .btn-success {
        border-color: white !important;
        background-color: transparent !important;
    }

    .btn-success:hover {
        -webkit-box-shadow: 0px 0px 15px 7px rgba(0, 0, 0, 0.13);
        -moz-box-shadow: 0px 0px 15px 7px rgba(0, 0, 0, 0.13);
        box-shadow: 0px 0px 15px 7px rgba(0, 0, 0, 0.13);
    }

    /* Espace Onglets Menu - Page Accueil - Affichage PC */
    @media (min-width: 1025px) {
        .kt-header-menu .kt-menu__nav>.kt-menu__item {
            padding: 4px 2.15rem;
        }
    }

    .kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title {
        color: #264e82;
    }

    /* Bouton Déconnexion - Style - Affichage PC */
    .btn.btn-label-brand {
        background-color: #264e82;
        color: #fff;
    }

    a.btn.btn-label-brand:hover {
        background-color: #264e82;
        color: #fff;
    }


    /* Titre Service - Affichage PC */
    .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username:hover {
        color: #264e82;
    }

    /* Image Service - Affichage PC */
    .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__img {
        border-radius: 0%;
    }

    /* ... - Vignette Service - Affichage PC */
    .btn.btn-clean i {
        color: #264e82;
    }

    .btn.btn-clean:hover {
        color: #264e82;
        background: #f0f3ff;
    }

    .btn.btn-clean:hover i {
        color: #264e82;
    }

    .kt-portlet.kt-portlet--height-fluid:hover {
        transform: scale(1.04);
    }

    .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub)>.kt-nav__link .kt-nav__link-text {
        color: #264e82;
    }

    .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub)>.kt-nav__link .kt-nav__link-icon {
        color: #264e82;
    }

    .show>.btn.btn-clean i {
        color: #264e82;
    }

    /* Footer- Affichage PC */
    .kt-header__brand-logo {
        display: none;
    }

    .footer {
        padding: 0 25rem;
    }

    .kt-footer {
        background-image: linear-gradient(90deg, rgba(11, 41, 80, 1) 0%, rgba(38, 78, 130, 1) 100%) !important;
        background-position: center top !important;
    }

    .kt-footer .kt-footer__bottom .kt-footer__logo .kt-footer__copyright>a {
        color: grey;
    }

    .kt-footer .kt-footer__bottom .kt-footer__logo .kt-footer__copyright>a:hover {
        color: white;
    }
}

.kt-login__body .auth-special {
    max-width: 100% !important;
}

/*Affichage logo mobile*/
@media (max-width: 1025px) {
    #logo_container a img {
        width: 25rem;
    }
}

/*Background Video login*/
video#bgvid {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1025px) {
    /*body#auth { background: url('../media/bg/mobile-background.jpg') #000 no-repeat center center fixed; background-size: cover; }*/
    /*#bgvid { display: none; }*/
}

/*Custom services*/
#kt_subheader {
    margin: 0;
}

.text-red {
    color: #e15455!important;
}

.btn-red {
    color: #fff;
    background-color: #e15455!important;
    border-color: #e15455!important;
}

.btn-red:hover {
    color: #fff;
    background-color: #e46566;
    border-color: #e46566;
}

.btn-outline-red {
    color: #e15455!important;
    border-color: #e15455!important;
}

.btn-outline-red:hover {
    color: #fff!important;
    background-color: #e15455;
    border-color: #e15455;
}

.kt-link:hover::after {
    border-bottom: 1px solid #e15455!important;
    opacity: 0.3;
}

.kt-subheader.serviceIndex {
    padding: 52px 0 !important;
    height: 165px;
    background: url('../media/bg/header.JPG') center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 1025px) {
    .kt-subheader.serviceIndex {
        background: url('../media/bg/header.JPG') center no-repeat;
        background-size: cover;
        padding: 15px 0 !important;
        height: 185px;
    }
}