body{background-image:url(../assets/zizag_flag_gabon.png);background-position:right bottom;background-repeat:no-repeat;background-size:20%;}
.ImgLoginBanner{background-repeat:no-repeat;background-position:bottom center;background-image:url(/skins/_base/logos/LoginBanner_white.png?v=231201095057);width:440px;height:100px;background-size:contain;}
.side-bar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;width:28%;min-width:25rem;background:linear-gradient(#1e6ab58d,#042a50cc),url(../assets/welcome.jpg);background-position:center;background-size:cover;padding:1rem;}
.side-bar img{width:6rem;}
.side-bar h1{color:white;text-align:center;text-transform:uppercase;font-family:'Open Sans';font-weight:normal;font-size:24px;}
.side-bar p{color:white;text-align:center;padding:2rem 1rem;line-height:1.5em;font-size:16px;font-family:'Open Sans';}
.side-bar p a{color:white;text-decoration:none;display:inline-block;}
.side-bar .outline{display:inline-block;padding:.5rem 1rem;border:1px solid white;color:white;text-decoration:none;border-radius:8px;font-family:'Open Sans';font-weight:300;}
@media(max-width:1100px){.side-bar{width:40%;}
}
@media(max-width:950px){.side-bar{display:none;}
}
.main-content{flex:1;display:flex;flex-direction:column;align-items:center;margin-top:2rem;}
.main-content .logo-container{width:100%;height:initial;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.main-content .logo-container img{width:16rem;}
.main-content h1{font-family:'Open Sans';font-size:2.0em;margin-bottom:1rem!important;text-align:center;}
.main-content .description{text-align:center;font-style:italic;}
.form-container{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center;padding:1rem;}
button,.button_submit{padding:.6rem;border-radius:8px!important;background-color:#204173!important;color:white!important;font-size:16px!important;transition:.4s!important;outline:none;transition:.4s;box-shadow:1px .5px 10px #20417348;width:100%;max-width:80vw;height:initial;}
.Footer{display:none;}
.Footer-small .copyright{display:none;}
button:hover{background:#3b5c8d;cursor:pointer;}
button:disabled{padding:.5rem;opacity:.8;cursor:default;}
.form .ZLoginButton{float:none!important;border-color:rgb(255 255 255 / 20%);}
.form-group{display:flex;flex-direction:column;width:600px;max-width:80vw;margin-bottom:15px;margin-left:auto;margin-right:auto;}
.form-group label{position:relative;bottom:50%;padding-left:1rem;margin-left:1rem;padding-right:1rem;font-size:16px;color:#909090;transition:.4s;cursor:pointer;}
.form-group input:focus+label,.form-group .has-focus+label{bottom:85%!important;padding-left:1rem;margin-left:2rem;padding-right:1rem;font-size:12px;background:white;width:fit-content;color:#3b5c8d;}
.form-group input{padding:.8rem .5rem!important;border-radius:8px;width:100%!important;border:1px solid #ccc!important;font-size:16px;padding-left:2rem!important;height:initial!important;}
.form-group input:focus{border-color:#86A7FC;outline-color:#86A7FC;}
.help{margin-top:2rem;color:#272727;}
.help a{color:#3b5c8d;text-decoration:none;}
.main-content .footer{margin-top:1rem;display:none;flex-direction:column;align-items:center;gap:1rem;}
.main-content .footer p a{color:#fff;text-decoration:none;display:inline-block;font-weight:bold;}
.main-content .footer p{color:#fff;font-size:13px;}
.main-content .footer .outline{display:inline-block;padding:.5rem 1rem;border:2px solid #fff;color:#fff;text-decoration:none;border-radius:8px;font-family:'Open Sans';width:100%;text-align:center;font-size:13px;font-weight:bold;}
.mobile-container{display:none;}
.form .submitTD{text-align:center;}
table.form{margin-left:auto;margin-right:auto;}
.center-small .form{width:100%;margin:0 0!important;}
@media(max-width:950px){.main-content .description{color:white;display:none;}
main{background:linear-gradient(#1e6ab58d,#042a50cc),url(../assets/welcome.jpg);background-position:center;background-size:cover;min-height:100vh;padding-bottom:2rem;}
.form-container{width:fit-content;}
.main-content .form-container{background:white;margin-left:0;border-radius:4px;padding:2rem 1rem;margin-top:2rem;}
.main-content h1{font-family:'Open Sans';font-size:1.5em;margin-bottom:.5rem;margin-top:2rem;color:white;}
.mobile-container{display:block;}
.mobile-container h2{color:white;text-align:center;padding:1rem;text-transform:uppercase;font-family:'Open Sans';font-weight:normal;font-size:18px;}
.main-content .logo-container{width:100%;height:8rem;}
.main-content .logo-container img{width:8rem;}
.main-content .footer{display:flex;margin-top:2rem;}
}
*{padding:0;margin:0;box-sizing:border-box;font-family:'Inter';}
main{display:flex;width:100vw;max-width:100vw;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:#888;}
::-webkit-scrollbar-thumb:hover{background:#555;}
.right-bar{background:white;height:100vh;transition:.4s;overflow-y:scroll;animation:open-l2r .2s ease-in;width:600px;max-width:100%;}
.modal{width:100vw;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(#000c7,#000c7);z-index:999999;display:none;justify-content:flex-end;}
.show-modal{display:flex;}
.right-bar .close-btn{background:transparent;font-size:2.0em;color:#ccc;box-shadow:none;margin-left:1rem;transition:.4s;width:fit-content;}
.right-bar .close-btn:hover{color:#1e6ab58d;}
.right-bar .content{display:flex;flex-direction:column;gap:1rem;padding:1rem;}
.right-bar .content h1{text-align:center;text-transform:uppercase;color:#1e6ab5;}
.right-bar .content h4{text-align:center;text-transform:uppercase;color:#1e6ab5;}
.right-bar .content h2{color:#0d4277;font-weight:normal;margin-top:2rem;margin-bottom:1rem;}
.right-bar .content h3{font-size:18px;font-weight:bold;margin-top:1rem;color:#1e6ab5;margin-bottom:.5rem;}
.right-bar .content p,.right-bar .content ul li{text-align:justify;font-family:'Inter';font-size:13px;line-height:1.8em;}
@keyframes open-l2r{0%{width:0;}
100%{width:600px;max-width:100%;}
}