@font-face {
    font-family: "greycliff-bold";
    src: url("../fonts/GreycliffCF-Bold.ttf");
}

@font-face {
    font-family: "greycliff-boldoblique";
    src: url("../fonts/GreycliffCF-BoldOblique.ttf");
}

@font-face {
    font-family: "greycliff-demibold";
    src: url("../fonts/GreycliffCF-DemiBold.ttf");
}


@font-face {
    font-family: "greycliff-demiboldoblique";
    src: url("../fonts/GreycliffCF-DemiBoldOblique.ttf");
}

@font-face {
    font-family: "greycliff-extrabold";
    src: url("../fonts/GreycliffCF-ExtraBold.ttf");
}

@font-face {
    font-family: "greycliff-extraboldoblique";
    src: url("../fonts/GreycliffCF-ExtraBoldOblique.ttf");
}

@font-face {
    font-family: "greycliff-heavy";
    src: url("../fonts/GreycliffCF-Heavy.ttf");
}

@font-face {
    font-family: "greycliff-heavyoblique";
    src: url("../fonts/GreycliffCF-HeavyOblique.ttf");
}


@font-face {
    font-family: "greycliff-light";
    src: url("../fonts/GreycliffCF-Light.ttf");
}


@font-face {
    font-family: "greycliff-lightoblique";
    src: url("../fonts/GreycliffCF-LightOblique.ttf");
}


@font-face {
    font-family: "greycliff-medium";
    src: url("../fonts/GreycliffCF-Medium.ttf");
}

@font-face {
    font-family: "greycliff-mediumoblique";
    src: url("../fonts/GreycliffCF-MediumOblique.ttf");
}


@font-face {
    font-family: "greycliff-regular";
    src: url("../fonts/GreycliffCF-Regular.ttf");
}


@font-face {
    font-family: "greycliff-regularoblique";
    src: url("../fonts/GreycliffCF-RegularOblique.ttf");
}


.home-body{
    background-color: #EEF3F2;
}

.navbar-home .nav-item{
    margin-right: 40px;
    font-size: 20px;
    color: #2D3B36;
}

.theme-card-header{
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-family: "greycliff-light";
}

.profile-pic-btn.dropdown-toggle::after {
  display: none;
}

.profile-pic-btn.dropdown-toggle + .dropdown-menu.show{
  left: -110px;
}

.navbar-home .nav-item .nav-link{
    color: #2D3B36;
    font-family: "greycliff-medium";
}

.navbar-home .btn-disabled{
    background: #6c757d;
    padding: 14px;
    display: block;
    min-width: 100px;
    font-size: 20px;
}


.home-body .home-header-text{
    font-family: "greycliff-bold";
    font-size: 60px;
}

.home-body .home-subtext{
    font-family: "greycliff-light";
    font-size: 24px;
}


.home-body .login-home-btn{
    font-size: 18px;
    font-family: "greycliff-light";
}

.theme-primary-btn{
    min-height: 32px;
    background: #00DEA3;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    font-family: 'greycliff-demibold';
    font-weight: 600;
}


.theme-primary-btn:hover{
    background: #00cE92;
    color:white;
}

.home-body footer{
    width: 100%;
    display: flex;
    justify-content: center;
    background: #e0e0e0;
    font-size: 16px;
    padding: 4px;
}



:root {
    --theme-bg-color: #2D3B36;
}

.body-dashboard{
    background: #fbfbfb;
}

/* navbar css */
.navbar.navbar-expand-lg.navbar-theme{
    color: white;
    height: 70px;
    background-color: var(--theme-bg-color) !important;
    padding: 0;
  }

  .navbar.navbar-expand-lg .container-fluid{
    padding: 0;
    margin: 0;
    height: 70px;
    /* overflow-x: auto; */
    /* overflow-y: visible; */
    /* overflow-x: auto;
    white-space: nowrap; */
  }

  .logo-nav-container{
    display: flex;
    padding-left: 20px;
    align-items: center;
    background: white;
    position: relative;
    padding-right: 8px;
    height: 70px;
  }


  .navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link{
    color: white;
    font-size: 16px;
    font-family: "greycliff-demibold";
    font-weight:600;
    display: inline-flex;
    align-items: center;
  }

  .navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link span{
    padding-left: 11px;
  }

  .navbar.navbar-expand-lg .nav-item .nav-link.active{
    color: #00DEA3;
    background: #3E4B46;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;  
  }

  .navbar.navbar-expand-lg .nav-item{
    margin-left: 20px;
  }

  .arrow-right {
    width: 0; 
    height: 0;
    border-top: 70px solid transparent;
    border-left: 40px solid white;
    border-bottom: 1px solid white;
  }

  .notify-btn{
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    color: white;
    font-size: 24px;
    width: 50px;
  }

  .profile-pic-btn{
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    color: white;
    font-size: 36px;
    width: 50px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0;
  }

  .profile-pic-btn img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 50%;
  }


  /* card theme */

  .theme-card-home.card{
    border-radius: 16px;
}

.theme-card-home .card-body{
    padding: 0;
}

.theme-card-home .card-text{
    min-height: 100px;
    border-radius: 9px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 48px;
    font-family: "greycliff-bold";
}

