@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

body { background-position: center; background-repeat: no-repeat; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 100vh; font-family: 'Poppins', sans-serif; margin: 0; }
.container { width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; max-height: 100%; padding: 0; }

@media only screen and (max-width: 800px) {
    body { background: white; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; width: 100vw; max-width: 100%; overflow-x: hidden; font-family: 'Poppins', sans-serif; margin: 0; }
    .container { width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; max-height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

@media (orientation:portrait) {
    .landscape_view { display: none; }
    .portrait_view { display: block; }
    .login-center-mobile .col-xs-4 { width:100% !important}
    .login-center-mobile .col-xs-offset-3 { margin-left:0% !important}
    .login-center-mobile .login, .login-center-mobile .register { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; }
    .login-center-mobile #Username { padding-top:15px; padding-bottom:15px; }
}

@media (orientation: landscape) {
    .landscape_view { display: block; }
    .portrait_view { display:none; }
}

.navbar_custom { width: 100%; position: fixed; bottom: 0; background: black; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.8vw; text-align: center; z-index: 100;/*background:none; background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.2));*/ height: 10% }
.navbar_custom ul { padding-left: 20px; }
.navbar_custom li { list-style: none; }
.navbar_custom a { color: #dbb85a; outline: none; text-decoration: none; font-size: 1.55em; }
.navbar_custom a:hover { color: #f0f0f0; }

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    90% {
        opacity: 0.6;
    }
}

.text-white { color:#FFF !important}
a.text-white {color:#FFF !important}
.mr-0 { margin-right:0px !important }
.p-1 { padding:1vh 1vw;}
.p-2 { padding:2vh 2vw;}
.p-0 {padding:0px !important;}
#sidebarrequest::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: transparent; border-radius: 10px; }
#sidebarrequest::-webkit-scrollbar { width: 5px;background-color: transparent; }
#sidebarrequest::-webkit-scrollbar-thumb { border-radius: 10px; background-color:rgba(0,0,0,0.3) }
#sidebar { position:absolute; width:380px; right:0; top:0; height:100%; background-color: #FFF; -webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; }
.collapsed { display: none; }
#sidebarrequest {padding:10px 0 10px 10px; max-height:85vh; overflow-y:auto;}
.meetrequestblock { border:1px solid #f0f0f0; margin-right:10px; padding:10px; }