:root {
    --sidebar-width: 250px;
    --sidebar-bg: rgb(10, 46, 227);
    --sidebar-accent: rgb(49, 137, 251);
    --primary-color: #0042E7;
    --secondary-color: rgb(49, 137, 251);
    --white: rgb(255, 255, 255);
    --black: rgb(0, 0, 0);
    --black2:rgba(0, 0, 0, 0.414);
    --black3:rgba(0, 0, 0, 0.955);
    --transparent0: rgba(255, 255, 255, 0.006);
    --transparent50: rgba(0, 0, 0, 0.51);
    --err1: rgba(247, 65, 65, 0.734);
    --err2: red;
    --succ1: rgba(65, 247, 126, 0.734);
    --succ2: rgb(8, 161, 72);
    --notice1: rgba(247, 217, 65, 0.734);
    --notice2: rgb(161, 138, 8);
    --gray: rgba(237, 237, 237, 0.729);
}

html,
body {
    height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    overflow-x: hidden;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.text-red{
  /* color: red; */
}

.text-red2{
  color: rgba(237, 56, 56, 0.671);
}

.text-small{
  font-size: .5rem; 
}

.text-small6{
  font-size: .6rem; 
}

.text-small7{
  font-size: .7rem; 
}

.text-small8{
  font-size: .8rem; 
}



.text-small2{
  font-size: .6rem;
  color: red;
}

/* Sidebar */
.sidebar {
    width: var(--sidebar-width);
    height: 100vh;
    background: var(--sidebar-bg);
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    overflow-y: auto;
    transform: translateX(0);
    transition: transform .25s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, .12);
}

.sidebar .brand {
    padding: 1rem;
    font-weight: 700;
}

.sidebar .nav-link {
    color: #d1d5db;
    padding: .6rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    border-radius: 6px;
    transition: background .2s;
    margin-bottom: .4rem;
}

.sidebar .nav-link:hover {
    color: #fff;
    background: var(--sidebar-accent);
}

.sidebar .nav-link .label {
    display: flex;
    gap: .6rem;
    align-items: center;
    font-size: .90rem;
}

.sidebar .nav-link.active {
    background: var(--sidebar-accent);
    color: #fff !important;
}

/* Submenu */
.submenu {
    padding-left: .6rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease;
}

.nav-item.open>.submenu {
    max-height: 1000px;
}

.sidebar .submenu .nav-link {
    padding-left: 1.1rem;
    font-size: .90rem;
}

.sidebar .submenu .submenu .nav-link {
    padding-left: 1.8rem;
    font-size: .90rem;
}

/* Mobile */
@media (max-width: 767.98px) {
    .sidebar {
        transform: translateX(-110%);
    }

    .sidebar.show {
        transform: translateX(0);
    }

    .sidebar .close-mobile {
        display: inline-flex;
    }

    .content {
        margin-left: 0 !important;
    }

    #overlay {
        display: none;
    }

    #overlay.show {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .45);
        z-index: 1030;
    }
}

/* Desktop */
@media (min-width: 768px) {
    .sidebar .close-mobile {
        display: none;
    }

    .content {
        margin-left: var(--sidebar-width);
        transition: margin-left .25s ease-in-out;
    }

    #overlay {
        display: none !important;
    }
}

.sidebar hr {
    border-color: rgba(255, 255, 255, .06);
    margin: .5rem 1rem;
}

.topbar {
    height: 56px;
    line-height: 56px;
    z-index: 1020;
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 1025;
}

.no-scroll {
    overflow: hidden;
}

.form-label{
    font-weight: 650;
    color: var(--black2);
    text-transform: capitalize;
}

.card-header button {
    font-weight: 800;
    color: var(--black3);
    text-transform: capitalize;
}

.capText {
  text-transform: capitalize;
}

.lowerText { 
  text-transform: lowercase;
}

.upperText {
  text-transform: uppercase;
}

.card-header .btn-link{
    color: var(--black2);
}


