/* Body Styles */

body {
    position: relative;
    color: var(--dark-grey);
    background-color: #000000;
    font-family: Almarai, sans-serif;
    --blue: #6baed6;
    --green: #74c476;
    --grey: #6c757d;
    --dark-grey: #212529;
    --red: #ed6666;
    --red-hover: #e86f6f;
    --light-grey: #a8b4bf;
    --off-white: #e6ecf2;
    --gold: #fcc600;
}

table {
    width: 0px; !important;
    height: 0px; !important;}

h1 {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--blue);
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none !important;
}

a {
    color: var(--grey) !important;
    text-decoration: none !important;
}

a:hover, a>h2:hover{
    color: var(--blue) !important;
    text-decoration: none !important;
}

h2 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: lightgray;
    padding-left: 10px;
    padding-right: 10px;
}

h6 {
    font-size: 20px !important;
    color: #ffffff !important;
    padding-left: 5px !important;
}


/* Sidebar Styles */



.row.logo-name {
}

.sidebar .nav-link span {
    font-size: 1rem;
}

.dropdown-item:hover {
    background-color: #ddebf9;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.text-gold {
    color: var(--gold)!important;
}

.text-blue {
    color: var(--blue)!important;
}

.text-dark-blue {
    color: #0069a8!important;
}

.text-purple {
    color: #4b257a!important;
}

.text-white, .text-white:hover {
    color: white!important;
}

.text-black {
    color: black !important;
}

.text-red {
    color: var(--red)!important;
 }

.text-gray {
    color: darkgray!important;
}

.text-green {
    color: var(--green) !important;
}

.text-light-green {
    color: var(--green) !important;
}

.text-light-grey, .text-light-gray {
    color: lightgray
}

.text-yellow {
    color: yellow;
}

.bg-grey {
    background-color: var(--grey) !important;
}

.bg-light-gray, .bg-light-grey {
    background-color: #e3e3e3 !important;
}

.bg-black {
    background-color: black !important;
}

.bg-blue {
    background-color: var(--blue)!important;
}

.bg-light-white {
    background-color: #f3f3f3 !important;
}

.bg-white {
    background-color: white !important;
}

.hover-bg-green:hover {
    background-color: var(--green)!important;
    border-color: var(--green)!important;
}

.hover-bg-red:hover {
    background-color: var(--red)!important;
    border-color: var(--red)!important;
}

.bg-very-dark {
    background-color: #0d0d0d!important;
}

.bg-dark {
    background-color: #1b1b1b !important;
}

/* BREADCRUMB STYLES */

.bread-crumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    color: white;
    padding-left: 10px;
    font-size: 20px;
    text-decoration:none;
}

.bread-crumb:hover{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    color: var(--blue) !important;
    padding-left: 10px;
    font-size: 20px;
    text-decoration:none;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #F0F8FF;
        background-color: #CD0B0B;
    }

.nested-1{
    background-color: rgb(240, 240, 240)!important;
}
.nested-2{
    background-color: rgb(230, 230, 230)!important;
}
.nested-3{
    background-color: rgb(220, 220, 220)!important;
}

.border-hover-0:active, .border-hover-0:focus{
    border-width: 0!important;
    outline: none !important;
    box-shadow: none !important;
}

.text-long {
    white-space: nowrap;!important;
    overflow: hidden;!important;
    text-overflow: ellipsis;!important;
    text-align: left; !important;
}

.text-long-center {
    white-space: nowrap;!important;
    overflow: hidden;!important;
    text-overflow: ellipsis;!important;
}

.border-blue {
  border-color: var(--blue) !important;
}

.border-green {
  border-color: var(--green) !important;
}

.border-red {
  border-color: var(--red) !important;
}