/* timzzz */

body{
    font-family: 'DM Sans' !important; 
}
 

select {
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Standard */
}

/* Make the notifications dropdown scrollable */
.dropdown-list {
  max-height: 300px; /* Set a max height */
  overflow-y: auto;  /* Enable vertical scrolling */
}

button.btn.btn-info.prev-step {
  background: #8594c1 !important;
  border: #8594c1 !important;
}
button.btn.btn-info.prev-step:hover {
  background: #7c8bb6  !important;
  border: #7c8bb6  !important;
}

.card.success-bg {
  background: #11b823;
}

 #addMoreBtn:focus, .btn-success:focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    background-color: #17a673;
    border-color: #169b6b;
    box-shadow: 0 0 0 .2rem rgba(62, 208, 156, .5);
}
li.nav-item.grievance-btn {
    position: fixed !important;
    bottom: 0 !important;
    background: #14133f;
}
.card.success-bg strong {
  font-size: 18px;
}

 .documentlinks {
  border: 1px solid #ccc;
  padding: 20px !important;
   border-radius: 30px;
  margin-bottom: 10px;
}
a.preview-document {
  color: #2e2e2e;
  font-size: 14px;
}
span.text-danger.font-weight-bold.delete-file {
  font-size: 10px;
  padding: 10px;
}
.pro-head {
  height: 180px;
}
.product-device::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 10%;
  left: 0;
  content: "";
  background-color: #fff;
  border-radius: 0;
  background-image: url(https://static.vecteezy.com/system/resources/thumbnails/023/705/402/small_2x/team-goal-motivation-multiethnicity-business-startup-leadership-concept-vector.jpg);
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: right top;}

.documentlinks h4 {
  color: #1b1d3d;
  font-size: 20px;
  margin-bottom: 20px;
}
img#logo {
  margin-bottom: 20px;
}
input.btn.saveasdraft {
    padding:12px 30px;
    background: #ffffff !important;
    border: 1px solid #d7d7d7 !important;
    font-size: 16px;
    margin-top: 42px;
 }
 input.btn.saveasdraft:hover{
  background: #27306a !important;
  color: #fff;
 }

span.select2-selection.select2-selection--multiple {
  border-radius: 30px;
  padding: 10px 15px;
  border: 1px solid #ccc !important;
}

/* .selectbox-scrollable{
  overflow-y:scroll; 
  position:absolute;
  padding:0 7px 0 0;
  width: calc(100% + 17px);
  height:100%;
  border:0;
}
.selectbox-scrollbar-rail { 
  position:absolute;
  overflow:auto;
  top:0px;
  right:0px;
  bottom:0;
  z-index:2;
  background:#ddd;
  width:5px;
  border-radius:0px;
}
.selectbox-scrollbar{
  cursor:n-resize;
  position:absolute;
  overflow:auto;
  top:0px;
  right:0px;
  z-index:3;
  background:#444;
  width:5px;
  border-radius:px;
} */

/* width */

.selectbox-scrollable::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.selectbox-scrollable::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.selectbox-scrollable::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.selectbox-scrollable::-webkit-scrollbar-thumb:hover {
  background: #555;
}

select#vendorcategory {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


.fs-4.text-dark.fw-500 strong {
  color: #198754;
}
p.success{
  font-size: 17px;
}
select#vendorcategory {
  height: 80px;
  padding: 13px 24px;
}

/* captcha */
.captcha img {
  width: 150%;
  margin-bottom: 10px;
  border-radius: 30px;
}
 /*
 .captcha img {
 filter: gray; *//* IE6-9 */
 /* -webkit-filter: grayscale(1); *//* Google Chrome, Safari 6+ & Opera 15+ */
 /* filter: grayscale(1); *//* Microsoft Edge and Firefox 35+ 
}
 */

 button.btn.btn-success.btn-refresh.m-1 {
  background: none;
  border: 0;
  padding: 0 !important;
  text-align: right;
}
button.btn.btn-success.btn-refresh img {
  width: 25%;
  margin-left: 20px;
}
/* captcha */