.theme-card-home .card-title{
    padding: 8px;
    font-size: 19px;
    font-family: "greycliff-light";
    color:white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme-card-home.green{
    background-color:#4cb28d;
}
.theme-card-home.green .card-text{
    background-color: #5DC39E;
    border-radius: 16px;
}


.theme-card-home.purple{
    background-color:#6b3ac1;
}

.theme-card-home.purple .card-text{
    background-color: #7C4BE4;
    border-radius: 16px;
}

.theme-card-home.pink{
    background-color:#B320BF;
}

.theme-card-home.pink .card-text{
    background-color: #C431CF;
    border-radius: 16px;
}

.theme-card-home.blue{
    background-color: #4744DE;
}

.theme-card-home.blue .card-text{
    background-color: #5855ef;
    border-radius: 16px;
}


/* theme table cards */

.theme-table-card-container{
    width: 100%;
}

.theme-table-card-container .theme-table-card-header{
    color: white;
    font-size: 24px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "greycliff-bold";
    border-radius: 8px;
}


.theme-table-card-container .theme-card-body{
    width: 100%;
}

.theme-table-card-container .theme-table-card-header.green{
    background-color: #5DC39E;
}



.theme-table-card-container .theme-table-card-header.yellow{
  background-color: #E2D66B;
}


.theme-table-card-container .theme-table-card-header.blue{
  background-color: #208CDA;
}

.theme-table-card-container .theme-table-card-header.red{
    background-color: #DA2020;
}


.theme-table-card-container .theme-table-card-header.purple{
    background-color: #7C4BE4;
}

.theme-table-card-container .theme-table-card-header.pink{
    background-color: #B320BF;
}


.theme-table-card-container .theme-table-card-header .btn{
    background-color: transparent;
    color: white;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* theme tables */

.theme-table{
    background-color: white;
    overflow: auto;
}

.theme-table thead{
    height:56px;
}

.theme-table thead th{
    font-size: 15px;
    font-weight: 600;
    font-family: "greycliff-demibold";
    color:#2d3b36b3;
    padding: 0px;
    white-space: nowrap;
}

.theme-table thead th span{
    display: flex;
    height: 62px;
    padding: 8px 12px;
    align-items: center;
}

.theme-table tbody tr{
    height: 62px;
    border-bottom: 1px solid #eeeeee;
}

.theme-table tbody td{
  font-size: 16px;
  font-family: "greycliff-light";
  color: #2D3B36;
  padding: 0px;
  white-space: nowrap;
  font-weight: 400;
  padding: 0 2px;
}

.theme-table tbody td span{
    display: flex;
    height: 62px;
    padding: 8px;
    align-items: center;
    /* max-width: 280px; */
    text-transform: capitalize;
    overflow: auto;
    text-overflow: ellipsis;
    overflow-y: hidden;
    max-width: 250px;
    overflow-x: auto;
}

.theme-table tbody td span.justify-content-center,
.theme-table tbody td span.w-100{
  max-width: none;
}

.theme-table thead tr th:nth-child(2),
.theme-table tbody tr td:nth-child(2){
    /* background-color: #FEFCF3; */
}

.theme-table thead{
    /* border-bottom: 1px solid #fbdd63; */
}
.theme-table tbody tr:hover{
    border-top: 1px solid #fbdd63;
    background-color: #FEFCF3;
    border-color: #FBDD63;
    border-left: 4px solid #fbdd63;
}


.theme-table tbody#reference-gio-table-body tr:hover{
  border-top: 1px solid #fbdd63;
  background-color: #FEFCF3;
  border-color: #FBDD63;
  border-left: 4px solid #fbdd63;
}


/* page header css */
.page-header-div{
    height: 64px;
    display: flex;
    align-items: center;
    background: white;
    justify-content: space-between;
    border-bottom: 1px solid #DDE1EC;
  }

  .page-header-div h2{
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 25px;
    margin-left: 16px;
    margin-right: 16px;
    font-family: "greycliff-bold";
    font-weight: 700;
    overflow: auto;
    white-space: nowrap;
  }

  .page-header-div .header-end-div{
    margin-right: 20px;
    overflow-x: auto;
    white-space: nowrap;
  }

  .page-header-div .header-start-div{
    display: flex;
    align-items: center;
  }

  .page-header-back-btn{
    background: transparent;
    border: none;
    outline: none;
    font-size: 24px;
    margin-left: 16px;
  }


  /* Buttons */ 
  .theme-outline-btn{
    height: 32px;
    background: white;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #2D3B36;
    border: 1px solid #DDE1EC;
    font-size: 14px;
    font-family: 'greycliff-demibold';
    font-weight: 600;
  }


  .theme-secondary-btn{
    min-height: 32px;
    background: #2D3B36;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    font-family: 'greycliff-demibold';
    font-weight: 600;
  }


  .theme-secondary-btn:hover{
    background: #3E4C47;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
  }



  .theme-modal-secondary-btn{
    height: 40px;
    background: #eeeeee;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #2D3B36;
    border: 1px solid #fff;
    font-size: 17px;
    font-family: 'greycliff-demibold';
    font-weight: 600;
  }

  .theme-modal-primary-btn{
    height: 40px;
    background: #00DEA3;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #2D3B36;
    border: 1px solid #fff;
    font-size: 17px;
    font-family: 'greycliff-demibold';
    font-weight: 600;
  }


  .theme-modal-reject-btn{
    height: 40px;
    background: #DA2020;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: 'greycliff-demibold';
  }


  .theme-filter-active-btn{
    background-color: rgb(0 222 163 / 12%);
    color: #2D3B36;
    font-size: 14px;
    border-radius: 9px;
    border: 1px solid #00dea3;
    font-family: 'greycliff-demibold';
    font-weight: 600;
    height: 32px;
  }

  .theme-filter-active-btn .num-span{
    background-color: #00DEA3;
    padding: 4px;
    font-size: 10px;
    font-weight: 800;
    border-radius: 50%;
    width: 18px;
    display: block;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }


  .btn-instock{
    background: #5DC39E;
    color: white;
    font-size: 16px;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: 400;
    text-transform: capitalize;
    border: none;
  }


  .btn-shortfall{
    background: #fff166;
    color: black;
    font-size: 16px;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: 400;
    text-transform: capitalize;
    border: none;
  }

  /* search css */
  .search-container-div, .search-container-div input{
    height: 32px !important;
    max-width: 200px;
  }

  .search-container-div input{
    padding: 8px;
    font-size: 14px !important;
  }

  .search-container-div label{
    height: 32px;
    padding: 4px 8px;
    font-size: 15px !important;
    font-family: 'greycliff-medium';
    font-weight: 500;
  }
  
  
  .search-container-div.form-floating>.form-control:focus~label,
  .search-container-div.form-floating>.form-control:not(:placeholder-shown)~label{
    transform: translateY(-1.5rem);
  }

  .search-container-div input{
    padding-top:8px !important;
    border-right: none !important;
  }

  .search-container-div.theme-input-div.input-group .input-group-text {
    background: transparent;
    border-left: none;
    color: #00DEA3;
    }

  /* subheader  */

  .page-subheader-div{
    width: 100%;
    display: flex;
    align-items: center;
    height: 58px;
    justify-content: space-between;
    background: white;
    border: 1px solid #dde1ec;
    padding: 8px 20px;
  }


  .subheader-start-div, .switch-container{
    display: flex;
    align-items: center;
  }


  .subheader-end-div{
    overflow: auto;
    white-space: nowrap;
    padding: 0 20px;
  }



  /* theme checkbox */
  .theme-checkbox{
    border-radius: 20px;
    appearance: none;
    background-color: #fff;
    margin: 0;
    width: 26px !important;
    height: 26px !important;
    border: 1px solid #eee;
    border-radius: 9px;
    cursor: pointer;
    padding: 0;
    position: relative;
  }


  input.theme-checkbox {
    transition: box-shadow .3s;
    background: #fff;
  }
  input:checked.theme-checkbox { 
    box-shadow: inset 0 0 0 20px #FBDD63;
  }

  input:checked.theme-checkbox:after{
    content: url(../img/checkbox-checked.svg);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  } 
  


  /* detail page header */

  .detail-page-header{
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 25px;
    margin-left: 16px;
    margin-right: 16px;
    font-family: "greycliff-demibold";
    color: #2D3B36;
    font-weight: 700;
  }


  /* theme-input */

 .input-theme-div{
    height: 40px;
    width:100%;
    border:1px solid #eee;
    border-radius: 9px;
    display: flex;
    align-items: center;
    background-color: white;
 }

.table.theme-table .input-theme-div{
  background-color: white;
  /* border: 1px solid #2D3B36; */
  border: 1px solid #eeeeee;
  /* margin: 0 2px; */
}

.table.theme-table .ss-main{
  height: 40px;
  border: 1px solid #2e3b36;
  border-color: #2e3b36 !important;
  border-radius: 9px;
  background: white;
  /* margin: 0 2px; */
}

 .input-theme-div.text-area{
    height: 80px;
 }

 .input-theme-div.text-area textarea{
    height: 80px;
    padding: 8px !important;
 }

 .input-theme-div input, .input-theme-div select{
    height: 32px !important;
    border: none !important;
    padding: 0 8px !important;
    outline: none;
    box-shadow: none !important;
    color: #2D3B36;
    font-weight: 600;
    font-family: 'greycliff-demibold';
 }

 .input-theme-div.form-floating>label {
    position: absolute;
    top: -10px;
    font-size: 15px;
    font-weight: 500;
    font-family: 'greycliff-medium';
 }

.input-theme-div.form-floating>.form-control:focus~label, 
.input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label, 
.input-theme-div.form-floating>.form-select~label {
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 12px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
  opacity: 1;
 }


.theme-table .input-theme-div.form-floating>.form-control:focus~label, 
.theme-table .input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label, 
.theme-table .input-theme-div.form-floating>.form-select~label{
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 3px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
  display: block;
  opacity: 1;
 }


 .file-name-span{
  
  display: block;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: 'greycliff-light';
  font-weight: 400;

 }


 /* detail page sub nav */
 .detail-page-nav{
    display: flex;
    align-items: center;
    height: 52px;
    background: #3E4B46;
    margin: 40px 0;
    border-radius: 24px;
    padding: 0;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;
}

.detail-page-nav .detail-page-nav-item{
    font-size: 16px;
    display: block;
    padding: 0 16px;
    height: 52px;
    display: flex;
    align-items: center;
    font-family: "greycliff-demibold";
    cursor: pointer;
    font-weight: 600;

}

.detail-page-nav .detail-page-nav-item.active{
    background: #5B6662;
    color: #00dea3;
}

.detail-page-section{
    background: white;
    border: 1px solid #eee;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 40px;
}

.detail-page-section .detail-page-header{
    font-size: 24px;
}

.detail-page-section .detail-page-subheader{
  font-size: 20px;
  font-family: "greycliff-demibold";
  font-weight: 600;
}


.detail-page-main-with-tags{
  width:100%;
  padding: 20px;
}


.detail-page-tags-div{
  width: 100%;
  height: 100%;
  border: 1px solid #eeeeee;
  background: white;
  padding: 0px;
  min-height: 100%;
}

.detail-page-tags-div .tag-item{
  display: flex;
  padding: 8px;
  align-items: center;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  font-family: "greycliff-demibold";
  font-size: 16px;
  font-weight: 600;
}

.tag-item .theme-icon{
  margin-right: 11px;
  width: 18px;
  height: 18px;
}


.floating-label { 
    position:relative; 
    height: 40px;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 9px;
    display: flex;
    align-items: center;
    background-color: white;
  }
  
  .floating-select {
    font-size:16px;
    padding:4px 4px;
    display:block;
    width:98%;
    height:32px;
    background-color: transparent;
    border:none;
  }

  .table.theme-table .floating-select{
    height: 40px;
    border: 1px solid #2e3b36;
    border-radius: 9px;
    font-family: 'greycliff-demibold';
    font-weight: 600;
    font-size: 16px;
    color: #2e3b36;
    background: white;
  }
  
  .floating-select:focus {
    outline:none;
  }
  
  .floating-label label {
    position: absolute;
    font-size: 16px;
    font-weight: 200;
    left: 12px;
    z-index: 0;
    top: 6px;
    background: white;
    padding: 2px 4px;
    left: 0px;
    border-radius: 9px;
    font-family: 'greycliff-light';
    color: #8D96A5;
  }
  
  .form-floating>label {
    font-family: 'greycliff-light';
    color: #8D96A5;
  }

  .floating-select:focus ~ label , .floating-select:not([value=""]) ~ label {
    transform: translateX(0.5rem) translateY(-1.25rem);
    font-size: 13px;
  }
  
  /* active state */
  .floating-select:focus ~ .floating-select:focus ~  {
    width:50%;
  }
  
  *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  /* active state */
   .floating-select:focus ~  {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
  }


  .theme-body-text{
    font-size: 15px;
    font-family: "greycliff-demibold";
    color: #212529;
    font-weight: 600;
  }


  .input-group-text{
    height: 100%;
    background: #fff;
    box-shadow: none;
    border: none;
  }

  .auth-input-group .input-group-text{
    height: auto; 
  }
  
  
  .search-container-div .input-group-text{
    border: 1px solid #dee2e6;
  }


  .form-control[type=file]:not(:disabled):not([readonly]){
    line-height: 32px;
  }

  .cursor-pointer{
    cursor: pointer;
  }

  .subpage-all.detail-page-section,
  .subpage-1.detail-page-section,
  .subpage-2.detail-page-section,
  .subpage-3.detail-page-section{
    display: none;
  }

  .subpage-all.detail-page-section.active,
  .subpage-1.detail-page-section.active,
  .subpage-2.detail-page-section.active,
  .subpage-3.detail-page-section.active{
    display: block;
  }


  .toggle-subpage-detail-form{
    display:none;
  }

  .toggle-subpage-detail-table{
    display: block;
  }

  .show-form .toggle-subpage-detail-form{
    display:block;
  }

  .show-form .toggle-subpage-detail-table{
    display: none;
  }


  .preview-img-small{
    width: 40px;
    height: 40px;
    object-fit: contain;
    box-shadow: 0 0 3px 0px rgb(0 0 0 / 20%);
  }


  .disable-section{
    opacity: 0.5;
    pointer-events: none;
  }

  .theme-reject-btn{
    height: 32px;
    background: #f04b6a;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #ffffff;
    border: 1px solid #fff;
    font-size: 14px;
  }


  .theme-approve-btn{
    height: 32px;
    background: #00DEA3;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #ffffff;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'greycliff-demibold';
  }

  .theme-secondary-header-btn{
    height: 32px;
    background: #00DEDA;
    border-radius: 9px;
    padding-left: 16px;
    padding-right: 16px;
    color: #ffffff;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'greycliff-demibold';
  }

  .theme-secondary-header-btn:hover{
    background: #11DFEB;
  }


  .modal-title{
    font-family: "greycliff-demibold";
    font-size: 24px;
    font-weight: 600;
  }

  .model-body p{
    font-size: 15px;
    font-weight: 500;
    font-family: 'greycliff-medium';
    color: #2D3B36;
  }

  .modal-header, 
  .model-body,
  .modal-footer{
    border-bottom: 0 !important;
    border-top:0 !important;
    padding: 8px 16px !important;
  }

  .detail-page-section .row{
    position: relative;
    z-index: 10;
  }


  .ss-main{
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
  }


  .order-status-label{
    color: #FFAE6B;
    text-transform: uppercase !important;
  }



  /* subnav */
  .navbar.subnav{
    background: white;
    height:46px;
  }

  .navbar.subnav.navbar-expand-lg .container-fluid{
    height:46px;
  }

  .navbar.subnav .nav-item .nav-link{
    color: #2D3B36;
    font-size: 16px;
  }

  .navbar.subnav.navbar-expand-lg .nav-item .nav-link.active{
    color: #00DEA3;
    background: transparent;
    border-radius: 0;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 3px solid #00DEA3;
  }
  /* endof subnav */


  /* .theme-table.modal-table thead tr th:nth-child(2), 
  .theme-table.modal-table tbody tr td:nth-child(2) {
    background-color: #fff;
  } */

/* .theme-table.modal-table tbody tr:nth-child(1) {
  border-top: none;
  background-color: #fff;
  border-color: #fff;
  border-left: none;
} */

.theme-table.modal-table thead {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.theme-table.modal-table tbody tr {
  border-bottom: 1px solid transparent !important;
}


.success-text{
  color: #00dea3;
}

.multiple-warehouses-text {
  color: #FFAE6B;
}

.not-fulfillable-text {
  color: #f04b6a;
}

.reference-gio-table-row .row-item-div,
.reference-gio-input-row .row-item-div,
.iwt-gio-table-row .row-item-div,
.iwt-gio-input-row .row-item-div{
  height: 62px;
  display: inline-flex;
  align-items: center;
}

.gio-min-width-col{
  min-width: 124px;
}

.sent-for-approval  #gio-send-for-approval,
.sent-for-approval #update-gio-btn,
.sent-for-approval #add-gio-reference,
.sent-for-approval #add-gio-iwt,
.sent-for-approval .gio-min-width-col .btn,
.sent-for-approval .gio-min-width-col.btn-col{
display: none;
} 



.stop-update td button.download-btn,
.stop-update td .btn.force-show{
  display: block;
} 

.disabled-btn{
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.back-btn-icon{
  background: #eeeeee;
  /* border: 1px solid black; */
  border-radius: 9px;
  width: 32px;
  height: 32px;
  padding: 8px;
}


.so-export-options-btn{
  min-width: 110px;
  text-transform: uppercase;
}


.disabled-input-container{
  background-color: #e9ecef !important;
  pointer-events: none !important;
}

.ss-main.ss-disabled {
  background-color: #e9ecef !important;
  cursor: not-allowed;
}

#print-preview-div{
  max-height: 80%;
  height: 400px;
}


body.awaiting-approval .detail-page-button-footer,
body.awaiting-approval .page-subheader-div .theme-primary-btn,
body.awaiting-approval .edit-sales-item-btn,
body.awaiting-approval .remove-sales-item-btn,
body.awaiting-approval .file-delete-btn,
body.awaiting-approval .po-item-row .btn,
body.awaiting-approval #create-vendor-po-btn{
  display: none !important;
}

.stop-update .detail-page-button-footer,
.stop-update .page-subheader-div .theme-primary-btn,
.stop-update .edit-sales-item-btn,
.stop-update .remove-sales-item-btn,
.stop-update .file-delete-btn{
  display: none !important;
}


.stop-update .page-subheader-div .theme-primary-btn.force-show{
  display: block !important;  
}

.stop-update #customer-spa-table td button{
  display: block !important;  
}

