body {
  overflow: hidden;
}

#success-alert {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 9999;
  width: 330px;
  animation: slide-in 0.5s forwards; /* Animation definition */
  box-shadow: 3px 3px 2px 1px;
}

@keyframes slide-in {
  0% {
    transform: translateX(100%); /* Start position */
  }
  100% {
    transform: translateX(0); /* End position */
  }
}


#danger-alert {
  position: fixed;
  top: 470px;
  right: 36px;
  z-index: 9999;
  width: 296px;
}
#filetabl{
  max-height: calc(100vh - 350px) !important; /* Set the desired maximum height */
  overflow-y: auto;
}
.dropdown-menu.dropdown-menu-end {
  position: fixed !important;
  z-index: 9999;
}


#filetabl thead {
  position: sticky;
  top: 0;
  background-color: #ffffff; /* Set the desired background color */
  z-index: 5;
}

#boxcard{
  max-height: calc(100vh - 200px); /* Set the desired maximum height */
  overflow-y: auto;
}

#boxtbl thead {
  position: sticky;
  top: 0;
  background-color: #f8f8f8; /* Set the desired background color */
  z-index: 5;
}

#usertbl thead {
  position: sticky;
  top: 0;
  background-color: #f8f8f8; /* Set the desired background color */
  z-index: 5;
}

.table-wrapper {
  max-height: calc(100vh - 350px); /* Set the desired maximum height */
  overflow-y: auto;
}

#usertbl {
  width: 100%; /* Set the desired width */
}

#roletbl thead {
  position: sticky;
  top: 0;
  background-color: #f8f8f8; /* Set the desired background color */
  z-index: 5;
}

#roletbl {
  width: 100%; /* Set the desired width */
}

.setbox {
  margin: 0 auto;
  padding: 2rem 0 0 !important;
  width: calc(100% - 40px) !important;
}
.adduser {
  position: absolute;
  top: 30px; 
  right: 30px;
}

.addrole{
  position: absolute;
  top: 30px;
  right: 30px;
}
span.warehouse {
  padding-left: 2px;
}
span.mywarehouse {
  padding-left: 2px;
}

span.room {
  padding-left: 2px;
}
.jstree-default .jstree-hovered{
  background: #dcdcd1 !important;
 
}
.jstree-default .jstree-clicked {
  background: #ebeef2;
}

.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
  text-decoration: none;
  color: #1e293b !important;
}

.jstree .jstree-open > .jstree-children {
  display: block;
  padding: 4px 8px 0;
}

.jstree .jstree-closed > .jstree-children {
  display: block;
  padding: 4px 8px 0;
}


.jstree-default .jstree-node {
  
 margin-left: 0 !important;
  
}

.jstree-default .jstree-hover{
  background: #f1f5f9 !important;
  border-radius: 0px;
  
}

.logo-img-lg {
  !i;!;
  margin-bottom: -10px;
  padding-bottom: 10px;
}


.has-aside .nk-content-inner {
  margin-top: 60px;
}


.nk-header.is-light {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
 
}

#spinner-div {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 250;
left: 50;
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
z-index: 2;
align-content: center;
}


.preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-image: url('../assets/images/loader.gif');
background-repeat: no-repeat; 
background-color: #FFF;
background-position: center;
}
#roomctrlbtngrp {display: none;}
#addrooms{display: none;}
#addroombtngrp{display: none;}
#textsoft{display: none;}
#dangeralert{display:none;}
.nk-tb-list { font-size: 14px;}

.nk-tb-head .nk-tb-col {

color: #526484; 
font-size: 1em; 
border-bottom: 1px solid #dbdfea;
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
}

.selectedbarcodebox-btn 
{ background-color: #000000;
color: #FFFFFF !important;
}

.custom-label 
{
font-size: 14px;
line-height: 35px;
padding-left: 5px;
}



.text-blue-soft {
color: #006978 !important;
}




.avatar-upload {
position: relative;
max-width: 105px;
margin: auto;
}
.avatar-upload .avatar-edit {
position: absolute;
right: 0px;
z-index: 1;
top: 0px;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: inline-block;
width: 26px;
height: 26px;
text-align: center;
margin-top: 10px ;
border-radius: 100%;
background: #FFFFFF;
border: 5px solid transparent;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
color: #757575;
}
.avatar-upload .avatar-edit input + label:hover {
background: #f1f1f1;
border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:before {
color: #757575;
position: absolute;
top: 10px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-preview {
width: 96px;
height: 96px;
position: relative;
border-radius: 100%;

}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.btn-yellow{
background-color: #fec00d;
color: #000000;
padding:0.6375rem 1rem;
border-radius: 10px;
box-shadow: 3px 3px 3px rgba(255, 242, 208, 0.8);
}


.nk-quick-nav-icon {background-color: #f3f6f8;
border-radius: 8px;
padding: 10px 10px;}












.nk-header-tools {

padding-top: 14px;
padding-bottom: 14px;
}

.sq {
height: 42.5px;
width: 42.5px;

}

.nk-menu-icon {  width: 32px;
height: 32px;
padding: 4px 0px 0px 4px;
border-radius: 10px;
margin-right: 10px;
}
.nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
color: #111111;
background: #fec00d;


border-radius: 10px;
margin-right: 10px;
}

.nk-menu-link:hover, .active > .nk-menu-link {
color: #111111;
}

.nk-sale-data .amount {
display: block;
font-size: 1.75rem;
font-weight: 800;
color: #8094ae;
text-align: center;
}


.card-title-group {

justify-content: center;

}

.dashtable-datatable {
border-left: 1px solid #e5e9f2;
border-right: 1px solid #e5e9f2;
border-bottom: 1px solid #e5e9f2;
border-radius: 4px;
}

.table td {vertical-align: middle;}


.text-soft-title {
color: #8094ae !important;
font-size:14px;
font-weight: 400;
margin-bottom: 0;
}

.text-hard-title {
color: #0a2c58!important;
font-size:16px;
font-weight: 700;
}
.text-soft-title {
color: #8094ae !important;
font-size:14px;
font-weight: 400;
margin-bottom: 0;
}

#emailsetting {
  overflow: auto; 
  overflow-x: hidden;
  height: 320px;
  scroll-behavior: smooth;
  
}