img#logo {
    width: 50%;
}
.bg-blue{
  background-color: #000556;
}
.topbar {
    height: 40px;
}

  #layout-content {
    text-align: center;
    width: 100%;
    display: block
}
.btn-secondary {
  color: #fff;
  border-color: #cdcdcd;
  background-color: #5a5c69;
  background-image: linear-gradient(180deg, #cdcdcd 10%, #565656 100%);
  background-size: cover;
}
.btn-primary {
  color: #fff;
  border-color: #5a5c69;
  background-color: #5a5c69;
  background-image: linear-gradient(180deg, #5a5c69 10%, #27306a 100%);
  background-size: cover;
}
.main-section {
    font-family: 'DM Sans', sans-serif;
    color: #1d1e20;
    display: flex;
    justify-content: flex-end;
    height: 100vh;
    background: url("/assets/img/vendor-bg.jpg") no-repeat fixed left center;
    background-size: contain;
    background-color: #f4f5ff;
}
.vendor-page{
    background: url("/assets/img/vendor-bg.jpg") no-repeat fixed left center !important;
    background-size: contain;
    background-color: #f4f5ff;
}

.main-section .login-section {
    display: flex;
    flex: 1 0 50%;
    align-items: center;
    max-width: 612px;
    line-height: 24px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .95) 20%, rgba(255, 255, 255, .65) 100%);
    backdrop-filter: blur(3px);
    height: 100vh;
    overflow-y: scroll;
}

.login-wrapper {
    width: 100%;
    max-width: 524px;
    padding: 24px 40px;
    margin: auto;
}

.login-wrapper h2 {
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    margin: 0;
}

#login-form {
    top: initial;
    width: 100%;
    margin: 0;
    max-width: initial;
}
.btnfooter a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin: 0 !important;
    line-height: 24px !important;
    padding: 8px 24px !important;
    background-color: transparent !important;
    border-color: #dad9da;
    color: #673de6 !important;
    box-shadow: none !important;
}

.btnfooter a {
    font-family: 'DM Sans', sans-serif;
    font-weight: normal;
    width: 100%;
    line-height: 24px !important;
    padding: 8px 36px !important;
    background-color: transparent !important;
    border-color: #010ed0;
    box-shadow: none !important;
    border-radius: 30px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #010ed0;
    font-size: 13px;
    color: #010ed0 !important;
    text-decoration: none;
    display: inline-block;
    margin: 10px !important;
    text-align: center;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #010ed0;
    border-color: #010ed0;
}
.btn-info {
  color: #fff;
  border-color: #5a5c69;
  background-color: #5a5c69;
  background-image: linear-gradient(180deg, #5a5c69 10%, #27306a 100%);
  background-size: cover;
}
  .btn-info:hover {
    color: #fff;
    background-color: #2e59d9;
    border-color: #2e59d9;
  }
.sidebar-brand-icon img {
    padding: 10px !important;
}

.powered {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    left: 20px;
    text-align: left;
   
}

.powered span {
    text-align: left;
    font-size: 13px;
}

.powered span p {
    margin-bottom: 0;
}
.powered span img {
    width: 5%;
}

tbody th {
    font-weight: 400;
    font-size: 15px;
    color: #373636;
}

thead th {
    color: #453c87;
}
tfoot th {
    color: #453c87;
}
label.col-form-label.inline {
    color: #000;
}

div#dataTable_length {
    padding: 20px 0;
}
div#dataTable_filter {
    padding: 20px 0;
}
.form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("/assets/img/arrow-select.png")no-repeat right center;
    background-size: 40px;
 }
 #myTabContent h6 {
  padding: 12px;
  color: #183a7a;
  font-weight: 600;
  font-size: 15px;
}
 .alert.alert-success {
  padding: 8px;
  font-size: 13px;
  margin-top: 20px;
}
label.col-form-label.inline {
    color: #000;
}

table#dataTable {
    margin: 0 !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 10px 0 0;
  }
   
  .dropdoWn .collapse {
    transition: all 2s;
    height:0;
       position:static;
   }
   
   .dropdoWn:hover .collapse{
       max-height:300px;
       visibility:visible;
       display:block;
       position:static;
       height: auto;
    }
    form.user .form-control-user {
        font-size: 14px;
        border-radius: 10rem;
        padding: 0px 20px;
        height: 50px;
    }
 
    
 section.signup {
  background: url('/assets/img/bg-reg.jpg')no-repeat center !important;
  background-size: cover !important;
   }

  .text-green{
    color: green;
  }  
