LittleDemon WebShell

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*font-family: 'Montserrat', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Poppins', sans-serif;*/
/*font-family: 'Raleway', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/
:root {
    --background: #ebebeb;
    --of-white: #fff8f7;
    --white: #fff;
    --black: #000000;
    --silver:silver;
    --log_color:#3488c8;
    --subheader:#999999;
    --sub-heading: #8f8f8f;
    --view: #17a2b8;
    --delete: #dc3545;
    --submit: #28a745;
    --edit: #6c757d;
    --done: #007bff;
    --warning: #ffc107;
    --online:#28a745;
    --break: orange;
    --offline: rgb(233, 233, 233);
    --blue: #354052;
    --darkblue:#2b3443;
    --update: #ff9800;
    --house-light: #dc0b0b;
    --house-color: #C02222;
    --house-dark: #a40404;
    --secound-color: #FCEBEB;
    --footer-bg: #5b5b5b;
    --dark: #929292;
    --mid: #b6b6b6;
    --mid-light: #e8e8e8;
    --light: var(--white);
    --text-light: #efe5e4;
    --light-text:#484848;
    --text-dark: #37272a;
    --text-mid: #585252;
    --dark-transprant: #00000065;
    --light-silver:#c5c5c5;
  }
.no-hover{
    color: unset !important;
}
.house-color{
    color: var(--house-color) !important;
}
.house-color-light{
    color: var(--house-light) !important;
}
.bg-house-color-light{
    background: var(--house-light) !important;
}
title {
    color: var(--house-dark);
    display: block;
    
    font-size: 14px;
}
body{
    font-family: 'Poppins', 'Roboto','Open Sans','Montserrat','Raleway';
    font-weight: 400;
    padding: 0;
    margin: 0;
    cursor: default;
}
a{
    text-decoration: none;
    color: unset;
}
button {
    cursor: pointer;
}
.pointer{
    cursor: pointer;
}
.overflow-y-auto{
    overflow-y: auto;
}
.overflow-x-hidden{
    overflow-x: hidden;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--house-light) !important;
}


.scroll:not(:hover)::-webkit-scrollbar {
    display: none;
}

::-webkit-scrollbar {
    width: 4px;
}
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
 
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

.fs-7{
    font-size: 0.90rem !important;
}
.fs-8{
    font-size: 0.80rem !important;
}
.fs-9{
    font-size: 0.75rem !important;
}


a.nav-link.active {
    background: var(--white) !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 10px;
}
a.nav-link.active .d-flex.justify-content-center.align-items-center.shadow.rounded-3.col-2 {
    background: var(--house-light) !important;
    box-shadow: none !important;
}
a.nav-link.active .d-flex.justify-content-center.align-items-center.shadow.rounded-3.col-2 span.fs-6 {
    color: var(--white);
}
a.nav-link.active .fs-6.fw-medium.ms-2.text-secondary {
    color: var(--black) !important;
}