#employeeetbl{
  width: 100%;
  overflow-y: auto;
  height: calc(100vh - 270px) !important;
}
.nk-sidebar-fixed {position: fixed;width: 240px;overflow-y: auto;overflow-x: hidden;height: calc(100vh - 120px) !important;padding: 0.75rem 0.25rem 0.5rem !important;border: 1px solid transparent;border-radius: 4px;border-color: #dbdfea;background-color: #FFF;}


.isDisabled{
color: currentColor;
cursor:not-allowed;
opacity: 0.5;
text-decoration: none;
}


.badge-icon {
color:#174A7B;
border:none; 
font-size: 1.2rem !important;
padding-bottom:4px;
position: relative;
line-height: 1.125rem;
letter-spacing: 0.01em;
vertical-align: middle;
display: inline-flex;
}


.nk-notification-item {
display: flex;
align-items: center;
padding: 1.25rem 0.75rem;
}

#sysettings {position: fixed;
bottom: 7px;}



/* Scrollbar Styling */

::-webkit-scrollbar-button {
  height: 40px; /* vertical scrollbar height */
}
::-webkit-scrollbar {
  /* width: 10px; */   /* vertical scrollbar width */
  /* height: 8px; */ /* horizontal scrollbar height */
}
::-webkit-scrollbar-track {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: 8px;
  width: 8px;
  background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px;
}



::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-radius: 100px;
  border: none;
  height: 8px;
  padding: 100px 0 0;
  width: 8px;
  background-color: rgb(218,220,224);
  border-radius: 100px;
  border: none;
  height: 8px;
  width: 8px;
}

.form-check-input:checked {
background-color: #FEC00D;
border-color: #d9a40a;
}

.form-check-input:focus {
border-color: #FEC00D;
box-shadow: 0 0 0 0.25rem rgb(251 226 85 / 47%);
}

.btn-forgot
{
color: #526484; 
font-weight: 400;
font-size: 14px;
}

.btn-create{
color: #526484; 
font-weight: 400;
font-size: 14px;
}
.btn-signin
{
color: #526484; 
font-weight: 400;
font-size: 14px;
}

.form-control:focus, .dual-listbox .dual-listbox__search:focus, div.dataTables_wrapper div.dataTables_filter input:focus {
color: #3c4d62;
background-color: #fff;
border-color: #ffe085;
outline: 0;
box-shadow: 0 0 0 0.25rem rgb(251 226 85 / 21%);
}

a:hover {
color: black;
}

.btn-login {background: linear-gradient(178deg, #47e2b8, #1fa983);color:black;}

.btn-register
{
background-color: #fec00d; 
color:black;
}






@media (min-width: 992px) {
.search {width:80%;
height: calc(2.45rem + 2px);
background-color:#f3f6f8;
border-radius: 10px; 
box-shadow:none !important;}

.searchbox {margin-left:14%;}
.nk-header-tools{
  
  margin-left:-25%;
}
}


@media (min-width: 1200px) {

.container-xl, .container-lg, .container-md, .container-sm, .container { 
  max-width: 1740px !important; 
}
.search {width:85%;
  height: calc(2.45rem + 2px);
  background-color:#f3f6f8;
  border-radius: 10px; 
  box-shadow:none !important;}
  
.searchbox{

margin-left: 9%;
}
.nk-header-tools{
margin-left:6%;
}
  
}

@media (min-width: 1540px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1740px !important; }
    .search {width:100%;
      height: calc(2.45rem + 2px);
      background-color:#f3f6f8;
      border-radius: 10px; 
      box-shadow:none !important;}
      
  .searchbox{
    
    margin-left: 0;
  }
  .nk-header-tools{
    margin-left:20%;
  }
}

.nk-content {
  padding: 0px 22px;
}



.nk-aside {
 
  margin-right: 10px !important;
 
}




.nk-content-body.full-width {
    width: calc(100vw - 80px);
}

.col.right-login {
    background: linear-gradient(136deg, #ffb7d8, #d4efff 70%);
    margin: 0px;
    padding: 0px 70px 50px 70px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nk-block.nk-block-middle.nk-auth-body {
    padding: 0px;
}