.form-box-wrap {
   border: none;
   /* box-shadow: 0px 5px 20px 0px #d2dae3; */
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center
}
.body-reg {
     margin-top: 30px;
    border: 0;
     border-radius: 30px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
}
.form-box-wrap h6 {
  color: #010ed0;
  font-size: 20px
}

.form-box-wrap .inputs input {
  width: 40px;
  height: 40px
}

.form-box-wrap input[type=number]::-webkit-inner-spin-button,
.form-box-wrap  input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0
}
h6.statements-txt {
    color: #1e2b7d !important;
}
.card-header h6{
color: #010ed0;
}

.ex-small-text{
    font-size: 13px;
    text-decoration: underline; 
}
div#mobileotpdiv {
    padding: 20px !important;
}
div#emailotpdiv {
    padding: 20px !important;
}
div#gst{
    padding: 20px !important;  
}
.user .card-header {
    margin-bottom: 0;
    background-color: #f8f9fc;
    border-bottom: 0px solid #e3e6f0;
    padding: 0 !important;
    border-radius: 20px;
    padding: 10px !important;
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #2d35b947;
}

.btn { 
    padding: 12px 30px;
     border-radius: 30px;
 
}

/* Hide the original file input */
#file-upload {
    display: none;
  }
  
  label.custom-file-label.form-control-user {
    padding: 14px 20px;
}
button.btn.btn-dark {
    font-size: 12px;
 
}

 .custom-file-label::after { 
  height: 49px;
  padding: 13px;
  line-height: 25px;
     
}

a.link-underline-info {
  color: #5a5c69;
  font-size: 13px;
  font-weight: 300;
  padding: 8px 20px;
  display: inline-block;
}

ul.list-group {
    list-style: none !important;
    margin-bottom:20px;
}
ul.list-group  li{
    line-height:30px;
}
.custom-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #28a745; /* Green color */
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    border-radius: 50%; /* Makes it circular */
    margin-right: 8px; /* Adds space between icon and text */
}

.strength-message {
    color: red;
}
.strength-success {
  color: green;
}

.bg-gradient-primary-to-secondary {
    background-color: #002b6a !important;
    /* background-image: linear-gradient(135deg, #4e008d 0%, rgba(34, 0, 230, 0.8) 100%) !important; */
}

.page-header.page-header-dark {
    color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    border-radius: 10px;
}
  .page-header.page-header-dark .page-header-title {
    color: #fff;
  }
  .page-header.page-header-dark .page-header-title .page-header-icon {
    color: #fff;
  }
  .page-header.page-header-dark .page-header-subtitle {
    color: #fff;
  }
  .page-header.page-header-dark .breadcrumb {
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
  }
  .page-header.page-header-dark .breadcrumb .breadcrumb-item,
  .page-header.page-header-dark .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.35);
  }
  .page-header.page-header-dark .breadcrumb .breadcrumb-item a {
    color: #fff;
  }
  .page-header.page-header-dark .page-header-search .input-group-joined:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
    border-color: transparent;
  }
  
  .page-header.page-header-light {
    color: rgba(33, 40, 50, 0.5);
  }
  .page-header.page-header-light .page-header-title {
    color: #212832;
  }
  .page-header.page-header-light .page-header-title .page-header-icon {
    color: rgba(33, 40, 50, 0.5);
  }
  .page-header.page-header-light .page-header-subtitle {
    color: rgba(33, 40, 50, 0.5);
  }
  .page-header.page-header-light .breadcrumb {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .page-header.page-header-light .breadcrumb .breadcrumb-item,
  .page-header.page-header-light .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #69707a;
  }
  .page-header.page-header-light .breadcrumb .breadcrumb-item a {
    color: #0061f2;
  }
  .card-filter {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;   
    border-bottom: 1px solid #e3e6f0;
  }
  .breadcrumb-colorless {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;   
    border-radius: 0.35rem;
  }

  .alert-success {
    color: #fff;
    background-color: #24b34b;
    border-color: #24b34b;
    font-size: 15px !important;
    padding: 12px !important;
}
a.nav-link.active {
  background: #f8f9fc;
 }
