/*Created by MS */

@font-face {
    font-family: Raleway-Regular;
    src: url(font/Raleway/static/Raleway-Regular.ttf) format('truetype');
}

@font-face {
    font-family: Raleway-SemiBold;
    src: url(font/Raleway/static/Raleway-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: Raleway-Medium;
    src: url(font/Raleway/static/Raleway-Medium.ttf) format('truetype');
}

:root {
    --bodyColor: #333;
    --blue: #1d4a75;
    --white: #ffffff;
    --bodyBg: #fff;
    --primaryColor: #038fcd;
    --linkColor: var(--primaryColor);
    --purple: #AA55A0;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #fff;
}

/* Track */
::-webkit-scrollbar-track {
    background: #d0d0d0;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    font-family: Arial;
    color: var(--bodyColor);
    /* background: var(--bodyBg);*/
    font-size: 13px;
    /*background: url(../../Shared/img/body-bg.jpg);*/
    height: 200px;
    width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
}

a {
    /*color: var(--linkColor) !important;*/
}

h1 {
    color: var(--primaryColor) !important;
    font-family: Raleway-Medium;
}

#top .fixed {
    background: #eee; 
    border:none;
}
nav.dark .nav-menu li a:active, nav.dark .nav-menu .nav-dropdown:hover > a, nav.dark .nav-menu li.active > a, nav.dark .nav-menu li.nav-dropdown a:active {
    background-color: transparent;
}
header .menuactive_dash {
    /*box-shadow: none;*/
    background: #aa55a0;
    border-bottom: 0px solid white;
}

header nav {
    background: var(--primaryColor) !important;
    box-shadow:none !important;
}

header nav .nav-menu li a {
    color: #fff !important;
}

header nav.dark .nav-menu .nav-dropdown ul {
    background: #00a5a5 !important;
}

header nav .nav-menu .nav-dropdown ul li a {
    padding: 6px 25px;
}

header nav.dark .nav-menu li ul li a:hover, header nav.dark .nav-menu li ul li:hover > a {
    background-color: #aa55a0;
}

    header nav.dark .nav-menu li a:hover {
        background-color: #aa55a0 !important;
    }

#navigation .main-nav > li.active > a {
    background: var(--primaryColor) !important;
}

#navigation .main-nav > li > a {
    font-family: Raleway-SemiBold;
}

#navigation .container-fluid {
    border-bottom: 3px solid var(--primaryColor);
}

.green, .blue, .orange, .lime, .GridPager span {
    background: var(--primaryColor) !important;
}

#main .box.box-bordered.box-color .box-title, #main .box.box-bordered.box-color .box-content {
    /* background: #fff; */
    border-color: var(--primaryColor) !important;
}

#main .box.box-color .box-title {
    background: var(--primaryColor) !important;
}

input[type="submit"].btn {
    /*background-color: var(--white) !important;*/
}

#main .page-header h1 {
    font-size: 22px;
}

.ic1 {
    color: var(--primaryColor) !important;
}

#navigation .main-nav > li.open > a, #navigation .main-nav > li > a:hover, .dropdown-menu > li > a {
    background: var(--primaryColor) !important;
}

#navigation .main-nav > li > a .caret {
    border-top-color: var(--primaryColor);
}

.btn.btn-primary {
    background: var(--primaryColor) !important;
}

input[type='radio']:checked:after {
    background-color: var(--primaryColor) !important;
}

#navigation .main-nav > li.open.active .dropdown-menu > .active > a {
    background: var(--primaryColor) !important;
}

.box-title {
    border-radius: 5px 5px 0px 0px;
}

#main .box .box-title h3 i {
    margin: 0 10px 0px 0px;
}

#main .box .box-title {
    border-bottom: none;
    padding: 13px 10px !important;
}

.table tr th {
    font-weight: normal;
    font-family: 'Raleway-SemiBold';
}

.table tr th, .table tr td {
    border-top: 1px solid #ddd !important;
}

.row-fluid-custom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.row-fluid-custom .span6 {
    width: 100%;
    margin: 0px;
}

.stats {
    margin: 0;
}

.form-group label, .form-horizontal .control-label {
    font-family: Raleway-Medium;
}

.box11-custom {
    border: 2px solid var(--primaryColor);
}

.box11-custom:hover {
    background: var(--primaryColor) !important;
    box-shadow: none;
}

.box11-custom:hover h4, .box11-custom:hover p, .box11-custom:hover .ic1 {
    color: #fff !important;
}

.box11-custom h4 {
    color: var(--primaryColor);
}

.modal-header h3 {
    line-height: 22px;
    font-size: 18px;
    font-family: Raleway-SemiBold;
}

.modal-header a {
    color: #fff !important;
}

.row-fluid {
    width: 100%;
}

.footer {
    background: var(--primaryColor) !important;
    border:none !important;   
}

.logo {
    display: block;
    padding: 4px 15px;
    float: left;
}

@media (max-width: 1023px) {
    .row-fluid-custom {
        display: block;
    }
}

.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
    /*background: #eee;*/
}

.sidebar-nav ul li a {    
   /* color: #fff;*/
    text-transform:uppercase;
}

.sidebar-nav > ul > li > a i {
    color: var(--primaryColor);
    text-align:center;
}

.sidebar-nav ul li a.active {
    background: #038fcd;
    color: var(--white);
    border-radius: 4px;
}

.sidebar-nav ul li a.active, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    border: none;
}

.sidebar-nav ul li ul li a{
    color:#333;
}
.btn-logout {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    text-transform: uppercase;
    background: var(--primaryColor);
    padding: 5px 10px;
    border-radius: 4px;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    background: var(--primaryColor);
    color: #fff !important;
    border-radius: 4px;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a > i {
   color: var(--white);
}

.mini-sidebar .sidebar-nav #sidebarnav > li > ul{
    width:300px;
}
.mini-sidebar .sidebar-nav > ul > li ul li a {
    border-bottom: 1px solid #ddd;
}
    .mini-sidebar .sidebar-nav > ul > li ul li a:hover {
        background: #eee;
        color: var(--primaryColor);
    }
.sidebar-nav > ul > li.active > a{
    background:var(--primaryColor);
    border-radius:4px;
}

.tab-content {
    box-shadow: none;
    border-top: 1px solid #dee2e6; 
    background: #fff;
    border: 1px solid #eee;
    padding:20px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .card-header {
    background: var(--blue);
}

.nav-tabs .nav-link {
    text-transform: uppercase;
    border-radius: 15px 15px 0px 0px;
}

.card-header, .card-title {
    font-family: Raleway-SemiBold;
    margin-bottom: 0px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
}
.card-no-border .card {   
  /*  box-shadow: none;*/
    border: 1px solid var(--blue);
    border-radius: 5px;
}

.card-header {
    background: var(--blue);
}

.card-custom {
    min-height: calc(100vh - 250px) !important;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
}