/*** Dashboard footer ***/
.dashboard-footer {
    position: fixed;
    bottom: 0;
    left: 250px; 
    right: 0;
    height: 35px;
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: #555;
  }
  
  .content {
    padding-bottom: 50px !important; 
  }
  

  @media (max-width: 768px) {
    .dashboard-footer {
      left: 0;
    }
  }

  .errLight, .succLight, .noticeLight{
    color: var(--black);
    list-style: none;
    text-decoration: none;
    font-size: .9rem;
    padding: .8rem;
    padding-left: .5rem;
    padding-right: 1rem;
    line-height: 2rem;
    width: 20rem;
    max-width: 100%;
    height: max-content;
    border-radius: .6rem;
  }

  .errLight2, .succLight2, .noticeLight2{
    color: var(--white);
    font-size: .7rem;
    font-weight: 600;
    padding: .6rem;
    border-radius: .4rem;
    margin-right: .5rem;
  }

  .errLight{
    background-color: var(--err1);
  }
  .errLight2{
    background-color: var(--err2);
  }

  .succLight{
    background-color: var(--succ1);
  }
  .succLight2{
    background-color: var(--succ2);
  }

  .noticeLight{
    background-color: var(--notice1);
  }
  .noticeLight2{
    background-color: var(--notice2);
  }

  .space1l{
    padding: 0 2rem;
  }
  .mr-3{
    margin-right: .5rem;
  }
  
  .keepWidthPre{
    overflow-x: auto;
    white-space: nowrap;
  }
  
  .keepWidthPre2 td{
    overflow-x: auto;
    white-space: nowrap;
  }
  
  .keepWidthPre2 th{
    /* overflow-x: auto; */
    white-space: nowrap;
  }

  .max-w{
    max-width: 70%;
  }

  .max1{
    max-width: 1rem;
  }
  .max2{
    max-width: 2rem;
  }
  .max3{
    max-width: 3rem;
  }

  .max5{
    max-width: 5rem;
  }

  .pointer{
    cursor: pointer;
  }

  /* select[multiple] {
    height: 100px;
    background-color: #fdfdfd;
  } */

  .img1{
    border: .1rem solid var(--gray);
    height: 3rem;
    width: auto;
    /* min-width: 4rem; */
    max-width: 9rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    /* background-color: red; */
    /* background-image: url('/superds/img/site_logo_image.png&site3'); */
  }

  .flex{
    display: flex;
    justify-content: left;
    align-items: center;
  }

  /* .tox-promotion, .tox-statusbar__branding, .seen{
    display: none;
  } */

  .tox-promotion, .tox-statusbar__branding{
    display: none !important;
  }

  .images1{
    width: 100px !important;
    height: 54px !important;
    border-radius: .4rem;
  }

  .images2{
    width: 100% !important;
    height: 100% !important;
  }

  .imagesrelated{
    width: 7rem !important;
    height: 3rem !important;
  }

  .bgimage{
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .select option{
    max-height: 2rem !important;
  }

  #delModal{
    display: none;
  }

  #delete:active, #delete:focus{
    background-color: red;
    color: white;
    border: none;
  }

  .tab{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  
  .tab .items{
    background-color: rgb(245, 245, 245);
    padding: 1rem;
    color: rgb(55, 54, 54);
    transition: all ease-out .5s;
    /* border-radius: ; */
  }
  
  .tab .items:hover{
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
    background-color: rgb(223, 217, 217);
    transition: all ease-in .5s;
  }
  
  #statetab, #localtab, #towntab{
    display: none;
  }
   
  .activetab{
    display: block !important; 
  }
  
  .activebtn{
    background-color: rgb(223, 217, 217);
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
  }



  .jideSelect{
    position: relative;
    width: 100%;
  }

  .jideSelect li, .jideSelect a{
      list-style: none;
      text-decoration: none;
  }

  .jideSelect li{
      padding: .5rem;
      border: .1rem solid rgb(243, 241, 241);
      cursor: pointer;
  }

  .jideSelect li:hover, .jideSelect li:focus{
      background-color: var(--primary-color);
      color: white;
  }

  .jideSelect .jcontent{
      max-height: 12rem;
      overflow: auto;
      display: none;
      position: absolute;
      z-index: 10;
      width: 100%;
      background-color: white;
  }


  /* .jideSelect .jcontent{
    max-height: 12rem;
    overflow: auto;
    display: none;
    position: sticky;
    z-index: 1;
    right: 0;
    left: 0;
    width: 100%;
    background-color: white;
    margin: 0;
} */



/* .navProfile{
  height: 1rem; 
  padding: 2rem; 
  background-color: rgb(224, 224, 224); 
  color: black;
  border-radius: .5rem;
} */
  
.profileDrop1{
  display: flex;
  flex-direction: column;
  position: relative;
}

.profileDrop1 .dropUl{
  background-color: white;
  padding: .5rem;
  border-radius: .5rem;
  display: flex;
  flex-direction: column;
  width: 10rem;
  overflow: auto;
  list-style: none;
  text-decoration: none;
  position: absolute;
  right: 0;
  margin-top: 2.4rem;
}

.profileDrop1 .dropUl .navProfile{
  padding: .5rem 1rem;
  border-radius: .3rem;
  background-color: rgb(224, 224, 224);
  line-height: 1.1rem;
  margin-bottom: .3rem;
}

.profileDrop1 .dropUl .dropList{
  padding: 1rem;
  margin: .5rem 0;
  background-color: rgb(246, 244, 244);
  height: 1rem !important;
  line-height: 0;
}

.profileDrop1 a{
  color: black;
  text-decoration: none;
}

.profileDrop1 .dropUl{
  display: none;
}

.profileDrop1 .dropBtn:hover ~ .dropUl{
  display: block;
  transition: all ease-in .4s;
}

.profileDrop1 .dropUl:hover{
  display: block;
  transition: all ease-in .4s;
}

.listLink{
  position: relative;
  background-color: green;
}


.psettings{
  /* display: none; */
  position: absolute;
  background-color: var(--primary-color);
  color: white;
  z-index: 99999 !important;
  bottom: 0;
  margin-left: 9rem;
  /* margin-top: 10rem; */
  padding: 1rem;
  min-height: 10rem;
  max-width: 30rem;
  border-radius: .6rem;

}

.links{
  width: 100%;
  color: white;
}

.link{
  color: white;
  text-decoration: none;
}
.links .link{

}


.headingText{
  border-left: .5rem solid var(--primary-color);
}

/* .ppty ~ .sidebar{
  overflow: visible !important;
} */

.ppty{
  position: relative;
}

#pptynav{
  display: none;
}

#pptynav{
  /* background-color: var(--primary-color); */
  background-color: rgba(73, 73, 73, 0.854);
  position: absolute;
  border-radius: .6rem;
  left: 40%;
  margin-top: -20px;
  z-index: 200;
  width: 12rem;
  padding: .2rem;
  overflow: auto;
  max-height: 14rem;
}

/* .ppty:hover ~ .pptynav{
  display: block;
}
.pptynav:hover{
  display: block;
} */



.adminTableHeight{
  max-height:40rem; 
  height: 24rem ;
}

#short{
  display: none;
}

.table th, .table td{
  white-space: nowrap;
}

.primary{
  background-color: var(--primary-color);
}

.primaryfocus:focus{
  background-color: var(--primary-color);
}


.primary2{
  color: var(--primary-color);
}

.pagination .active>.page-link{
  background-color: var(--primary-color);
  border: none;
}