/* Branded CSS */
:root {
    

    --primary: rgb(203, 88, 60);
    --primary-light: rgb(236, 143, 120);
    --secondary-brand: rgb(25, 30, 73);
    --secondary-brand-light: rgb(44, 50, 115);
    --secondary: rgb(108, 117, 125);
    --secondary-light: rgb(48, 161, 102);
    --success: rgb(24, 108, 63);
    --danger: rgb(182, 59, 59);
    --warning: rgb(227, 184, 74);
    --info: rgb(143, 207, 241);
    --info-hover: rgb(35, 102, 138);
    --light: rgb(230, 230, 230);
    --dark: rgb(31, 31, 31);
    --muted: rgb(147, 149, 152);
    --white: rgb(255, 255, 255);
    
    /* Default */
    /*--primary: rgb(171, 95, 14);*/
    /*--primary-light: rgb(227, 161, 89);*/
    /*--secondary-brand: rgb(0, 0, 0);*/
    /*--secondary: rgb(108, 117, 125);*/
    /*--secondary-light: rgb(48, 161, 102);*/
    /*--success: rgb(24, 108, 63);*/
    /*--danger: rgb(182, 59, 59);*/
    /*--warning: rgb(227, 184, 74);*/
    /*--info: rgb(143, 207, 241);*/
    /*--info-hover: rgb(35, 102, 138);*/
    /*--light: rgb(230, 230, 230);*/
    /*--dark: rgb(31, 31, 31);*/
    /*--muted: rgb(147, 149, 152);*/
    /*--white: rgb(255, 255, 255);*/
    
    --grey5:rgb(241, 242, 242) ;
    --grey10: rgb(241, 242, 242);
    --grey20: rgb(241, 242, 242);
    --grey30: rgb(241, 242, 242);
    --grey40: rgb(241, 242, 242);
    --grey50: rgb(241, 242, 242);
    --grey60: rgb(241, 242, 242);
    --grey70: rgb(241, 242, 242);
    --grey80: rgb(241, 242, 242);
    --grey90: rgb(241, 242, 242);
    --black: rgb(0,0, 0);
    
}


body {
    background-color: var(--secondary-brand) !important;
}

.navbar-inverse {
    background-color: var(--secondary-brand) !important;
}

.top-nav>li>a {
    color: var(--light) !important;
}

.top-nav>li>a:hover {
    color: var(--light) !important;
}

.side-nav {
    top: 91px !important;
    background-color: var(--secondary-brand) !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ddd !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color:var(--light) !important;
}

.navbar-inverse .navbar-brand {
    color: #CCC !important;
}

.side-nav li a:hover, .side-nav li a:focus {
    background-color: var(--primary) !important;
}

.side-nav>li>ul>li>a {
    color: #aaa !important;
}

.side-nav>li>ul>li>a:hover {
    color: #eee !important;
}

.breadcrumb > .active {
    color: #555 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #EEE !important;
}

.btn-default {
    color: var(--light) !important;
    background-color: var(--primary) !important;
    border: var(--primary) !important;
}

.btn-default:hover {
    color: var(--light) !important;
    background-color: var(--primary-light) !important;
    border: var(--primary) !important;
}

.btn-primary {
    color: var(--light) !important;
    background-color: var(--primary)  !important;
    /*border-color: #20409A  !important;*/
}

.btn-primary:hover {
    color: var(--light) !important;
    background-color: var(--primary) !important;
    /*border-color: #1D3579 !important;*/
}

.btn-success-hover-only:hover {
    color: var(--light) !important;
    background-color: var(--success) !important;
    /*border-color: #4cae4c !important;*/
}

.btn-danger-hover-only:hover {
    color: var(--light) !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-gray {
    color: var(--light);
    background-color: #b0b0b0;
    border-color: #b0b0b0;
}

.btn-gray:hover {
    color: var(--light);
    background-color: #808080;
    border-color: #808080;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    color: var(--grey10) !important;
    background-color: var(--primary) !important;
    /*border-color: #20409A !important;*/
}

a {
    color: var(--black) !important;
}

a:hover {
    color: #333 !important;
}

footer {
    color: var(--black);

}

footer a {
    color: var(--info) !important;
}

footer a:hover {
    color: var(--info-hover) !important;
}

#btm {
    color: var(--grey10) !important;

}


/*body {*/
/*    background-color: #1d1d1d !important;*/
/*}*/

/*.navbar-inverse {*/
/*    background-color: #1d1d1d !important;*/
/*}*/

/*.top-nav>li>a {*/
/*    color: #ddd !important;*/
/*}*/

/*.top-nav>li>a:hover {*/
/*    color: #fff !important;*/
/*}*/

/*.side-nav {*/
/*    top: 91px !important;*/
/*    background-color: #1d1d1d !important;*/
/*}*/

/*.navbar-inverse .navbar-nav > li > a {*/
/*    color: #ddd !important;*/
/*}*/

/*.navbar-inverse .navbar-nav > li > a:hover {*/
/*    color: #fff !important;*/
/*} */

/*.navbar-inverse .navbar-brand {*/
/*    color: #CCC !important;*/
/*}*/

/*.side-nav li a:hover, .side-nav li a:focus {*/
/*    background-color: #20409A !important;*/
/*}*/

/*.side-nav>li>ul>li>a {*/
/*    color: #aaa !important;*/
/*}*/

/*.side-nav>li>ul>li>a:hover {*/
/*    color: #eee !important;*/
/*}*/

/*.breadcrumb > .active {*/
/*    color: #555 !important;*/
/*}*/

/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {*/
/*    background-color: #EEE !important;*/
/*}*/

/*.btn-default {*/
/*    color: #fff !important;*/
/*    background-color: #3F83D1 !important;*/
/*    border: #444 !important;*/
/*}*/

/*.btn-default:hover {*/
/*    color: #ffffff !important;*/
/*    background-color: #20409A !important;*/
/*    border: #333 !important;*/
/*}*/

/*.btn-primary {*/
/*    color: #fff !important;*/
/*    background-color: #3F83D1  !important;*/
/*    border-color: #20409A  !important;*/
/*}*/

/*.btn-primary:hover {*/
/*    color: #ffffff !important;*/
/*    background-color: #20409A !important;*/
/*    border-color: #1D3579 !important;*/
/*}*/

/*.btn-success-hover-only:hover {*/
/*    color: #ffffff !important;*/
/*    background-color: #5cb85c !important;*/
/*    border-color: #4cae4c !important;*/
/*}*/

/*.btn-danger-hover-only:hover {*/
/*    color: #ffffff !important;*/
/*    background-color: #d9534f !important;*/
/*    border-color: #d43f3a !important;*/
/*}*/

/*.btn-gray {*/
/*    color: #ffffff;*/
/*    background-color: #b0b0b0;*/
/*    border-color: #b0b0b0;*/
/*}*/

/*.btn-gray:hover {*/
/*    color: #ffffff;*/
/*    background-color: #808080;*/
/*    border-color: #808080;*/
/*}*/

/*.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {*/
/*    color: #eee !important;*/
/*    background-color: #20409A !important;*/
/*    border-color: #20409A !important;*/
/*}*/

/*a {*/
/*    color: #000 !important;*/
/*}*/

/*a:hover {*/
/*    color: #333 !important;*/
/*}*/

/*footer {*/
/*    color: #000;*/
/*   */
/*}*/

/*footer a {*/
/*    color: #8fcff1 !important;*/
/*}*/

/*footer a:hover {*/
/*    color: #20409A !important;*/
/*}*/

/*#btm {*/
/*    color: #eee !important;*/
/*}*/