#customer-spa-table td input{
  pointer-events: all !important;
}

.stop-update .detail-page-button-footer.always-show{
  display: flex !important;
}

.stop-update .always-show input,
.stop-update .always-show .floating-select{
  pointer-events: all !important;
}


#sales-item-add-edit-row.edit-item .disabled-when-edit, 
#sales-item-add-edit-row.edit-item .disabled-when-edit input{
  background-color: #e9ecef !important;
  pointer-events: none !important;
}


.modal-content {
  border-radius: 16px;
  padding: 8px 4px;
}


.order-accepted input,
.order-accepted .floating-label,
.stop-update input,
.stop-update textarea,
.stop-update .floating-label,
.awaiting-approval input,
.awaiting-approval .floating-label,
.awaiting-approval .floating-select{
  pointer-events: none !important; 
}

.awaiting-approval .hide-when-non-editable,
.awaiting-approval .sent-for-approval-btn{
  display:none !important;
}


.stop-update #add-tag-form input,
.stop-update input.force-input{
  pointer-events: initial !important;
}

/* theme body modal */
.theme-body-modal-div{
  position: fixed;
  left: 0;
  top:0;
  width:100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  display: none;
}

.theme-body-modal-div.show{
  display: block;
  position: fixed;
  z-index: 9999 !important;
}

.theme-body-modal-div .theme-body-container{
  background: white;
  position: absolute;
  left: 0;
  top:134px;
  width: 100%;
  height: calc(100% - 134px);
  overflow-y: auto;
  border-top-right-radius: 23px;
  border-top-left-radius: 23px;
}

.theme-body-close-btn{
  width: 32px;
  height: 32px;
  background: #eeeeee;
  color: #2D3B36;
  border-radius: 9px;
  border:none !important;
}

.theme-body-modal-div .theme-body-container .theme-body-main-content{
  height: calc(100% - 120px);
  overflow-y: auto;
}

.theme-body-modal-div .theme-body-container .theme-body-footer{
  height: 56px;
  border-bottom: 0 !important;
  border-top: 0 !important;
  padding: 8px 16px !important;
  display: flex;
  justify-content: end;
}
/* end of theme modal */

/* theme tax input table */
.tax_input_div{
  display: flex;
  align-items: center;
  height: 62px;
}

.tax_input_div label {
  display: inline-block;
  margin: 0 8px;
}

.file-download-div label, 
.file-top-label{
  transform: translateX(0.5rem);
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #8e96a6;
}

.file-download-div .theme-link{
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-download-div label{
  background-color: transparent !important;
}


.sales-order-table-item-div, 
.po-order-table-item-div,
#inventory-gio-item-input-row .inventory-gio-item-input-container,
.supplier-file-table-item-div,
.supplier-agreement-table-item-div,
.customer-file-table-item-div,
.customer-agreement-table-item-div{
  height: 62px;
  display: flex;
  align-items: center;
}

.sales-order-item-row.editing-item-row,
.po-item-row.editing-item-row{
  display: none;
}


/* status notify */

#status-notify-div{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 18px;
  z-index: 9999;
}

#status-notify-div .status-container{
  display: flex;
  align-items: center;
  justify-content: center;
}

#status-notify-div .status-container .status-card{
  padding: 20px;
  border: 1px solid #DDE1EC;
  background: white;
  border-radius: 16px;
  box-shadow: 3px 0px 2px 0px #00000014;
  display: inline-flex;
  align-items: center;
  gap:10px
}

#status-notify-div .status-container .status-card .status-success{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #00DEA3;
  color: white;
  /* margin-right: 14px; */
  display: none;
}

#status-notify-div.success .status-container .status-card .status-success{
  display: inline-flex;
  align-items: center;
}


#status-notify-div .status-container .status-card .status-error{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #f04b6a;
  color: white;
  /* margin-right: 14px; */
  display: none;
}

#status-notify-div.error .status-container .status-card .status-error{
  display: inline-flex;
  align-items: center;
}

#status-notify-div .status-container .status-card span{
  font-size: 20px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
  color: #2D3B36;
}

/* end of status notify */



.errored-input{
  border-color: #f04b6a !important;
}


tr.edit-hide-item{
  display: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association{
  background-color: #e9ecef !important;
  pointer-events: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association input{
  background: #e9ecef;
}


#model-rejection-form input#model-rejection-reason{
  pointer-events:all !important;
}


.dark-icon{
  fill: #212529;
}

.dark-outline-icon path{
  stroke:#212529 !important;
}

.theme-icon-input-group{
  padding: 0.375rem 0.6rem;
}

.nav-link .theme-icon path{
  stroke:#fff !important;
}

.nav-link.active .theme-icon path{
  stroke:#00DEA3 !important;
}

.theme-margin-left-btn{
  margin-left: 3px;
}

.theme-margin-right-btn{
  margin-right: 3px;
}

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

.btn-flex-content-center span{
  display: block;
  margin: 0 2px;
}


.btn-status{
  text-transform: capitalize;
  background: #fff166;
  font-weight: 500;
  font-family: 'greycliff-regular';
  min-width: 152px;
}


.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  background-color: #00dea3 !important;
}

.ss-main .ss-values .ss-value .ss-value-delete {
  border-left: none !important;
}


#emergency-contact-add-edit-row td .table-column-container-flex{
  display: flex;
  align-items: center;
  height: 63px;
}


#navbar-display-name{
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'greycliff-demibold';
  font-size: 14px;
  display: block;
}

#navbar-display-id{
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'greycliff-demibold';
  font-size: 12px;
}

.ss-main .ss-values,
.ss-content .ss-list .ss-option  {
  text-transform: capitalize;
}

.dual-listbox__search{
  display: none !important;
}

