body {
    font-family: 'Titillium Web', sans-serif ;
    background-color: #b7c7d5;
}

.top_header {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%,  rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );
    box-shadow: 0 3px 5px rgba(57, 57, 57, 0.74);
    min-height: 50px;
}

.btn_logout {
    color: white;
    border: 1px solid #ffffff91;
    border-radius: 0;
    padding: 0 5px;
    background-color: #c44646;
    font-size: 0.9rem;
}


/* BANNER CARD START */
.graf_container {
    min-height: 200px;
}

.banner_card {
    position: relative;

        /*border: 1px solid rgba(124, 124, 124, 0.58);*/
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
    border-radius: 0 0 5px 5px;
    transition: none !important;
}

.banner_table {
    position: relative;
    min-height: 20px;
    border: 1px solid rgba(124, 124, 124, 0.58);
    width: 100%;
    box-shadow: 3px 2px 3px rgba(124, 124, 124, 0.56) inset, -3px 2px 3px rgba(124, 124, 124, 0.56) inset;
    border-radius: 5px;
    transition: all 300ms linear;
}

.banner_card_graf {
    background-color: rgba(255, 255, 255, 0.9);
}

.banner_card_title {
    position: absolute;
    width: 100%;
    top: 0;
    height: 22px;
    /*background-color: #344767;*/
    background-color: #0077BD;
    color: #dfdfdf;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
}

.icon-shape {
    width: 37px !important;
    height: 37px !important;
}

.top-navigation .nav-item {
    margin-bottom: 4px !important;
}
.navbar-vertical .navbar-nav .nav-link .icon svg {
    stroke: #0077BD;
    width: 32px;
    height: 32px;
}

#sidenav-main a.nav-link:hover .icon svg {
    stroke: #ffffff;
}

.sidenav-header {
    height: 11rem !important;
    padding: 2px 4px;
}

#sidenav-main a.nav-link:not(.active):hover {
   /* background-color: transparent);*/
    color: #225e9b;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(to left, #fff 0%,#fff 97%,#344767 97%, #344767 100% ) ;
}

#sidenav-main a.nav-link:not(.active):hover .icon svg {
    stroke: #225e9b;
}


.nav.nav-pills .nav-link.active {
    -webkit-animation: 0.2s ease;
    animation: 0.2s ease;
    background: linear-gradient(to bottom, #fff 0%,#fff 95%, #225e9b 100% ) ;
    color: white;
}
#sidenav-main .nav-link.active  {
    background-color: #344767;
    color: white;
    box-shadow: 0 2px 3px #2830a4db;
}

.navbar-vertical .navbar-nav .nav-link.active .icon svg {
    stroke: #FFFFFF;
    width: 32px;
    height: 32px;
}



.g-sidenav-show .logo-img,
.g-sidenav-show.g-sidenav-pinned .logo-img
{
    width: 140px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.g-sidenav-show.g-sidenav-hidden .logo-img
{
    width: 100% !important;
    height: auto;
    display: block;
    margin: 0 auto;
}

.navbar-vertical .navbar-brand > img, .navbar-vertical .navbar-brand-img {
    max-height: unset;
}

.sidenav .navbar-brand {
    padding: 0.2rem 0.4rem;
}

.btn.btn-primary.btn-sm {
    padding: 0.2rem 0.5rem;
    /* background: #222f57 !important;*/
    border-radius: 0;
}

.exp_container {
    width: 25px;
    height: 25px;
    background-color: #225e9b;
    color: white;
    padding: 1px 4px 0 0;
    display: inline-block;
    border-radius: 4px;

}

.exp_container > a {
    font-weight: normal;
}