body {
    background-attachment: fixed;

    color: #fff;
    background-image: url('../images/Teams_SanteQuebec.jpg');
    background-position: 80%;
    background-repeat:repeat-x;
    background-color: #170A72;

    height: 100%;
    margin-top: 0px;
    width: 100%;
    z-index: -1;
    font-family: 'Open Sans', sans-serif;
}

header {
	background-color: #FFFFFF;
}

h3 {
    color: #CCECFF;
}
#logininfo {
    padding-top: 20px;
    text-align: left;
}

.ena-hack-besoin-icon{
color:#FFF;
padding-top: 30px;
font-weight: bold;
font-size: 22px;
}

.ena-help-pictogram {
    width: 20px;
    padding-top: 5px;
}

#loginbox {
	text-align: left;
    border-left:  solid white;
}

#loginbox label.error {
    font-size: 1.125em;
    color: #fdb913;
    margin-top: 5px;
    font-family: 'Open Sans';
}

label.error {
    font-size: 1.125em;
    color: #fdb913;
    margin-top: 5px;
}

.logo-container {
    margin: 20px 0;
}

/* #institution_chosen {
    width:422px;
} */
/* .pull-right.logo-container img{
    max-width: 145px;
    margin-right:  50px;
}

.pull-left.logo-container img{
    margin-left: 50px;
    max-width: 445px;
} */

.ena-hack-welcome-text{
    border: 0px;
    color: #CCECFF;
    font-family: 'Open Sans', sans-serif;    font-size: 33px;
    font-weight: bold;
    margin: 0px;
    text-align: left;
}
.ena-hack-welcome-text span{
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;    font-size: 22px;
    font-weight:bold;
    line-height: 1.3em;
    padding-top: 5px;
    text-align: left;
}
#logininfo p{
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2em;
    text-align: left;
}
#loginbox .ena-hack-user-label {
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 25px;
    display: block;
}


#loginbox input[type=password]{
    border-bottom-left-radius: 22px;
    border-top-left-radius: 22px;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    height: 36px;
    width: 22px;
}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    margin-right:5px;
}

.nav-pills .nav-link {
    margin-right: 5px;
}


.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: -10px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.ena-hack-style-icon { padding: 3px 10px 4px 12px; }
.input-group .ena-hack-style-icon { margin-top: 0; line-height: 1; }




/* Example custom "default-ish" button style for BS5 */
.btn-defaultCUST {
    color: #212529;
    background-color: #e9ecef;        /* light grey */
    border-color: #ced4da;            /* neutral border */
}

.btn-defaultCUST:hover {
    background-color: #dee2e6;
    border-color: #c9cfd6;
}


.glyphicon-eye-open:before{
    color: #512051;
    border-radius: 22px;
}

.glyphicon-eye-close:before {
    color: #512051;
}
.checkbox label{
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25em;
    font-weight: bold;
}
.checkbox .ena-hack-style-checkbox{
    border-radius: 5px !important;
    background-color: #FFFFFF !important;
}
.ena-hack-button {
    background-color:#FFFFFF !important;
    color: #170A72 !important;
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-transform: capitalize;

    border-radius: 22px;
    box-shadow: 3px 3px 10px 0px #052a2f;
}
.ena-hack-button:hover {
    background-color:#ccecff !important;
	color: #170A72 !important;
}
.ena-hack-control{
    left:20;

}
.ena-hack-text-style {
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size:  1.125em;
    float: left;
}
.ena-hack-copyright-div {
    margin: 0px;
    border: 0px;
    margin-right: -10%;
    top:80%;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size:  1.125em;
    padding-top: 2%;
}

.ena-hack-style-help-div a {
    color: #CCECFF;
    font-family: 'Open Sans', sans-serif;}
.ena-hack-style-help-div {
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size:  1em;
    line-height:  1.2em;
    text-align: left;
    margin-top: 20px;

}

.ena-hack-style-help-generic-div {
    text-align: center;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size:  1em;
    line-height:  1.2em;
    margin-top: 20px;
}

.ena-hack-style-help-generic-div a {
    color: #fdb913;
    font-family: 'Open Sans', sans-serif;}

/* Hide border (horizontal line) */
@media (max-width:1200px)  {
    #loginbox {
        border-left: none;
        #userPassword {
            width: 50% !important;
        }
    }


}