.dual-listbox .dual-listbox__title {
  padding: 8px 10px !important;
  font-size: 20px !important;
  font-family: 'greycliff-demibold';
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #2D3B36;
}


.dual-listbox .dual-listbox__item {
  display: block;
  padding: 10px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-bottom: 1px solid #eeee;
  transition: background .2s ease;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  color:#2D3B36;
}

.dual-listbox .dual-listbox__button{
  min-height: 32px;
  background-color: #2D3B36 !important;
  border-radius: 9px;
  padding-left: 16px !important;
  padding-right: 16px !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  background-color: #00dea3 !important;
  color: white;
}


.dual-listbox .dual-listbox__available, .dual-listbox .dual-listbox__selected {
  border: 1px solid #eee;
}


.right-remove-duallist-btn{
  display: block;
  margin: auto;
  text-align: center;
  position: relative;
  left: 4px;
}


.left-add-duallist-btn{
  display: block;
  margin: auto;
  text-align: center;
  position: relative;
  right: 4px;
  transform: rotate(180deg);
}


.raised-floating-label{
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 12px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
}


#billing-select-row.disable-section,
#billing-address-div.disable-section{
    display: none;
}


.overflow-90-text{
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* .table-display-row,
.table-edit-row.no-edit{
    display: none;
} */


.table-display-row.no-edit{
    display: revert;
}


.table-edit-row div.table-column-container-flex{
    height: 62px;
    display: flex;
    align-items: center;
}


.mobile-logout-btn{
  display: none;
}

.collapse.navbar-collapse{
  width: auto;
  background: #2d3b36;
  height: 70px;
}

@media screen and (max-width:990px){
  .arrow-right{
    display: none;
  }

  
  .navbar.navbar-expand-lg .container-fluid {
    overflow-x: initial;
    white-space: inherit;
  }

  .navbar-collapse{
    background: #2d3b36;
    z-index: 9;
  }

  .navbar-collapse.collapse.show form{
    display: none !important;
  }

  .mobile-logout-btn{
    display: block;
  }
}


#navbarText{
  background-color: transparent ;
}

#navbarNav{
  background-color: transparent;
}


.vendor-po-file-table-item-div{
  width:100%;
}




#secondary-roles-div{
  border: 1px solid #eee;
  padding: 12px;
  border-radius: 8px;
  width: 100%;
  height: 150px;
  font-size: 14px;
  color: #2D3B36;
  font-weight: 600;
  font-family: 'greycliff-demibold';
  overflow-y: auto;
  cursor: pointer;
}

#secondary-roles-div #label-span{
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

#secondary-roles-div span{
  display: block;
}

.dual-listbox .dual-listbox__container {
  justify-content: center;
}


.logo-img{
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
}


#mis-table .table-column-container-flex,
#mip-table .table-column-container-flex,
#sof-item-table .table-column-container-flex{
  height: 62px;
  display: flex;
  align-items: center;
}




.mis-row.yellow,
.mip-row.yellow {
  background-color: #fff166;
}


.mis-row.red,
.mip-row.red{
  background-color: #f04b6a;
}

.mis-row.green,
.mip-row.green{
  background-color: #00DEA3;
}

.mis-row.blue,
.mip-row.blue{
  background-color: deepskyblue;
}


label.select-label{
  transform: translateY(-1.25rem) translateX(0.15rem) !important;
  height: 24px;
  top: 0 !important;
  padding: 0 !important;
  width: auto;
  left: 3px;
  top: 7px !important;
  background: #fff !important;
  padding: 0px 4px !important;
  border-radius: 4px;
  font-size: 13px !important;
  font-family: 'greycliff-light' !important;
  display: block;
  opacity: 1;
}


.navbar.subnav .nav-item svg{
  display: inline-block;
  margin-right: 4px;
}

.navbar.subnav .nav-link svg path{
  stroke:#2D3B36;
}

.navbar.subnav .nav-link.active svg path{
  stroke:#00DEA3;
}

.form-control:read-only {
  background-color: var(--bs-form-control-disabled-bg);
  opacity: 1;
}

.form-floating.input-theme-div:has(.file-download-div) { 
  background-color: transparent !important;
  border: none !important;
}


.form-control[type='file']{
  min-width: 140px;
}


.table-column-container-flex .input-theme-div input[type="text"],
.table-column-container-flex .input-theme-div input[type="email"]{
  min-width: 120px;
}


.edited-field .input-theme-div {
  border: 1px solid #00DEDA;
}

.edited-field .floating-label {
  border: 1px solid #00deda;
}

td span.edited-span{
  border: 1px solid #00deda;
  border-radius: 8px;
}

.table-display-row.edited-row{
  border: 1px solid #00deda;
  box-shadow: 0px -1px 0px 0px #00deda;
}

.ss-main.floating-select.readonly{
  pointer-events: none;
}

.input-theme-div input[type='number']{
    min-width: 70px;
}

/* Hide the spinner buttons for number input */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide the spinner buttons for number input in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.stop-update td button.always-show {
  display: block;
}



.btn-table-options{
  border:none;
}

.btn-table-options + .dropdown-menu{
  color:#2e3b36;
}

.btn-table-options + .dropdown-menu .dropdown-item{
  font-family: 'greycliff-medium';
}

.btn-table-options + .dropdown-menu .dropdown-item:hover {
  background-color: #00dea3;
  color:white;
}



.allocate-stats-div{
  display: flex;
  width: 100%;
  align-items: center;
}
.reallocate-info-div{
  display: inline-block;
  flex-grow: 1;
  padding: 4px 8px;
}

.reallocate-info-div label{
  display: block;
  font-family: 'greycliff-light';
}

.reallocate-info-div input{
  width:100%;
  font-family: 'greycliff-medium';
}


.pagination-container{
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 120px;
  height: 54px;
  border-radius: 16px;
  background: white;
  border: 1px solid #DDE1EC;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: 3px 0px 2px 0px #00000014;
  border: 1px solid #DDE1EC;
}

.pagination-container button.disabled{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F5F4F7;
  border: 2px solid #F5F4F7;
  cursor:initial;
  color: #000000 ;
}

.pagination-container button.disabled svg path{
  stroke: #2D3B3680;
}

.pagination-container button{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2D3B36;
  border: 2px solid #F5F4F7;
}

.pagination-container button svg path{
  stroke: #ffffff;
}

.pagination-container button:active,
.pagination-container button:hover{
  background: #1C2A25;
}










.sub-pagination-container{
  position: fixed;
  right: 128px;
  bottom: 8px;
  width: 120px;
  height: 54px;
  border-radius: 16px;
  background: white;
  border: 1px solid #DDE1EC;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: 3px 0px 2px 0px #00000014;
  border: 1px solid #DDE1EC;
}

.sub-pagination-container button.disabled{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F5F4F7;
  border: 2px solid #F5F4F7;
  cursor:initial;
}

.sub-pagination-container button.disabled svg path{
  stroke: #2D3B3680;
}

.sub-pagination-container button{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2D3B36;
  border: 2px solid #F5F4F7;
}

.sub-pagination-container button svg path{
  stroke: #ffffff;
}

.sub-pagination-container button:active,
.sub-pagination-container button:hover{
  background: #1C2A25;
}


.sub-pagination-container button.disabled:active,
.sub-pagination-container button.disabled:hover{
  background: #F5F4F7;
}


ul.hidenav-options li{
  display: none;
}



/* ==================== Sortable */
.sortable th span:hover::after {
  color: inherit;
  font-size: 1.2em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th span{
  cursor: pointer;
}

.sortable th span::after {
  font-size: 1.2em;
  color: transparent;
  content: '\00a0\025B8';
}

.sortable th span.dir-d::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable th span.dir-u::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th.no-sort span{
  cursor: initial;
}

th.no-sort span::after {
  content: none;
  display: none;
}



.sortable-main th span:hover::after {
  color: inherit;
  font-size: 1.2em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th{
  cursor: pointer;
}

.sortable-main th span::after {
  font-size: 1.2em;
  color: transparent;
  content: '\00a0\025B8';
}

.sortable-main th.sort_asc span::after,
.sortable th.sort_asc span::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable-main th.sort_dsc span::after,
.sortable th.sort_dsc span::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th.no-sort{
  cursor: initial;
}

th.no-sort span::after {
  content: none;
  display: none;
}
/* ==================== End Sortable */


#add-tag-btn{
  min-width: 90px;
}


#tags-list .list-item{
  padding: 8px;
  font-size: 16px;
  border: 1px solid #dde1ec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#tags-list .list-item button{
  padding: 0;
}

.search-container-div input.form-control,
#id_tags{
  outline: none !important;
  box-shadow: none !important;
  border-color: #dee2e6 !important;
}

.search-container-div span.input-group-text{
  cursor: pointer;
}

.theme-primary-btn[disabled]{
  cursor: not-allowed;
  opacity: .65;
}
#sales-order-items-form-submit[disabled] {
  cursor: not-allowed;
  opacity: .65;
}


.ss-main .ss-values .ss-single {
  max-width: 200px;
  overflow: auto;
}


ul.hidenav-options li.force-admin-show {
  display: block;
}

td.header-col span{
  max-width: none !important;
  font-weight: bold;
}

.container.range-plugin .calendar>.days-grid>.day.in-range {
  background-color: #00DEA3 !important;
}





.main-nosupplier-row td{
  max-width: 300px;
  width: 150px;
}

.main-nosupplier-row td .ss-main .ss-values {
  max-width: 90%;
}

.main-nosupplier-row td .ss-main .ss-values .ss-single {
  max-width: 100%;
}

.table.sortable-main{
  margin-bottom: 60px;
}


.table-responsive.horizontal-scroll::-webkit-scrollbar {
  width: 1px !important;
} 

.table-responsive.horizontal-scroll::-webkit-scrollbar {
  width: 1px !important;
}
 
.table-responsive.horizontal-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  height: 1px !important;
}
 
