:root{
  --blue:#4052D6;
  --orange:#f26522;
  --white:#ffffff;
  --black:#000000db;
  --light-green:#00D1D1;
  --green:#00ADAD;
  --dark-green:#005C5C;
}


.logo-container .logo{ height:75px; margin-bottom:10px; }

.header-container .logo{ height:25px !important }

.logo-material{ background-image:url(../img/lanocloud2.png); background-size:auto 30px;}
.logo-caption{ color:var(--dark-green);}
.header-container{ background: var(--dark-green); }
.btn-custom { background-color: var(--green); color: #ffffff; }

.learn-more-link{ background-color:var(--green); }

.top-header{ background:linear-gradient(90deg, var(--dark-green), var(--dark-green)) }

#main-logo{ width:200px; background-color:var(--dark-green); box-shadow:3px 0px 10px 0px rgb(82 63 105 / 6%); }
#main-logo img{ height:25px; margin:5px auto 0 auto; }
#navigation{ width:200px; box-shadow:3px 0px 10px 0px rgb(82 63 105 / 6%); } 
.icon-view-ul{ width:200px; }
body{ padding-left: 200px; }
.header { left: 200px; }
#navigation{ padding:0; }
#navigation ul li a{min-height:50px; text-align:left; padding: 10px 15px; padding-left: 40px; font-size: 12px; color: #1f2f39; font-weight: 700 !important;}
#navigation ul li a small{ display:block; margin:0px -5px 0 0; letter-spacing:-0.3px; font-weight:500 !important; color: #75868f; }
#navigation li a .fa { position: absolute; display: inline-block; left: 25px; top: 18px; }
#navigation ul li a img{ position:absolute; width:25px; left:7px; top:11px; }
#navigation ul li ul{ left:115px;}

.logo-caption{ display: block; letter-spacing:0px;  font-weight: 700;font-size: 9px;text-align: center;letter-spacing: -0.2px;color: var(--dark-green);opacity: 0.8;background-color: #e9eef5;padding: 10px 0; }
.with-side-navigation{ left:210px; }

#navigation ul li:hover .custom-dropdown-menu{ display: none !important; }

.report-card{ border-radius:0; }
.dataTables_wrapper{ border-radius: 0; }
.add-selector{ border-radius: 0; }

.general-report-ul li a{ border-radius: 2px; }
.general-report-ul li .menu-option a{ border-radius: 2px; }

.disabled-css{ color:inherit !important; }

@media (min-width: 0px) and (max-width: 850px) {
    .login-box .logo{
        height:75px !important;
        margin: 0 auto 25px auto;
    }
    .login-box h3{ text-align: center;}
  
    body{ padding:60px 0 0 0;}
    .header { left: 0; }
    #navigation { top:60px; }
}