body{background-color: #222222;overflow:hidden;}
.main-container{background-color:#e0e0e0;}

/* LOGIN */
.login-container{background-color:#222222;}
.login-card{border: none;border-top: 5px solid #9c8849;background: #111111;color: #9c8849;}
.login-card p{font-weight: 600;font-size: 15px;}
.login-card .division{float: none;position: relative;margin: 30px auto 20px;text-align: center;width: 100%;box-sizing: border-box;}
.login-card .division .line{border-top: 1.5px solid #9c8849;position: absolute;top: 13px;width: 85%;}
.login-card .line.l{left: 52px;}
.login-card .line.r{right: 45px;}
.login-card .division span{font-weight: 600;font-size: 14px;}
.login-card .myform{padding: 0 25px 0 33px;}
.login-card .form-control{border: 1px solid #57557A;border-radius: 3px;background: #dddddd;margin-bottom: 20px;letter-spacing: 1px;color:#222;}
.login-card .form-control:focus{border: 1px solid #57557A;border-radius: 3px;box-shadow: none;background: #dddddd;color: #222;letter-spacing: 1px;}
.login-card .bn{text-decoration: underline;}
.login-card .bn:hover{cursor: pointer;}
.login-card .form-check-input {margin-top: 8px!important;}
.login-card .btn-primary{background: #9c8849;color:#222222;border: none;border-radius: 50px;}
.login-card .btn-primary:focus{box-shadow: none;border: none;}
.login-card small{color: #F2CEFF;}

.nudge{position:relative;top:0;left:285px;width:calc(100vw - 285px);height:calc(100vh - 85px);overflow-y:scroll;}
.nudge-short{position:relative;top:0;left:125px;width:calc(100vw - 125px);height:calc(100vh - 85px);overflow-y:scroll;}

.btn-secondary{background: #9c8849!important;color:#222;}
.dropdown-menu{background: #9c8849!important;}
.dropdown-menu li a{color:#222;}

/* NEW GAME */
.preview_img{width: 100%;height: 300px;background: #222222;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;padding: 20px;}
.preview_img .main_img{width: 100%;height: 100%;overflow: hidden;box-shadow: inset 0 0 10px 0 #000000;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;
    -o-border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.preview_img img{width: 100%;height: 100%;display: block;}
.imgHidden{display: none;}
.imgUploadCss{display: block;width:100%;background: #222222;font-size: 16px;font-weight: 400;color: #9c8849;padding: 20px 20px;margin-top: 16px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
    -ms-border-radius: 6px;-o-border-radius: 6px;position: relative;overflow: hidden;cursor: pointer;text-align: right;}
img[alt="Not Image Selected"]{color: #9c8849;}

/* DASHBOARD */
#dates{display:none;}
#dates-submit{display:none;}

/* CALENDAR */
#calendar-container{position:relative;width:100%;height:calc(100vh - 130px);overflow-x:scroll;border-bottom:1px solid #222;}
#calendar-headers{position: relative;display: flex;align-items: center;width:fit-content;}
#calendar-headers .calendar-day{width:300px;background:white;padding:10px;border: 2px solid #19123B;font-weight:bold;}
#calendar-picker{float:right;background:#19123B;color:white;cursor:pointer;}

/* COMMON */
.card-standard{background:white;color:#9c8849;border:1px solid #c5c5c5;height:fit-content;}
.input-group-text{background-color:#222222!important;color:#9c8849!important;width:150px;}
.btn-primary{width:200px;background:#222222;color:#9c8849;}
.btn-primary:hover{width:200px;background:#222222;color:white;}
.btn-primary:active{width:200px;background:#222222!important;color:white!important;}

.el-sub-text{text-align:left;padding:10px 0 10px 0;}

td{vertical-align:middle;}

.nav-link{color:#9c8849;font-weight:bold;}
.nav-link:hover{color:#9c8849;font-weight:bold;}
.nav-link:active{color:#9c8849;font-weight:bold;}

.group-box{position:relative;border-radius:5px;border:1px solid #999;padding:5px;height:fit-content;width:100%;}
.group-box-blocks:before{content:"Blocks / Puzzles";position:absolute;top:-18px;left:10px;padding:10px;background:white;color:#999;font-weight:bold;}
.group-box-settings:before{content:"Block Settings";position:absolute;top:-18px;left:10px;padding:10px;background:white;color:#999;font-weight:bold;}

.blocks-header{}
.game-block{margin-bottom:10px;}
.game-block-header{background-color:#dbc88d;}

/* BREADCRUMBS */
a:link{color:#9c8849;text-decoration:none;font-weight:bold;}
a:hover{color:#9c8849;text-decoration:none;font-weight:bold;}
a:visited{color:#9c8849;text-decoration:none;font-weight:bold;}

@media(min-width: 767px){
    .login-card .bn{text-align: right;}
}
@media(max-width: 767px){
    .login-card .form-check{text-align: center;}
    .login-card .bn{text-align: center;align-items: center;}
    .nudge-short{position:relative;top:0;left:85px;width:calc(100vw - 85px);height:calc(100vh - 85px);overflow-y:scroll;}
    .nudge{position:relative;top:0;left:85px;width:calc(100vw - 85px);height:calc(100vh - 85px);overflow-y:scroll;}
}
@media(max-width: 450px){
    .login-card .division .line{width: 50%;}
}