.table-responsive.horizontal-scroll::-webkit-scrollbar-thumb {
  background-color: #c1c1c1 !important;
  outline: 0px solid slategrey !important;
  border-radius: 8px;
  width: 3px !important;
}


.table-responsive.horizontal-scroll{
  height: calc(100% - 240px);
}

@font-face {
  font-family: "greycliff-bold";
  src: url("../fonts/GreycliffCF-Bold.ttf");
}

@font-face {
  font-family: "greycliff-boldoblique";
  src: url("../fonts/GreycliffCF-BoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-demibold";
  src: url("../fonts/GreycliffCF-DemiBold.ttf");
}


@font-face {
  font-family: "greycliff-demiboldoblique";
  src: url("../fonts/GreycliffCF-DemiBoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-extrabold";
  src: url("../fonts/GreycliffCF-ExtraBold.ttf");
}

@font-face {
  font-family: "greycliff-extraboldoblique";
  src: url("../fonts/GreycliffCF-ExtraBoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-heavy";
  src: url("../fonts/GreycliffCF-Heavy.ttf");
}

@font-face {
  font-family: "greycliff-heavyoblique";
  src: url("../fonts/GreycliffCF-HeavyOblique.ttf");
}


@font-face {
  font-family: "greycliff-light";
  src: url("../fonts/GreycliffCF-Light.ttf");
}


@font-face {
  font-family: "greycliff-lightoblique";
  src: url("../fonts/GreycliffCF-LightOblique.ttf");
}


@font-face {
  font-family: "greycliff-medium";
  src: url("../fonts/GreycliffCF-Medium.ttf");
}

@font-face {
  font-family: "greycliff-mediumoblique";
  src: url("../fonts/GreycliffCF-MediumOblique.ttf");
}


@font-face {
  font-family: "greycliff-regular";
  src: url("../fonts/GreycliffCF-Regular.ttf");
}


@font-face {
  font-family: "greycliff-regularoblique";
  src: url("../fonts/GreycliffCF-RegularOblique.ttf");
}


.home-body{
  background-color: #EEF3F2;
}

.navbar-home .nav-item{
  margin-right: 40px;
  font-size: 20px;
  color: #2D3B36;
}

.theme-card-header{
margin-bottom: 0;
padding-bottom: 0;
font-size: 24px;
font-family: "greycliff-light";
}

.profile-pic-btn.dropdown-toggle::after {
display: none;
}

.profile-pic-btn.dropdown-toggle + .dropdown-menu.show{
left: -110px;
}

.navbar-home .nav-item .nav-link{
  color: #2D3B36;
  font-family: "greycliff-medium";
}

.navbar-home .btn-disabled{
  background: #6c757d;
  padding: 14px;
  display: block;
  min-width: 100px;
  font-size: 20px;
}


.home-body .home-header-text{
  font-family: "greycliff-bold";
  font-size: 60px;
}

.home-body .home-subtext{
  font-family: "greycliff-light";
  font-size: 24px;
}


.home-body .login-home-btn{
  font-size: 18px;
  font-family: "greycliff-light";
}

.theme-primary-btn{
  min-height: 32px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-primary-btn:hover{
  background: #00cE92;
  color:white;
}

.home-body footer{
  width: 100%;
  display: flex;
  justify-content: center;
  background: #e0e0e0;
  font-size: 16px;
  padding: 4px;
}



:root {
  --theme-bg-color: #2D3B36;
}

.body-dashboard{
  background: #fbfbfb;
}

/* navbar css */
.navbar.navbar-expand-lg.navbar-theme{
  color: white;
  height: 70px;
  background-color: var(--theme-bg-color) !important;
  padding: 0;
}

.navbar.navbar-expand-lg .container-fluid{
  padding: 0;
  margin: 0;
  height: 70px;
  /* overflow-x: auto; */
  /* overflow-y: visible; */
  /* overflow-x: auto;
  white-space: nowrap; */
}

.logo-nav-container{
  display: flex;
  padding-left: 20px;
  align-items: center;
  background: white;
  position: relative;
  padding-right: 8px;
  height: 70px;
}


.navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link{
  color: white;
  font-size: 16px;
  font-family: "greycliff-demibold";
  font-weight:600;
  display: inline-flex;
  align-items: center;
}

.navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link span{
  padding-left: 11px;
}

.navbar.navbar-expand-lg .nav-item .nav-link.active{
  color: #00DEA3;
  background: #3E4B46;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;  
}

.navbar.navbar-expand-lg .nav-item{
  margin-left: 20px;
}

.arrow-right {
  width: 0; 
  height: 0;
  border-top: 70px solid transparent;
  border-left: 40px solid white;
  border-bottom: 1px solid white;
}

.notify-btn{
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: white;
  font-size: 24px;
  width: 50px;
}

.profile-pic-btn{
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: white;
  font-size: 36px;
  width: 50px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0;
}

.profile-pic-btn img{
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
}


/* card theme */

.theme-card-home.card{
  border-radius: 16px;
}

.theme-card-home .card-body{
  padding: 0;
}

.theme-card-home .card-text{
  min-height: 100px;
  border-radius: 9px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 48px;
  font-family: "greycliff-bold";
}

.theme-card-home .card-title{
  padding: 8px;
  font-size: 19px;
  font-family: "greycliff-light";
  color:white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.theme-card-home.green{
  background-color:#4cb28d;
}
.theme-card-home.green .card-text{
  background-color: #5DC39E;
  border-radius: 16px;
}


.theme-card-home.purple{
  background-color:#6b3ac1;
}

.theme-card-home.purple .card-text{
  background-color: #7C4BE4;
  border-radius: 16px;
}

.theme-card-home.pink{
  background-color:#B320BF;
}

.theme-card-home.pink .card-text{
  background-color: #C431CF;
  border-radius: 16px;
}

.theme-card-home.blue{
  background-color: #4744DE;
}

.theme-card-home.blue .card-text{
  background-color: #5855ef;
  border-radius: 16px;
}


/* theme table cards */

.theme-table-card-container{
  width: 100%;
}

.theme-table-card-container .theme-table-card-header{
  color: white;
  font-size: 24px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "greycliff-bold";
  border-radius: 8px;
}


.theme-table-card-container .theme-card-body{
  width: 100%;
}

.theme-table-card-container .theme-table-card-header.green{
  background-color: #5DC39E;
}



.theme-table-card-container .theme-table-card-header.yellow{
background-color: #E2D66B;
}


.theme-table-card-container .theme-table-card-header.blue{
background-color: #208CDA;
}

.theme-table-card-container .theme-table-card-header.red{
  background-color: #DA2020;
}


.theme-table-card-container .theme-table-card-header.purple{
  background-color: #7C4BE4;
}

.theme-table-card-container .theme-table-card-header.pink{
  background-color: #B320BF;
}


.theme-table-card-container .theme-table-card-header .btn{
  background-color: transparent;
  color: white;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* theme tables */

.theme-table{
  background-color: white;
  overflow: auto;
}

.theme-table thead{
  height:56px;
}

.theme-table thead th{
  font-size: 15px;
  font-weight: 600;
  font-family: "greycliff-demibold";
  color:#2d3b36b3;
  padding: 0px;
  white-space: nowrap;
}

.theme-table thead th span{
  display: flex;
  height: 62px;
  padding: 8px 12px;
  align-items: center;
}

.theme-table tbody tr{
  height: 62px;
  border-bottom: 1px solid #eeeeee;
}

.theme-table tbody td{
font-size: 16px;
font-family: "greycliff-light";
color: #2D3B36;
padding: 0px;
white-space: nowrap;
font-weight: 400;
padding: 0 2px;
}

.theme-table tbody td span{
  display: flex;
  height: 62px;
  padding: 8px;
  align-items: center;
  /* max-width: 280px; */
  text-transform: capitalize;
  overflow: auto;
  text-overflow: ellipsis;
  overflow-y: hidden;
  max-width: 250px;
  overflow-x: auto;
}

.theme-table tbody td span.justify-content-center,
.theme-table tbody td span.w-100{
max-width: none;
}

.theme-table thead tr th:nth-child(2),
.theme-table tbody tr td:nth-child(2){
  /* background-color: #FEFCF3; */
}

.theme-table thead{
  /* border-bottom: 1px solid #fbdd63; */
}
.theme-table tbody tr:hover{
  border-top: 1px solid #fbdd63;
  background-color: #FEFCF3;
  border-color: #FBDD63;
  border-left: 4px solid #fbdd63;
}


.theme-table tbody#reference-gio-table-body tr:hover{
border-top: 1px solid #fbdd63;
background-color: #FEFCF3;
border-color: #FBDD63;
border-left: 4px solid #fbdd63;
}


/* page header css */
.page-header-div{
  height: 64px;
  display: flex;
  align-items: center;
  background: white;
  justify-content: space-between;
  border-bottom: 1px solid #DDE1EC;
}

.page-header-div h2{
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 25px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: "greycliff-bold";
  font-weight: 700;
  overflow: auto;
  white-space: nowrap;
}

.page-header-div .header-end-div{
  margin-right: 20px;
  overflow-x: auto;
  white-space: nowrap;
}

.page-header-div .header-start-div{
  display: flex;
  align-items: center;
}

.page-header-back-btn{
  background: transparent;
  border: none;
  outline: none;
  font-size: 24px;
  margin-left: 16px;
}


/* Buttons */ 
.theme-outline-btn{
  height: 32px;
  background: white;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #DDE1EC;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-secondary-btn{
  min-height: 32px;
  background: #2D3B36;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-secondary-btn:hover{
  background: #3E4C47;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
}



.theme-modal-secondary-btn{
  height: 40px;
  background: #eeeeee;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #fff;
  font-size: 17px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}

.theme-modal-primary-btn{
  height: 40px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #fff;
  font-size: 17px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-modal-reject-btn{
  height: 40px;
  background: #DA2020;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 17px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}


.theme-filter-active-btn{
  background-color: rgb(0 222 163 / 12%);
  color: #2D3B36;
  font-size: 14px;
  border-radius: 9px;
  border: 1px solid #00dea3;
  font-family: 'greycliff-demibold';
  font-weight: 600;
  height: 32px;
}

.theme-filter-active-btn .num-span{
  background-color: #00DEA3;
  padding: 4px;
  font-size: 10px;
  font-weight: 800;
  border-radius: 50%;
  width: 18px;
  display: block;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.btn-instock{
  background: #5DC39E;
  color: white;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 400;
  text-transform: capitalize;
  border: none;
}


.btn-shortfall{
  background: #fff166;
  color: black;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 400;
  text-transform: capitalize;
  border: none;
}

/* search css */
.search-container-div, .search-container-div input{
  height: 32px !important;
  max-width: 200px;
}

.search-container-div input{
  padding: 8px;
  font-size: 14px !important;
}

.search-container-div label{
  height: 32px;
  padding: 4px 8px;
  font-size: 15px !important;
  font-family: 'greycliff-medium';
  font-weight: 500;
}


.search-container-div.form-floating>.form-control:focus~label,
.search-container-div.form-floating>.form-control:not(:placeholder-shown)~label{
  transform: translateY(-1.5rem);
}

.search-container-div input{
  padding-top:8px !important;
  border-right: none !important;
}

.search-container-div.theme-input-div.input-group .input-group-text {
  background: transparent;
  border-left: none;
  color: #00DEA3;
  }

/* subheader  */

.page-subheader-div{
  width: 100%;
  display: flex;
  align-items: center;
  height: 58px;
  justify-content: space-between;
  background: white;
  border: 1px solid #dde1ec;
  padding: 8px 20px;
}


.subheader-start-div, .switch-container{
  display: flex;
  align-items: center;
}


.subheader-end-div{
  overflow: auto;
  white-space: nowrap;
  padding: 0 20px;
}



/* theme checkbox */
.theme-checkbox{
  border-radius: 20px;
  appearance: none;
  background-color: #fff;
  margin: 0;
  width: 26px !important;
  height: 26px !important;
  border: 1px solid #eee;
  border-radius: 9px;
  cursor: pointer;
  padding: 0;
  position: relative;
}


input.theme-checkbox {
  transition: box-shadow .3s;
  background: #fff;
}
input:checked.theme-checkbox { 
  box-shadow: inset 0 0 0 20px #FBDD63;
}

input:checked.theme-checkbox:after{
  content: url(../img/checkbox-checked.svg);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
} 



/* detail page header */

.detail-page-header{
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 25px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: "greycliff-demibold";
  color: #2D3B36;
  font-weight: 700;
}


/* theme-input */

.input-theme-div{
  height: 40px;
  width:100%;
  border:1px solid #eee;
  border-radius: 9px;
  display: flex;
  align-items: center;
  background-color: white;
}

.table.theme-table .input-theme-div{
background-color: white;
/* border: 1px solid #2D3B36; */
border: 1px solid #eeeeee;
/* margin: 0 2px; */
}

.table.theme-table .ss-main{
height: 40px;
border: 1px solid #2e3b36;
border-color: #2e3b36 !important;
border-radius: 9px;
background: white;
/* margin: 0 2px; */
}

.input-theme-div.text-area{
  height: 80px;
}

.input-theme-div.text-area textarea{
  height: 80px;
  padding: 8px !important;
}

.input-theme-div input, .input-theme-div select{
  height: 32px !important;
  border: none !important;
  padding: 0 8px !important;
  outline: none;
  box-shadow: none !important;
  color: #2D3B36;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.input-theme-div.form-floating>label {
  position: absolute;
  top: -10px;
  font-size: 15px;
  font-weight: 500;
  font-family: 'greycliff-medium';
}

.input-theme-div.form-floating>.form-control:focus~label, 
.input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label, 
.input-theme-div.form-floating>.form-select~label {
transform: translateY(-1.25rem) translateX(0.15rem);
height: 24px;
top: 0;
padding: 0;
width: auto;
left: 12px;
top: 7px;
background: #fff;
padding: 0px 4px;
border-radius: 4px;
font-size: 13px;
font-family: 'greycliff-light';
opacity: 1;
}


.theme-table .input-theme-div.form-floating>.form-control:focus~label, 
.theme-table .input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label, 
.theme-table .input-theme-div.form-floating>.form-select~label{
transform: translateY(-1.25rem) translateX(0.15rem);
height: 24px;
top: 0;
padding: 0;
width: auto;
left: 3px;
top: 7px;
background: #fff;
padding: 0px 4px;
border-radius: 4px;
font-size: 13px;
font-family: 'greycliff-light';
display: block;
opacity: 1;
}


.file-name-span{

display: block;
white-space: nowrap;
overflow: hidden;
padding: 0 8px;
text-overflow: ellipsis;
font-size: 16px;
font-family: 'greycliff-light';
font-weight: 400;

}


/* detail page sub nav */
.detail-page-nav{
  display: flex;
  align-items: center;
  height: 52px;
  background: #3E4B46;
  margin: 40px 0;
  border-radius: 24px;
  padding: 0;
  color: white;
  overflow: hidden;
  white-space: nowrap;
  overflow-x: auto;
}

.detail-page-nav .detail-page-nav-item{
  font-size: 16px;
  display: block;
  padding: 0 16px;
  height: 52px;
  display: flex;
  align-items: center;
  font-family: "greycliff-demibold";
  cursor: pointer;
  font-weight: 600;

}

.detail-page-nav .detail-page-nav-item.active{
  background: #5B6662;
  color: #00dea3;
}

.detail-page-section{
  background: white;
  border: 1px solid #eee;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 40px;
}

.detail-page-section .detail-page-header{
  font-size: 24px;
}

.detail-page-section .detail-page-subheader{
font-size: 20px;
font-family: "greycliff-demibold";
font-weight: 600;
}


.detail-page-main-with-tags{
width:100%;
padding: 20px;
}


.detail-page-tags-div{
width: 100%;
height: 100%;
border: 1px solid #eeeeee;
background: white;
padding: 0px;
min-height: 100%;
}

.detail-page-tags-div .tag-item{
display: flex;
padding: 8px;
align-items: center;
border-bottom: 1px solid #eee;
justify-content: space-between;
font-family: "greycliff-demibold";
font-size: 16px;
font-weight: 600;
}

.tag-item .theme-icon{
margin-right: 11px;
width: 18px;
height: 18px;
}


.floating-label { 
  position:relative; 
  height: 40px;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 9px;
  display: flex;
  align-items: center;
  background-color: white;
}

.floating-select {
  font-size:16px;
  padding:4px 4px;
  display:block;
  width:98%;
  height:32px;
  background-color: transparent;
  border:none;
}

.table.theme-table .floating-select{
  height: 40px;
  border: 1px solid #2e3b36;
  border-radius: 9px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
  font-size: 16px;
  color: #2e3b36;
  background: white;
}

.floating-select:focus {
  outline:none;
}

.floating-label label {
  position: absolute;
  font-size: 16px;
  font-weight: 200;
  left: 12px;
  z-index: 0;
  top: 6px;
  background: white;
  padding: 2px 4px;
  left: 0px;
  border-radius: 9px;
  font-family: 'greycliff-light';
  color: #8D96A5;
}

.form-floating>label {
  font-family: 'greycliff-light';
  color: #8D96A5;
}

.floating-select:focus ~ label , .floating-select:not([value=""]) ~ label {
  transform: translateX(0.5rem) translateY(-1.25rem);
  font-size: 13px;
}

/* active state */
.floating-select:focus ~ .floating-select:focus ~  {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* active state */
 .floating-select:focus ~  {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}


.theme-body-text{
  font-size: 15px;
  font-family: "greycliff-demibold";
  color: #212529;
  font-weight: 600;
}


.input-group-text{
  height: 100%;
  background: #fff;
  box-shadow: none;
  border: none;
}

.auth-input-group .input-group-text{
  height: auto; 
}


.search-container-div .input-group-text{
  border: 1px solid #dee2e6;
}


.form-control[type=file]:not(:disabled):not([readonly]){
  line-height: 32px;
}

.cursor-pointer{
  cursor: pointer;
}

.subpage-all.detail-page-section,
.subpage-1.detail-page-section,
.subpage-2.detail-page-section,
.subpage-3.detail-page-section{
  display: none;
}

.subpage-all.detail-page-section.active,
.subpage-1.detail-page-section.active,
.subpage-2.detail-page-section.active,
.subpage-3.detail-page-section.active{
  display: block;
}


.toggle-subpage-detail-form{
  display:none;
}

.toggle-subpage-detail-table{
  display: block;
}

.show-form .toggle-subpage-detail-form{
  display:block;
}

.show-form .toggle-subpage-detail-table{
  display: none;
}


.preview-img-small{
  width: 40px;
  height: 40px;
  object-fit: contain;
  box-shadow: 0 0 3px 0px rgb(0 0 0 / 20%);
}


.disable-section{
  opacity: 0.5;
  pointer-events: none;
}

.theme-reject-btn{
  height: 32px;
  background: #f04b6a;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
}


.theme-approve-btn{
  height: 32px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.theme-secondary-header-btn{
  height: 32px;
  background: #00DEDA;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.theme-secondary-header-btn:hover{
  background: #11DFEB;
}


.modal-title{
  font-family: "greycliff-demibold";
  font-size: 24px;
  font-weight: 600;
}

.model-body p{
  font-size: 15px;
  font-weight: 500;
  font-family: 'greycliff-medium';
  color: #2D3B36;
}

.modal-header, 
.model-body,
.modal-footer{
  border-bottom: 0 !important;
  border-top:0 !important;
  padding: 8px 16px !important;
}

.detail-page-section .row{
  position: relative;
  z-index: 10;
}


.ss-main{
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}


.order-status-label{
  color: #FFAE6B;
  text-transform: uppercase !important;
}



/* subnav */
.navbar.subnav{
  background: white;
  height:46px;
}

.navbar.subnav.navbar-expand-lg .container-fluid{
  height:46px;
}

.navbar.subnav .nav-item .nav-link{
  color: #2D3B36;
  font-size: 16px;
}

.navbar.subnav.navbar-expand-lg .nav-item .nav-link.active{
  color: #00DEA3;
  background: transparent;
  border-radius: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 3px solid #00DEA3;
}
/* endof subnav */


/* .theme-table.modal-table thead tr th:nth-child(2), 
.theme-table.modal-table tbody tr td:nth-child(2) {
  background-color: #fff;
} */

/* .theme-table.modal-table tbody tr:nth-child(1) {
border-top: none;
background-color: #fff;
border-color: #fff;
border-left: none;
} */

.theme-table.modal-table thead {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}

.theme-table.modal-table tbody tr {
border-bottom: 1px solid transparent !important;
}


.success-text{
color: #00dea3;
}

.multiple-warehouses-text {
color: #FFAE6B;
}

.not-fulfillable-text {
color: #f04b6a;
}

.reference-gio-table-row .row-item-div,
.reference-gio-input-row .row-item-div,
.iwt-gio-table-row .row-item-div,
.iwt-gio-input-row .row-item-div{
height: 62px;
display: inline-flex;
align-items: center;
}

.gio-min-width-col{
min-width: 124px;
}

.sent-for-approval  #gio-send-for-approval,
.sent-for-approval #update-gio-btn,
.sent-for-approval #add-gio-reference,
.sent-for-approval #add-gio-iwt,
.sent-for-approval .gio-min-width-col .btn,
.sent-for-approval .gio-min-width-col.btn-col,
.stop-update td button{
display: none;
} 



.stop-update td button.download-btn,
.stop-update td .btn.force-show{
display: block;
} 

.disabled-btn{
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
}

.back-btn-icon{
background: #eeeeee;
/* border: 1px solid black; */
border-radius: 9px;
width: 32px;
height: 32px;
padding: 8px;
}


.so-export-options-btn{
min-width: 110px;
text-transform: uppercase;
}


.disabled-input-container{
background-color: #e9ecef !important;
pointer-events: none !important;
}

.ss-main.ss-disabled {
background-color: #e9ecef !important;
cursor: not-allowed;
}

#print-preview-div{
max-height: 80%;
height: 400px;
}


body.awaiting-approval .detail-page-button-footer,
body.awaiting-approval .page-subheader-div .theme-primary-btn,
body.awaiting-approval .edit-sales-item-btn,
body.awaiting-approval .remove-sales-item-btn,
body.awaiting-approval .file-delete-btn,
body.awaiting-approval .po-item-row .btn,
body.awaiting-approval #create-vendor-po-btn{
display: none !important;
}

.stop-update .detail-page-button-footer,
.stop-update .page-subheader-div .theme-primary-btn,
.stop-update .edit-sales-item-btn,
.stop-update .remove-sales-item-btn,
.stop-update .file-delete-btn{
display: none !important;
}


.stop-update .page-subheader-div .theme-primary-btn.force-show{
display: block !important;  
}

.stop-update #customer-spa-table td button{
display: block !important;  
}

#customer-spa-table td input{
pointer-events: all !important;
}

.stop-update .detail-page-button-footer.always-show{
display: flex !important;
}

.stop-update .always-show input,
.stop-update .always-show .floating-select{
pointer-events: all !important;
}


#sales-item-add-edit-row.edit-item .disabled-when-edit, 
#sales-item-add-edit-row.edit-item .disabled-when-edit input{
background-color: #e9ecef !important;
pointer-events: none !important;
}


.modal-content {
border-radius: 16px;
padding: 8px 4px;
}


.order-accepted input,
.order-accepted .floating-label,
.stop-update input,
.stop-update textarea,
.stop-update .floating-label,
.awaiting-approval input,
.awaiting-approval .floating-label,
.awaiting-approval .floating-select{
pointer-events: none !important; 
}

.awaiting-approval .hide-when-non-editable,
.awaiting-approval .sent-for-approval-btn{
display:none !important;
}


.stop-update #add-tag-form input,
.stop-update input.force-input{
pointer-events: initial !important;
}

/* theme body modal */
.theme-body-modal-div{
position: fixed;
left: 0;
top:0;
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
display: none;
}

.theme-body-modal-div.show{
display: block;
position: fixed;
z-index: 9999 !important;
}

.theme-body-modal-div .theme-body-container{
background: white;
position: absolute;
left: 0;
top:134px;
width: 100%;
height: calc(100% - 134px);
overflow-y: auto;
border-top-right-radius: 23px;
border-top-left-radius: 23px;
}

.theme-body-close-btn{
width: 32px;
height: 32px;
background: #eeeeee;
color: #2D3B36;
border-radius: 9px;
border:none !important;
}

.theme-body-modal-div .theme-body-container .theme-body-main-content{
height: calc(100% - 120px);
overflow-y: auto;
}

.theme-body-modal-div .theme-body-container .theme-body-footer{
height: 56px;
border-bottom: 0 !important;
border-top: 0 !important;
padding: 8px 16px !important;
display: flex;
justify-content: end;
}
/* end of theme modal */

/* theme tax input table */
.tax_input_div{
display: flex;
align-items: center;
height: 62px;
}

.tax_input_div label {
display: inline-block;
margin: 0 8px;
}

.file-download-div label, 
.file-top-label{
transform: translateX(0.5rem);
background: #fff;
padding: 0px 4px;
border-radius: 4px;
font-size: 13px;
color: #8e96a6;
}

.file-download-div .theme-link{
max-width: 90%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.file-download-div label{
background-color: transparent !important;
}


.sales-order-table-item-div, 
.po-order-table-item-div,
#inventory-gio-item-input-row .inventory-gio-item-input-container,
.supplier-file-table-item-div,
.supplier-agreement-table-item-div,
.customer-file-table-item-div,
.customer-agreement-table-item-div{
height: 62px;
display: flex;
align-items: center;
}

.sales-order-item-row.editing-item-row,
.po-item-row.editing-item-row{
display: none;
}


/* status notify */

#status-notify-div{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 18px;
z-index: 9999;
}

#status-notify-div .status-container{
display: flex;
align-items: center;
justify-content: center;
}

#status-notify-div .status-container .status-card{
padding: 20px;
border: 1px solid #DDE1EC;
background: white;
border-radius: 16px;
box-shadow: 3px 0px 2px 0px #00000014;
display: inline-flex;
align-items: center;
gap:10px
}

#status-notify-div .status-container .status-card .status-success{
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
background: #00DEA3;
color: white;
/* margin-right: 14px; */
display: none;
}

#status-notify-div.success .status-container .status-card .status-success{
display: inline-flex;
align-items: center;
}


#status-notify-div .status-container .status-card .status-error{
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
background: #f04b6a;
color: white;
/* margin-right: 14px; */
display: none;
}

