html {
    overflow-y: scroll;
}
.domainmod-css-text-highlight-red {
    color: #a30000;
}
.domainmod-css-text-highlight-green {
    color: #009933;
}
.domainmod-css-padding-left {
    padding-left: 10px;
}
.domainmod-css-normal-font-weight {
    font-weight: normal;
}
.domainmod-css-random-padding {
    padding-top: 7px;
    padding-bottom: 17px;
}
.domainmod-css-width-100-percent {
    width: 100%;
}
.domainmod-css-line-through {
    text-decoration: line-through;
}
.domainmod-css-color-black {
    color: #000000;
}
.domainmod-css-clear-both {
    clear: both;
}
.domainmod-css-logo-background-colour {
    background-color: #00a574;
}
.domainmod-css-sidebar-search-padding {
    padding-top: 10px;
    padding-bottom: 5px;
}
.dark-mode a {
    color: #e3e3e3;
}
.layout-fixed .main-sidebar .brand-link {
    background: #00a574;
}
.layout-fixed .navbar-white, .layout-fixed .dark-mode .navbar-white {
    background-color: #00a574;
    color: #fff;
}
.custom-flex{
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    min-height:65vh;
}
.custom-flex:before{
    width: 50%;
    content:'Welcome';
    background:url('/images/green-image.jpeg') ;
    height: 100%;
    background-size:cover;
    background-repeat:no-repeat;
    display: flex;
    color:#fff;
    justify-content: center;
    align-items: center;
    font-size: 55px;
    text-transform: uppercase;
    text-shadow: 0 0 black;
    font-weight: 700;
}
.custom-flex .login-box{
    width:50%;
    padding:50px;
    background:#fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:url('/images/map-image.jpeg') ;
    background-size:contain;
    background-position:top;
}
.custom-flex .login-box .alert{
    margin:20px 20px 0px;
}
.custom-flex .login-box p{
    padding:0px 20px;
}
.custom-flex .login-box p.login-box-msg{
    padding-bottom:20px;
}
body:has(.custom-flex){
    min-height:100vh;
}
.custom-flex .card-danger.card-outline{
   box-shadow:unset;
   border-top:0px
}
.custom-flex .card-danger.card-outline form button{
   background:#30A36D;
   border-color:#30A36D;
}
@media (max-width:991px){
  .custom-flex{
	display:block;
  }
  .custom-flex:before{
  	width:100%;
  }
  .custom-flex .login-box{
  	width:100%;
  }
  .login-page{
  	justify-content:start;
  }
  .custom-flex:before{
  	height:30%;
  }
}

.menu-section .submenu-section {
    margin-left: 20px !important;
}