/* Hide placeholders on all browsers */
@media (min-width:1025px) and (min-width:1281px) {

    input::placeholder{
        color:transparent;
        opacity: 0;
    }

    :-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

    textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    textarea:-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    textarea::-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }
}

    /*Loader CSS*/
    .loader{
        width: 100%;
        display: grid;
        text-align:center
    }

    .loader_one{
        display: flex;
        flex-direction: row;
        justify-content: center;
        width:100%;
    }

    .circle{
        margin: 0 0.3em;
        height: 2.5em;
        width: 2.5em;
        background: transparent;
        display: inline-block;
        border-radius: 50%;
        //transform: scale(4);
        border: 5px solid teal;
        border-top: 5px solid #b2dfdb;
        border-bottom: 5px solid #b2dfdb;
        //outline: 2px solid salmon;
    }

    .circle_one{
        opacity: 1;
        animation: roll .8s infinite 0s linear;
    }

    @keyframes roll{
        0%{
            transform: rotate(0deg);
        }

        50%{
            //transform: rotate(180deg);
        }

        100%{
            transform: rotate(360deg);
        }
    }

    .text-danger {
        color:#fdb913;
        font-weight: bold;
        font-size: 20px;
    }

    .error_msg {
        color:#fdb913;
        font-weight: bold;
        font-size: 20px;
    }

    .ena-hack-error-message-style{
        padding-top: 30px;
        display: inline-block;
    }

    .nav-pills>li>a{
        background-color:#512051 !important;
        color: #FFFFFF !important;
        text-decoration:none;
        border-radius: 22px;
    }
    .nav-pills>li>a:hover{
        background-color:#CF4A0C !important;
        color: #FFFFFF !important;
        text-decoration:none;
        border-radius: 22px;
    }
    .nav-pills>li.active>a:hover{
        background-color:#CF4A0C !important;
        color: #FFFFFF !important;
        text-decoration:none;
        border-radius: 22px;
    }
.chosen-search-input {
    color: #000;
}



.chosen-container {
    width: 100% !important;
}

/* ===============================
   GLOBAL INPUT SIZE (THINNER)
   =============================== */
.form-control,
.btn-password,
.chosen-container-single .chosen-single {
    height: 36px;
    font-size: 0.95rem;
    line-height: 1.2;
}

/* ===============================
   ROUND ALL NORMAL INPUTS
   =============================== */
.form-control {
    border-radius: 999px;
    padding-left: 16px;
    padding-right: 16px;
}

/* ===============================
   PASSWORD GROUP SHAPING
   =============================== */
.password-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* ===============================
   EYE BUTTON ALIGNMENT
   =============================== */
.btn-password {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px; /* keeps it compact */
    padding: 0;
}

/* Eye icon */
.btn-password i {
    font-size: 0.9rem;
    color: #6c757d;
}

/* ===============================
   SELECT / CHOSEN FIX
   =============================== */
select.form-control,
.chosen-container-single .chosen-single {
    border-radius: 999px !important;
    padding-left: 16px;
}

.chosen-container {
    width: 100% !important;
}

/* ===============================
   FINAL BOOTSTRAP 5 FORM FIX
   =============================== */

/* Unified control size */
.form-control,
.btn-password,
.chosen-container-single .chosen-single {
    height: 36px;
    font-size: 0.95rem;
    line-height: 1.2;
}

/* Round ALL normal inputs (username included) */
.form-control {
    border-radius: 999px;
    padding: 0 16px;
}

/* Password input shape */
.password-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Eye button */
.btn-password {
    width: 42px;
    padding: 0;

    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-left: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-password i {
    font-size: 0.9rem;
    color: #6c757d;
}

/* Select / chosen */
select.form-control,
.chosen-container-single .chosen-single {
    border-radius: 999px !important;
    padding-left: 16px;
}

.chosen-container {
    width: 100% !important;
}

/* ===============================
   FINAL LOGIN FORM ALIGNMENT FIX
   =============================== */

#loginbox .form-control,
#loginbox .input-group,
#loginbox .chosen-container {
    width: 100%;
}

/* Ensure input-group behaves like normal inputs */
#loginbox .input-group {
    display: flex;
    align-items: stretch;
}

/* Prevent Chosen from shrinking */
#loginbox .chosen-container-single {
    width: 100% !important;
}

/* Optional: visually tighten spacing */
#loginbox .ena-hack-user-label {
    margin-bottom: 6px;
}
#userPassword {
    width: 90% !important;
}

/* =====================================================
   FORCE ROUNDED INPUTS (BOOTSTRAP 5 OVERRIDE)
   ===================================================== */

/* Standalone inputs (username, etc.) */
#loginbox .form-control:not(.input-group .form-control) {
    border-radius: 999px !important;
}

/* Password input (left side) */
#userName {
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
}



/* Eye button (right side) */
#loginbox .input-group .btn-password,
#loginbox .input-group button {
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.tab-content > .tab-pane          { display: none;         }
.tab-content > .tab-pane.active   { display: block;        }