#status-notify-div.error .status-container .status-card .status-error{
display: inline-flex;
align-items: center;
}

#status-notify-div .status-container .status-card span{
font-size: 20px;
font-weight: 600;
font-family: 'greycliff-demibold';
color: #2D3B36;
}

/* end of status notify */



.errored-input{
border-color: #f04b6a !important;
}


tr.edit-hide-item{
display: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association{
background-color: #e9ecef !important;
pointer-events: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association input{
background: #e9ecef;
}


#model-rejection-form input#model-rejection-reason{
pointer-events:all !important;
}


.dark-icon{
fill: #212529;
}

.dark-outline-icon path{
stroke:#212529 !important;
}

.theme-icon-input-group{
padding: 0.375rem 0.6rem;
}

.nav-link .theme-icon path{
stroke:#fff !important;
}

.nav-link.active .theme-icon path{
stroke:#00DEA3 !important;
}

.theme-margin-left-btn{
margin-left: 3px;
}

.theme-margin-right-btn{
margin-right: 3px;
}

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

.btn-flex-content-center span{
display: block;
margin: 0 2px;
}


.btn-status{
text-transform: capitalize;
background: #fff166;
font-weight: 500;
font-family: 'greycliff-regular';
min-width: 152px;
}


.ss-main .ss-values .ss-value {
display: flex;
user-select: none;
align-items: center;
width: fit-content;
background-color: #00dea3 !important;
}

.ss-main .ss-values .ss-value .ss-value-delete {
border-left: none !important;
}


#emergency-contact-add-edit-row td .table-column-container-flex{
display: flex;
align-items: center;
height: 63px;
}


