/* ====================================================
    Pulsar.css
   ==================================================== */

/* Début shared section
   ==================================================== */
html,
body {
    height: 100%;
    font-family: "Source Sans Pro", sans-serif;
}

.p-full-centered__header {
    width: 80%;
    max-width: 815px;
    margin-top: 40px;
}

.p-header {
    display: flex;
    align-items: center;
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
}

.p-logo-pulsar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.875em 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
}

.p-full-centered__main {
    flex-grow: 1;
    width: 80%;
    max-width: 815px;
}

/* Logo SVG */
.header__logo__full {
    width: 550px;
    height: 164px;
    background-image: url(https://pulsar.ca/assets/svg/pulsar-ul-logo-fr.svg);
    background-repeat: no-repeat;
}

.header__logo__full_fr {
    background-image: url(https://pulsar.ca/assets/svg/pulsar-ul-logo-fr.svg);
    background-repeat: no-repeat;
}

.header__logo__full_en {
    background-image: url(https://pulsar.ca/assets/svg/pulsar-ul-logo-en.svg);
    background-repeat: no-repeat;
}

.logo-pulsar-small-fond-noir {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2dvLXB1bHNhci1zbWFsbC1mb25kLW5vaXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MTUuNXB4IiBoZWlnaHQ9IjEzMS4yOHB4IiB2aWV3Qm94PSIwIDAgNDE1LjUgMTMxLjI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MTUuNSAxMzEuMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8Y2lyY2xlIGZpbGw9IiNFQ0Y4RkUiIGN4PSIzMDYuNiIgY3k9IjU5LjIxIiByPSI1OC40NyIvPgoJCQk8Y2lyY2xlIGZpbGw9IiNDRUVDRkMiIGN4PSIzMDYuNiIgY3k9IjU5LjIxIiByPSI0NS40OCIvPgoJCQk8Y2lyY2xlIGZpbGw9IiNBMURDRjkiIGN4PSIzMDYuNiIgY3k9IjU5LjIxIiByPSIzMi40OCIvPgoJCQk8Y2lyY2xlIGZpbGw9IiM2MkM5RjUiIGN4PSIzMDYuNiIgY3k9IjU5LjIxIiByPSIxOS40OSIvPgoJCQk8Y2lyY2xlIGZpbGw9IiMwMEE0RUQiIGN4PSIzMDYuNiIgY3k9IjU5LjIxIiByPSI2LjU0Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSIjMUExQTFBIiBkPSJNMzQ0Ljk0LDEyMS4wNmwtMzIuNDgtNjQuNzhjMCwwLDAsMC4wMiwwLjAxLDAuMDNjLTEuMDctMi4xNi0zLjI5LTMuNjQtNS44Ni0zLjY0CgkJCQljLTIuNTcsMC00Ljc5LDEuNDktNS44NiwzLjY0YzAtMC4wMiwwLjAxLTAuMDMsMC4wMS0wLjAzbC0zMi40OCw2NC43OGMtMS42MiwzLjIzLTAuMzEsNy4xNiwyLjkyLDguNzgKCQkJCWMwLjk0LDAuNDcsMS45NCwwLjcsMi45MywwLjdjMi40LDAsNC43MS0xLjMyLDUuODUtMy42MUwzMDYuNiw3My44bDAsMGwwLDBsMjYuNjQsNTMuMTJjMS4xNSwyLjI5LDMuNDYsMy42MSw1Ljg1LDMuNjEKCQkJCWMwLjk5LDAsMS45OS0wLjIyLDIuOTMtMC43QzM0NS4yNSwxMjguMjIsMzQ2LjU2LDEyNC4yOSwzNDQuOTQsMTIxLjA2eiIvPgoJCQk8Zz4KCQkJCTxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik0zMy40Nyw1Mi40OUg3Ljc0Yy0zLjYxLDAtNi41NCwyLjkzLTYuNTQsNi41NHY2NC43OGMwLDMuNjEsMi45Myw2LjU0LDYuNTQsNi41NHM2LjU0LTIuOTMsNi41NC02LjU0CgkJCQkJVjY1LjU3aDE5LjE5YzcuMTQsMCwxMi45NSw1LjgxLDEyLjk1LDEyLjk1cy01LjgxLDEyLjk1LTEyLjk1LDEyLjk1Yy0zLjYxLDAtNi41NCwyLjkzLTYuNTQsNi41NGMwLDMuNjEsMi45Myw2LjU0LDYuNTQsNi41NAoJCQkJCWMxNC4zNiwwLDI2LjAzLTExLjY4LDI2LjAzLTI2LjAzQzU5LjUxLDY0LjE3LDQ3LjgzLDUyLjQ5LDMzLjQ3LDUyLjQ5eiIvPgoJCQkJPHBhdGggZmlsbD0iIzFBMUExQSIgZD0iTTEyNC42OSw1Mi40OWMtMy42MSwwLTYuNTQsMi45My02LjU0LDYuNTR2NDIuMjNjMCw4LjkzLTcuMjYsMTYuMi0xNi4yLDE2LjJzLTE2LjItNy4yNy0xNi4yLTE2LjIKCQkJCQlWNTkuMDNjMC0zLjYxLTIuOTMtNi41NC02LjU0LTYuNTRjLTMuNjEsMC02LjU0LDIuOTMtNi41NCw2LjU0djQyLjIzYzAsMTYuMTUsMTMuMTQsMjkuMjgsMjkuMjgsMjkuMjhzMjkuMjgtMTMuMTQsMjkuMjgtMjkuMjgKCQkJCQlWNTkuMDNDMTMxLjIzLDU1LjQyLDEyOC4zLDUyLjQ5LDEyNC42OSw1Mi40OXoiLz4KCQkJCTxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik0xODkuNjYsMTE3LjQ1aC0zMi40NFY1OS4yMWMwLTMuNjEtMi45My02LjU0LTYuNTQtNi41NHMtNi41NCwyLjkzLTYuNTQsNi41NHY2NC43OAoJCQkJCWMwLDMuNjEsMi45Myw2LjU0LDYuNTQsNi41NGgzOC45OGMzLjYxLDAsNi41NC0yLjkzLDYuNTQtNi41NFMxOTMuMjcsMTE3LjQ1LDE4OS42NiwxMTcuNDV6Ii8+CgkJCQk8cGF0aCBmaWxsPSIjMUExQTFBIiBkPSJNMjMzLjIzLDg0LjU1Yy0xMi4zNy0zLjEtMTcuNTQtNS4xMS0xNy41NC05LjU3YzAtMy42OCwzLjA0LTUuOTYsNC44Ni02Ljk5CgkJCQkJYzUuMTgtMi45NCwxNS4wMS00LjEyLDI1LjY0LDIuMjNjMy4xLDEuODUsNy4xMiwwLjg0LDguOTctMi4yNmMxLjg1LTMuMSwwLjg0LTcuMTItMi4yNi04Ljk3Yy0xMi43Mi03LjYtMjcuOTUtOC41My0zOC44MS0yLjM3CgkJCQkJYy03LjMsNC4xNC0xMS40OSwxMC44NC0xMS40OSwxOC4zN2MwLDE1LjM5LDE1Ljg2LDE5LjM2LDI3LjQ0LDIyLjI2YzEyLjcyLDMuMTksMTguMDQsNS4zLDE4LjA0LDEwLjE2CgkJCQkJYzAsNC41NC01LjAxLDcuMTYtNy4xNiw4LjA4Yy03LjY3LDMuMjgtMTkuNSwyLjcxLTI3LjI1LTQuNzFjLTIuNjEtMi41LTYuNzUtMi40MS05LjI1LDAuMmMtMi41LDIuNjEtMi40MSw2Ljc1LDAuMiw5LjI1CgkJCQkJYzcuNjcsNy4zNCwxNy4zOSwxMC4yMywyNi4zNSwxMC4yM2M1LjU0LDAsMTAuNzktMS4xLDE1LjA5LTIuOTRjOS40Ni00LjA0LDE1LjEtMTEuNTYsMTUuMS0yMC4xMgoJCQkJCUMyNjEuMTcsOTEuNTUsMjQ1LjAyLDg3LjUsMjMzLjIzLDg0LjU1eiIvPgoJCQkJPHBhdGggZmlsbD0iIzFBMUExQSIgZD0iTTM5Ny45MiwxMDIuNjljOS41OS0zLjg0LDE2LjM4LTEzLjIzLDE2LjM4LTI0LjE3YzAtMTQuMzYtMTEuNjgtMjYuMDMtMjYuMDMtMjYuMDMKCQkJCQljLTAuMDUsMC0wLjExLDAuMDEtMC4xNiwwLjAxYy0wLjA1LDAtMC4xMS0wLjAxLTAuMTYtMC4wMWgtMjUuNzNjLTMuNjEsMC02LjU0LDIuOTMtNi41NCw2LjU0djY0Ljc4CgkJCQkJYzAsMy42MSwyLjkzLDYuNTQsNi41NCw2LjU0YzMuNjEsMCw2LjU0LTIuOTMsNi41NC02LjU0VjY1LjU3aDE5LjE5YzAuMDUsMCwwLjExLTAuMDEsMC4xNi0wLjAxYzAuMDUsMCwwLjExLDAuMDEsMC4xNiwwLjAxCgkJCQkJYzcuMTQsMCwxMi45NSw1LjgxLDEyLjk1LDEyLjk1cy01LjgxLDEyLjk1LTEyLjk1LDEyLjk1Yy0wLjA1LDAtMC4xMSwwLjAxLTAuMTYsMC4wMWMtMC4xMywwLTAuMjcsMC4wMS0wLjQsMC4wMgoJCQkJCWMtMC4wOSwwLjAxLTAuMTgsMC4wMi0wLjI3LDAuMDNjLTAuMTIsMC4wMi0wLjI0LDAuMDMtMC4zNiwwLjA1Yy0wLjExLDAuMDItMC4yMSwwLjA0LTAuMzIsMC4wN2MtMC4xLDAuMDItMC4yLDAuMDUtMC4zLDAuMDgKCQkJCQljLTAuMTIsMC4wMy0wLjI0LDAuMDctMC4zNiwwLjEyYy0wLjA4LDAuMDMtMC4xNiwwLjA2LTAuMjQsMC4wOWMtMC4xMywwLjA1LTAuMjUsMC4xMS0wLjM4LDAuMTZjLTAuMDUsMC4wMi0wLjEsMC4wNC0wLjE1LDAuMDYKCQkJCQljLTAuMDMsMC4wMS0wLjA1LDAuMDMtMC4wOCwwLjA0Yy0wLjEyLDAuMDYtMC4yMywwLjEzLTAuMzQsMC4xOWMtMC4wOCwwLjA1LTAuMTYsMC4wOS0wLjI0LDAuMTQKCQkJCQljLTAuMDksMC4wNi0wLjE4LDAuMTItMC4yNywwLjE5Yy0wLjA5LDAuMDctMC4xOCwwLjEzLTAuMjcsMC4yYy0wLjA3LDAuMDUtMC4xMywwLjExLTAuMiwwLjE3Yy0wLjEsMC4wOC0wLjE5LDAuMTctMC4yOSwwLjI2CgkJCQkJYy0wLjA1LDAuMDUtMC4xLDAuMTEtMC4xNSwwLjE2Yy0wLjA5LDAuMS0wLjE5LDAuMi0wLjI3LDAuM2MtMC4wNSwwLjA2LTAuMSwwLjEzLTAuMTUsMC4xOWMtMC4wOCwwLjEtMC4xNSwwLjItMC4yMiwwLjMKCQkJCQljLTAuMDYsMC4wOS0wLjExLDAuMTgtMC4xNywwLjI3Yy0wLjA1LDAuMDktMC4xMSwwLjE3LTAuMTYsMC4yNmMtMC4wNiwwLjExLTAuMTIsMC4yMy0wLjE3LDAuMzVjLTAuMDMsMC4wNy0wLjA3LDAuMTQtMC4xLDAuMjEKCQkJCQljLTAuMDYsMC4xMy0wLjEsMC4yNi0wLjE1LDAuMzljLTAuMDIsMC4wNy0wLjA1LDAuMTMtMC4wNywwLjJjLTAuMDQsMC4xMi0wLjA3LDAuMjUtMC4xMSwwLjM4Yy0wLjAyLDAuMDgtMC4wNSwwLjE2LTAuMDYsMC4yNQoJCQkJCWMtMC4wMiwwLjExLTAuMDQsMC4yMi0wLjA2LDAuMzNjLTAuMDIsMC4xMS0wLjA0LDAuMjEtMC4wNSwwLjMyYy0wLjAxLDAuMDktMC4wMiwwLjE4LTAuMDIsMC4yN2MtMC4wMSwwLjEzLTAuMDIsMC4yNi0wLjAyLDAuNAoJCQkJCWMwLDAuMDMsMCwwLjA2LDAsMC4wOWMwLDAuMDUsMC4wMSwwLjEsMC4wMSwwLjE2YzAsMC4xNCwwLjAxLDAuMjcsMC4wMiwwLjQxYzAuMDEsMC4wOSwwLjAyLDAuMTgsMC4wMywwLjI3CgkJCQkJYzAuMDIsMC4xMiwwLjAzLDAuMjQsMC4wNiwwLjM2YzAuMDIsMC4xLDAuMDQsMC4yMSwwLjA3LDAuMzFjMC4wMiwwLjEsMC4wNSwwLjIsMC4wOCwwLjNjMC4wMywwLjEyLDAuMDcsMC4yNCwwLjEyLDAuMzYKCQkJCQljMC4wMywwLjA4LDAuMDYsMC4xNiwwLjA5LDAuMjRjMC4wNSwwLjEzLDAuMTEsMC4yNiwwLjE3LDAuMzljMC4wMiwwLjA1LDAuMDQsMC4wOSwwLjA2LDAuMTRsMTIuOTksMjUuOTkKCQkJCQljMS4xNSwyLjI5LDMuNDYsMy42Miw1Ljg2LDMuNjJjMC45OCwwLDEuOTgtMC4yMiwyLjkyLTAuNjljMy4yMy0xLjYyLDQuNTQtNS41NSwyLjkzLTguNzhMMzk3LjkyLDEwMi42OXoiLz4KCQkJPC9nPgoJCTwvZz4KCQk8cGF0aCBmaWxsPSIjMDBBNEVEIiBkPSJNMzEzLjE1LDU5LjJjMC0zLjYxLTIuOTMtNi41NC02LjU0LTYuNTRzLTYuNTQsMi45My02LjU0LDYuNTRjMCwxLjAxLDAuMjQsMS45NywwLjY1LDIuODNsNS44OSwxMS43NwoJCQlsNS44OS0xMS43N0MzMTIuOTEsNjEuMTgsMzEzLjE1LDYwLjIyLDMxMy4xNSw1OS4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
    position: relative;
    max-height: 134px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 248px 78px;
    width: 248px;
    height: 150px;
}

.p-nav-lang {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-align: right;
}

.p-locale {
    align-self: flex-end;
    margin-top: 10px;
    margin-right: 10%;
    font-size: 18px;
}

.v-alert {
    margin-top: 40px;
    font-weight: 300;
}

a {
    margin-top: 8px;
    margin-bottom: 20px;
    display: inline-block;
}

.m-button {
    text-align: left;
    max-width: 150px;
    height: 47px;
    margin-top: 15px;
}

.v-btn-large {
    max-width: 200px;
}

/* Fin shared section
      ==================================================== */

/* Début login section
      ==================================================== */
.p-login {
    display: flex;
    min-height: 100%;
}

.p-login_logo-panel {
    /*background-color: #002539;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 50%;*/
    width: 100%;
    display: flex;
    background-size: cover;
    justify-content: center;
    background-repeat: no-repeat;
    background-position-y: 13%;
    background-image: url(https://pulsar.ca/sites/default/files/PULSAR-LoginLogoFond.svg);
    flex-grow: 1;
    flex-basis: 50%;
}

/* Logo Area (Left) */
.p-login_logo {
    background-image: url("../img/pulsar-fr.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 164px;
    width: 550px;
    margin: 310px 10px 10px 10px;
    flex-shrink: 0;
    flex-grow: 0;
    position: fixed;
    transition: 0.3s ease;
}

.p-login_logo_fr {
    /*background-image: url("../img/pulsar-dark-fr.svg");*/
    background-image: url(https://pulsar.ca/assets/svg/pulsar-ul-logo-fr.svg);

}

.p-login_logo_en {
    /*background-image: url("../img/pulsar-dark-en.svg");*/
    background-image: url(https://pulsar.ca/assets/svg/pulsar-ul-logo-en.svg);
}

.p-login__right-panel {
    box-shadow: -2px 10px 20px 10px #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    flex-basis: 50%;
}

.p-login_content-panel_wrapper {
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.p-login_content-panel {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    height: 100%;
    text-align: left;
}

.p-login-panel {
    display: flex;
    flex-direction: column;
	justify-content: center;
    height: 100%;
}

/* Project Area */
.p-login_project {
    text-align: center;
}

.p-login_welcome-title {
    font-weight: bold;
    color: #09f;
}

.p-login_welcome-content {
    margin-top: 5px;
}

.p-login_project-title {
    font-weight: 600;
    font-size: 25px;
    margin-top: 10px;
}

.p-login_project-logo img {
    width: 300px;
    margin-top: 30px;
}

.p-login_essaim-logo img {
    width: 530px;
    margin-top: 30px;
}

.p-login_nqcag-logo img {
    width: 400px;
    margin-top: 30px;
}

.p-login_etude3pc-logo img {
    width: 418px;
    margin-top: 30px;
}

.p-login_cgrchu-logo img {
    width: 510px;
    margin-top: 30px;
}

.p-login_isrp-logo img {
    width: 510px;
    margin-top: 30px;
}

.p-login_project-separator {
    margin-top: 40px;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
}

.p-login_providers {
    font-size: 25px;
}

.p-login_form {
    display: flex;
    flex-direction: column;
}

.p-login_title {
    font-weight: 600;
    font-size: 30px;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 30px;
}

.p-login_signup,
.p-login_login {
    max-width: 100% !important;
}

/* Info Area */
.p-login_infobox {
    margin-top: 60px;
    margin-bottom: 20px;
}

.p-login_infobox_title {
    font-weight: 600;
    font-size: 18px;
    
}

.p-login_infobox_title .v-icon {
    color: black !important;
}

.p-login_infobox_message {
    font-size: 16px;
    margin-top: 16px;
}

/* Fin login section
      ==================================================== */

/* Début login-password section
      ==================================================== */
.p-password,
.p-verify-email {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 100%;
}

.p-password_bg,
.p-verify-email_bg {
    background-image: url("../img/pul-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    flex-grow: 1;
}

.p-password__wrapper,
.p-verify-email__wrapper {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    box-shadow: -3px 0 4px 0 rgba(0, 0, 0, 0.16);
}

.p-password_form {
    margin-top: 30px;
}

.p-password_title {
    font-size: 18px;
}

.p-password_message {
    text-align: left;
    margin-bottom: 20px;
}

.p-password_input {
    margin-bottom: 30px;
    width: 300px;
    display: flex;
    flex-direction: column;
}

.p-password_actions .v-btn {
    margin-right: 15px;
    height: 40px;
}

/* Fin login-password section
      ==================================================== */

/* Début footer section
      ==================================================== */
.p-footer {
    width: 100%;
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
    background-color: #f9f9f9;
}

.p-footer__inner {
    padding-left: 20px;
    padding-right: 20px;
}

/* Fin footer section
      ==================================================== */

/* Début Utils section
      ==================================================== */
.visuallyhidden,
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Fin Utils section
      ==================================================== */

/* Début information icon
      ==================================================== */
.p-login__password {
    position: relative;
    width: 100%;
    max-width: 95%;
}

.p-login__user {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.p-login__svg {
    position: absolute;
    left: 0;
}

.p-login__info-icon {
    position: absolute;
    top: 10px;
    right: -25px;
    width: 23px;
    height: 23px;
    border: none;
    border-radius: 12px;
    background-color: transparent;
}

.p-login__info-icon:hover {
    cursor: pointer;
}

/* keycloack Code bare */

.div_code_bare_container {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}

.div_code_bare_box {
    flex: 1;
    margin: 5px;
    display: flex;
}

.div_code_bare_box p {
    margin: 0;
}

/* Modal */
.modal-mask {
    flex: 1 1 auto;
    line-height: 1.3;
    position: absolute;
    top: 48px;
    left: 200px;
    z-index: 9998;
    width: 315px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: table;
    transition: opacity 0.3s ease;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.modal-container {
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #09f;
    word-break: break-word;
    background: #eaf5ff;
    border-radius: 3px;
    margin: 0 auto;
    padding: 16px 32px 16px 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
    transition: all 0.3s ease;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-header h3 {
    margin-top: 0;
    color: #42b983;
}

.p-login__close-popup__wrapper {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.p-login__close-popup {
    fill: #09f;
}

.modal-body {
    color: #3d3d3d;
}

.modal-body p {
    margin-top: 0;
    margin-bottom: 5px;
}

.modal-body li {
    margin-left: 30px;
}

.modal-default-button {
    float: right;
}

/*
      * The following styles are auto-applied to elements with
      * transition="modal" when their visibility is toggled
      * by Vue.js.
      *
      * You can easily play with the modal transition by editing
      * these styles.
      */

.modal-enter {
    opacity: 0;
}

.modal-leave-active {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.ie-not-compatible-content {
    padding: 1em;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 40px;
    position: absolute;
    z-index: 1000;
    background-color: rgb(255, 255, 255);
}

/* Fin Information icon
      ==================================================== */

.v-input {
    color: #029AFF !important;
}

.v-input input {
    border-style: none;
}

.v-btn {
    margin-top: 15px;
}

.v-btn span {
    text-transform: none;
}

.p-btn-primary {
    background-color: #029AFF !important;
}

.p-btn-primary span {
    color: white;
}

.p-btn-secondary {
    border: 1px solid #0099FF !important;
}

.p-btn-secondary span{
    color: #029AFF;
}

.v-input__control {
    margin-top: 10px;
}

.p-alert-error{
        background-color: #F9F9F9 !important; 
        border-left:5px solid red !important
}

.v-alert__content {
    color:#616358;
}

.p-alert-alert{
    background-color: #F9F9F9 !important; 
    border-left:5px solid #ffc103 !important;
}

.p-alert-info{
    background-color: #F9F9F9 !important; 
    border-left:5px solid #029AFF !important
}

.p-alert-error 
    .v-icon{
        color: #E83F4A !important;
        
}

.p-alert-alert 
    .v-icon{
        color: #ffc103 !important;
    
}

.p-alert-info 
    .v-icon{
        color: #029AFF !important;
}

.v-alert .v-icon::before {
    font-size: 32px;
}

.v-alert .v-alert__content {
    margin-left: 10px;
}

.p-confirm-activation {  
    background-color: #029AFF !important;
}

.p-confirm-activation span {
    color: white;
}

.p-reset-password-submit {
    margin-right: 10px;
}

/*Center input label*/
.v-text-field__slot .v-label--active {
    transform-origin: left !important;
    transform: translateX(5px) translateY(-20px) scale(.75) !important;
}

.p-verify-email-code_title {
    font-size: 18px;
}

.p-verify-email-code_input {
    margin-bottom: 30px;
    width: 300px;
    display: flex;
    flex-direction: column;
}

.p-verify-email-code-instruction {
    margin-top: 20px;
    margin-bottom: 20px;
}

.p-verify-email-code-instruction2 {
    margin-top: 45px;
}

.p-verify-email-code_form {
    margin-top: 30px;
}



/* Début de média
      ==================================================== */

@media screen and (max-width: 1024px) {
    .p-full-centered__main {
        width: 90%;
        padding-left: 12px;
        padding-right: 12px;
    }
    .p-full-centered__header {
        margin-top: 0;
        width: 90%;
        padding-left: 12px;
        padding-right: 12px;
    }
    .v-btn {
        width: 100% !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        height: 47px;
    }
    .p-password_bg,
    .p-verify-email_bg {
        background-image: none;
    }


    .p-password__wrapper,
    .p-verify-email__wrapper {
        width: 100%;
    }

    form {
        width: 100%;
    }

    .p-password_form {
        width: 100%;
    }

    .p-password_title {
        font-size: 14px;
    }

    .p-password_input {
        margin-bottom: 30px;
        width: 100%;
    }

    .modal-mask {
        left: 50px;
    }

    .p-verify-email_title {
        font-size: 14px;
    }

    .p-verify-email-code_input {
        width: 100%;
    }
    

}

@media screen and (max-width: 768px) {
    .v-btn {
        width: 100% !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        height: 47px;
    }
    .p-login {
        flex-direction: column;
    }
    .p-login_logo-panel {
        height: 30%;
    }

    form {
        width: 100%;
    }

    .p-password_form {
        width: 100%;
    }

    .p-password_title {
        font-size: 12px;
    }

    .p-password_input {
        margin-bottom: 30px;
        width: 100%;
    }
    .modal-mask {
        left: 0px;
    }

    .p-verify-email_title {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .header__logo__full {
        width: 22.25em;
        height: 9.74em;
    }
}

@media screen and (max-width: 360px) {
    .modal-mask {
        width: 250px;
    }
}

@media (max-width: 768px) {
    .header__logo__full {
        width: 17.6em;
        height: 7.75em;
    }
}

@media only screen and (max-width: 1024px) {
    .p-login_logo {
        width: 340px;
    }
}

@media only screen and (max-width: 800px) {
    .p-login_logo {
        width: 300px;
    }
}

@media only screen and (max-width: 768px) {
    .p-login_logo {
        height: 55px;
        width: 250px;
        flex-shrink: 1;
        margin: 10px;
        align-self: center;
        position: initial;
    }
}

@media only screen and (min-width: 768px) {
    .div_code_bare_box p {
        margin-bottom: 70%;
    }
}

/* Fin de média
      ==================================================== */