/* ---------- Original branding ---------- */
@charset "UTF-8";
#header {
    /*change the background colour of top navbar */
  background-color:white;
}

.header-link {
    /*change the background of top navbar mobile\expnadable section  */
    background-color: white;
}
.light-version#logo {
     /*change the background of top navbar where company logos  */
    background-color: white ;
}

.header-link:hover {
     /*change the color of navbar icons and background  */
    background: white;
    background-color: white;
}



.navbar.navbar-static-top a, .nav.navbar-nav li a{
    color: #2a2a2a ;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus{
    color: #41A248 ;
    background-color: #2a2a2a ;
}

.color-line{
    background-color: #2a2a2a ;
    background-image : none;
    height: 6px;
}

.btn-success {
    background-color: #2a2a2a;
    border-color: #2a2a2a; 
    color: white;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #41A248;
    border-color: #41A248; /*set the color you want here*/
}

.btn-success.btn-outline {
    color: #fff ;
}

.btn-default {
    background-color: #2a2a2a ;
    border-color: #2a2a2a ;
    color: white ;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #41A248;
    border-color: #41A248; /*set the color you want here*/
}

.text-success {
    color: #2a2a2a;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2a2a2a;
    border-color: #2a2a2a;
    color: #fff;
}
#wrapper {
    background: white;

}
.panel-group .panel-heading {
    background-color: white;
}

#side-menu li a {
    color: #2a2a2a;
}

#side-menu li.active a, #side-menu li:hover a {
    color: #41A248;
}

#side-menu li .nav-second-level li a {
    color: #2a2a2a;
}

#side-menu li .nav-second-level li.active a {
    color: #41A248;
   
}

#side-menu {
    background: white;
}

.text-logo {
  color: #41A248;
}
a.text-logo:hover {
  color: #41A248;
}


.LogoImage {
    height: auto;
    width: 110%;
    position: relative;
    top: -3px;
    left: -10px;
}

a.text-success:hover {
    color: #41A248 ;
} 

 .hpanel.panel-collapse > .panel-heading, .hpanel .hbuilt {

    background: transparent;
    border-color: #e4e5e7;
    border: 1px solid transparent;
        border-bottom-color: rgb(228, 229, 231);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    padding: 10px 10px;
    border-radius: 2px;

}

body.blank {
 
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}

.login-container{
	max-width: none;
    margin: auto;
    padding-top: 0%;
}

.login-container-main {
    max-width: 420px;
    margin: 100px auto 0px auto;
}

.login-logo{ 
	display:block;
	margin: 0 auto;
	width: 100%;
	max-width: 420px;
 }
 
 @media (min-width:992px){
     .login-logo{
        max-width: 420px;
        margin: auto;
        padding-bottom: 20%;
        position: absolute;
        max-width: 420px;
     }
 }

.Copyright {
    text-decoration: underline;
    color: white;
}

table thead {
    border-bottom: 3px solid #41A248;
}

table tbody {
    border-bottom: 3px solid #41A248;
}

/* ---------- Generated v2 token branding ---------- */
:root {
    --brand-primary: #2a2a2a;
    --brand-primary-hover: #2a2a2a;
    --brand-secondary: #2a2a2a;
    --brand-secondary-hover: #2a2a2a;
    --legacy-shell-bg: #ffffff;
    --color-focus: #2a2a2a;
    --color-focus-ring: rgba(42, 42, 42, 0.18);
}