#navbar-display-name{
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'greycliff-demibold';
font-size: 14px;
display: block;
}

#navbar-display-id{
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'greycliff-demibold';
font-size: 12px;
}

.ss-main .ss-values,
.ss-content .ss-list .ss-option  {
text-transform: capitalize;
}

.dual-listbox__search{
display: none !important;
}

.dual-listbox .dual-listbox__title {
padding: 8px 10px !important;
font-size: 20px !important;
font-family: 'greycliff-demibold';
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: #2D3B36;
}


.dual-listbox .dual-listbox__item {
display: block;
padding: 10px;
cursor: pointer;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
border-bottom: 1px solid #eeee;
transition: background .2s ease;
font-size: 14px;
font-family: 'greycliff-demibold';
color:#2D3B36;
}

.dual-listbox .dual-listbox__button{
min-height: 32px;
background-color: #2D3B36 !important;
border-radius: 9px;
padding-left: 16px !important;
padding-right: 16px !important;
color: #fff !important;
border: 1px solid #fff !important;
font-size: 14px;
font-family: 'greycliff-demibold';
font-weight: 600;
}


.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
background-color: #00dea3 !important;
color: white;
}


.dual-listbox .dual-listbox__available, .dual-listbox .dual-listbox__selected {
border: 1px solid #eee;
}