a.nav-link {
   padding: 16px;
}
.pd-head {
  font-size: 19px;
  color: #323232;
  border: 1px solid #efefef;
  line-height: 56px;
  margin-bottom: 35px;
  background: #ffffff;
  padding: 0px 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.user .card-header {
  background-color: #f8f9fc;
  border-bottom: 0px solid #e3e6f0;
  border-radius: 20px;
  padding: 15px 17px !important;
  margin-bottom: 30px;
}
.agreement-scroll {
  height: 250px;
  overflow-y: scroll; /* Enable vertical scrolling */
  overflow-x: hidden; /* Disable horizontal scrolling */
  width: 94%;
}
.bg-gradient-primary {
  background-color: #5a5c69;
  background-image: linear-gradient(180deg, #5a5c69 10%, #27306a 100%);
  background-size: cover;
}
.btn-info.focus, .btn-info:focus {
  color: #fff;
  background-color: #232b5e;
  border-color: #232b5e;
  box-shadow: 0 0 0 .2rem #3a3b452b;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #000;
  background-color: #fff;
  border-color: #009d4d #009d4d #fff #009d4d;
}
.text-primary {
  color: #282828 !important;
}
.has-error
{
  color:red;
}
.error-message 
{
  color:red;
}
.validated 
{
  color:green;
}
ul.list-group {
  padding-left: 25px;
  padding-top: 10px;
  list-style: none !important;
  margin-bottom: 20px;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-success.focus, .btn-success:focus {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
/* button.btn.cpcha-btn img {
  width: 30%;
}
button.btn.cpcha-btn {
    padding: 0 !important;
    width: 100px;
    border-radius: 0;
}
.form-control, .form-control:focus {
 
  border-radius: 30px !important;
  padding: 15px !important;
} */

 
div#getotp {
  margin-top: 12px;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #eaecf4;
  opacity: 1;
  border-radius: 30px;
  padding: 0 20px;
  height: 50px; 
}


@media only screen and (max-width: 768px) {

img#logo {
    margin-bottom: 0;
    width: 33% !important;
}
section.main-section.vendor-page {
  background: none !important;
}
.powered {
    position: static;
    text-align: center; 
}
.powered span {
  text-align: center;
  font-size: 13px;
  padding-bottom: 2px;
  display: block;
  padding-top: 2px;
}
.powered span p {
  margin-bottom: 0px;
  text-align: center;
}
  .main-section .login-section {
    overflow: unset;
}

section.main-section.vendor-page {
  flex-direction: column-reverse;
}

  .sidebar-brand-icon img {
    padding: 4px !important;
    width: 100px;
    height: 50px;
  }

  div#passwordsection {
    padding-bottom: 140px !important;
  } 
  /* div#loginsection {
    padding-bottom: 200px;
  } */
   
  ul#myTab {
    padding: 20px !important;
}
  .body-reg {
    margin-top: 0;
    border: 0;
    border-radius: 30px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    width: 90%;
    margin: 0 20px;
    margin-bottom: 160px;
}
 
article.card-body.px-5 {
  padding: 20px !important;
}
article.card-body h5 {
  font-size: 19px;
}
ul.list-group {
  padding-left: 0;
  padding-top: 10px;
  list-style: none !important;
  margin-bottom: 0;
}
.btn-disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

}




/*----email close button------*/
.input-container {
  position: relative;
 /* display: inline-block;*/
}
.clear-btn {
  position: absolute;
  right: 37px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  color: #888;
  display: none; 
}
.no-data-message {
    min-height: 50vh; /* or use 70vh or 100% depending on your layout */
    text-align: center;
    font-size: 1.1rem;
    color: #6c757d;
}
.modal-lg-custom {
    max-width: 900px;       /* wider modal (optional) */
}

.modal-content.min-h-60vh {
    min-height: 60vh;       /* 60% of viewport height */
}
.modal-content.min-h-75vh {
    min-height: 75vh;       /* 75% of viewport height */
}
.modal-scroll {
    max-height: 60vh;  /* controls scrolling inside modal */
    min-height: 50vh;  /* ensures it’s taller by default */
     overflow-y: scroll;  
}