.right-remove-duallist-btn{
display: block;
margin: auto;
text-align: center;
position: relative;
left: 4px;
}


.left-add-duallist-btn{
display: block;
margin: auto;
text-align: center;
position: relative;
right: 4px;
transform: rotate(180deg);
}


.raised-floating-label{
transform: translateY(-1.25rem) translateX(0.15rem);
height: 24px;
top: 0;
padding: 0;
width: auto;
left: 12px;
top: 7px;
background: #fff;
padding: 0px 4px;
border-radius: 4px;
font-size: 13px;
font-family: 'greycliff-light';
}


#billing-select-row.disable-section,
#billing-address-div.disable-section{
  display: none;
}


.overflow-90-text{
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* .table-display-row,
.table-edit-row.no-edit{
  display: none;
} */


.table-display-row.no-edit{
  display: revert;
}


.table-edit-row div.table-column-container-flex{
  height: 62px;
  display: flex;
  align-items: center;
}


.mobile-logout-btn{
display: none;
}

.collapse.navbar-collapse{
width: auto;
background: #2d3b36;
height: 70px;
}

@media screen and (max-width:990px){
.arrow-right{
  display: none;
}


.navbar.navbar-expand-lg .container-fluid {
  overflow-x: initial;
  white-space: inherit;
}

.navbar-collapse{
  background: #2d3b36;
  z-index: 9;
}

.navbar-collapse.collapse.show form{
  display: none !important;
}

.mobile-logout-btn{
  display: block;
}
}


#navbarText{
background-color: transparent ;
}

#navbarNav{
background-color: transparent;
}


.vendor-po-file-table-item-div{
width:100%;
}




#secondary-roles-div{
border: 1px solid #eee;
padding: 12px;
border-radius: 8px;
width: 100%;
height: 150px;
font-size: 14px;
color: #2D3B36;
font-weight: 600;
font-family: 'greycliff-demibold';
overflow-y: auto;
cursor: pointer;
}

#secondary-roles-div #label-span{
font-size: 18px;
display: block;
margin-bottom: 10px;
}

#secondary-roles-div span{
display: block;
}

.dual-listbox .dual-listbox__container {
justify-content: center;
}


.logo-img{
max-width: 100%;
max-height: 50px;
object-fit: contain;
}


#mis-table .table-column-container-flex,
#mip-table .table-column-container-flex,
#sof-item-table .table-column-container-flex{
height: 62px;
display: flex;
align-items: center;
}




.mis-row.yellow,
.mip-row.yellow {
background-color: #fff166;
}


.mis-row.red,
.mip-row.red{
background-color: #f04b6a;
}

.mis-row.green,
.mip-row.green{
background-color: #00DEA3;
}

.mis-row.blue,
.mip-row.blue{
background-color: deepskyblue;
}


label.select-label{
transform: translateY(-1.25rem) translateX(0.15rem) !important;
height: 24px;
top: 0 !important;
padding: 0 !important;
width: auto;
left: 3px;
top: 7px !important;
background: #fff !important;
padding: 0px 4px !important;
border-radius: 4px;
font-size: 13px !important;
font-family: 'greycliff-light' !important;
display: block;
opacity: 1;
}


.navbar.subnav .nav-item svg{
display: inline-block;
margin-right: 4px;
}

.navbar.subnav .nav-link svg path{
stroke:#2D3B36;
}

.navbar.subnav .nav-link.active svg path{
stroke:#00DEA3;
}

.form-control:read-only {
background-color: var(--bs-form-control-disabled-bg);
opacity: 1;
}

.form-floating.input-theme-div:has(.file-download-div) { 
background-color: transparent !important;
border: none !important;
}


.form-control[type='file']{
min-width: 140px;
}


.table-column-container-flex .input-theme-div input[type="text"],
.table-column-container-flex .input-theme-div input[type="email"]{
min-width: 120px;
}


.edited-field .input-theme-div {
border: 1px solid #00DEDA;
}

.edited-field .floating-label {
border: 1px solid #00deda;
}

td span.edited-span{
border: 1px solid #00deda;
border-radius: 8px;
}

.table-display-row.edited-row{
border: 1px solid #00deda;
box-shadow: 0px -1px 0px 0px #00deda;
}

.ss-main.floating-select.readonly{
pointer-events: none;
}

.input-theme-div input[type='number']{
  min-width: 70px;
}

/* Hide the spinner buttons for number input */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Hide the spinner buttons for number input in Firefox */
input[type="number"] {
-moz-appearance: textfield;
}

.stop-update td button.always-show {
display: block;
}



.btn-table-options{
border:none;
}

.btn-table-options + .dropdown-menu{
color:#2e3b36;
}

.btn-table-options + .dropdown-menu .dropdown-item{
font-family: 'greycliff-medium';
}

.btn-table-options + .dropdown-menu .dropdown-item:hover {
background-color: #00dea3;
color:white;
}



.allocate-stats-div{
display: flex;
width: 100%;
align-items: center;
}
.reallocate-info-div{
display: inline-block;
flex-grow: 1;
padding: 4px 8px;
}

.reallocate-info-div label{
display: block;
font-family: 'greycliff-light';
}

.reallocate-info-div input{
width:100%;
font-family: 'greycliff-medium';
}


.pagination-container{
position: fixed;
right: 16px;
bottom: 16px;
width: 120px;
height: 54px;
border-radius: 16px;
background: white;
border: 1px solid #DDE1EC;
display: inline-flex;
align-items: center;
justify-content: space-evenly;
box-shadow: 3px 0px 2px 0px #00000014;
border: 1px solid #DDE1EC;
}

.pagination-container button.disabled{
width: 34px;
height: 34px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #F5F4F7;
border: 2px solid #F5F4F7;
cursor:initial;
color: #000000 ;
}

.pagination-container button.disabled svg path{
stroke: #2D3B3680;
}

.pagination-container button{
width: 34px;
height: 34px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #2D3B36;
border: 2px solid #F5F4F7;
}

.pagination-container button svg path{
stroke: #ffffff;
}

.pagination-container button:active,
.pagination-container button:hover{
background: #1C2A25;
}










.sub-pagination-container{
position: fixed;
right: 128px;
bottom: 8px;
width: 120px;
height: 54px;
border-radius: 16px;
background: white;
border: 1px solid #DDE1EC;
display: inline-flex;
align-items: center;
justify-content: space-evenly;
box-shadow: 3px 0px 2px 0px #00000014;
border: 1px solid #DDE1EC;
}

.sub-pagination-container button.disabled{
width: 34px;
height: 34px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #F5F4F7;
border: 2px solid #F5F4F7;
cursor:initial;
}

.sub-pagination-container button.disabled svg path{
stroke: #2D3B3680;
}

.sub-pagination-container button{
width: 34px;
height: 34px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #2D3B36;
border: 2px solid #F5F4F7;
}

.sub-pagination-container button svg path{
stroke: #ffffff;
}

.sub-pagination-container button:active,
.sub-pagination-container button:hover{
background: #1C2A25;
}


.sub-pagination-container button.disabled:active,
.sub-pagination-container button.disabled:hover{
background: #F5F4F7;
}


ul.hidenav-options li{
display: none;
}



/* ==================== Sortable */
.sortable th span:hover::after {
color: inherit;
font-size: 1.2em;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th span{
cursor: pointer;
}

.sortable th span::after {
font-size: 1.2em;
color: transparent;
content: '\00a0\025B8';
}

.sortable th span.dir-d::after {
color: inherit;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable th span.dir-u::after {
color: inherit;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th.no-sort span{
cursor: initial;
}

th.no-sort span::after {
content: none;
display: none;
}



.sortable-main th span:hover::after {
color: inherit;
font-size: 1.2em;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th{
cursor: pointer;
}

.sortable-main th span::after {
font-size: 1.2em;
color: transparent;
content: '\00a0\025B8';
}

.sortable-main th.sort_asc span::after,
.sortable th.sort_asc span::after {
color: inherit;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable-main th.sort_dsc span::after,
.sortable th.sort_dsc span::after {
color: inherit;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th.no-sort{
cursor: initial;
}

th.no-sort span::after {
content: none;
display: none;
}
/* ==================== End Sortable */


#add-tag-btn{
min-width: 90px;
}


#tags-list .list-item{
padding: 8px;
font-size: 16px;
border: 1px solid #dde1ec;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between;
}

#tags-list .list-item button{
padding: 0;
}

.search-container-div input.form-control,
#id_tags{
outline: none !important;
box-shadow: none !important;
border-color: #dee2e6 !important;
}

.search-container-div span.input-group-text{
cursor: pointer;
}

.theme-primary-btn[disabled]{
cursor: not-allowed;
opacity: .65;
}

.ss-main .ss-values .ss-single {
max-width: 200px;
overflow: auto;
}


ul.hidenav-options li.force-admin-show {
display: block;
}

td.header-col span{
max-width: none !important;
font-weight: bold;
}

.container.range-plugin .calendar>.days-grid>.day.in-range {
background-color: #00DEA3 !important;
}





.main-nosupplier-row td{
max-width: 300px;
width: 150px;
}

.main-nosupplier-row td .ss-main .ss-values {
max-width: 90%;
}

.main-nosupplier-row td .ss-main .ss-values .ss-single {
max-width: 100%;
}

.table.sortable-main{
margin-bottom: 60px;
}


.table-responsive.horizontal-scroll::-webkit-scrollbar {
width: 1px !important;
} 

.table-responsive.horizontal-scroll::-webkit-scrollbar {
width: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
height: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar-thumb {
background-color: #c1c1c1 !important;
outline: 0px solid slategrey !important;
border-radius: 8px;
width: 3px !important;
}


.table-responsive.horizontal-scroll{
height: calc(100% - 240px);
}

>>>>>>> 579ae74e (commit from dev)
>>>>>>> bf109ea5 (commit from dev)
>>>>>>> df52b6e7 (comt from dev)