/* modalbox  */
.modal-box-dialog {
  min-width: 250px !important;
  margin: auto !important;
}
.modal-box-content {
  box-shadow: 0px 3px 6px #00000029 !important;
  border-radius: 8px !important;
}
.modal-box-header {
  padding: 12px 18px !important;
  border-bottom: none !important;
  justify-content: flex-end;
}
.modal-box-header .btn-close {
  background: none;
  box-shadow: none !important;
  display: flex;
  align-items: center;
}
.modal-box-body {
  border-bottom: none !important;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 40px !important ;
  padding: 16px;
}
.fetching-icon {
  border-radius: 50%;
  background-color: #04277a0d;
  height: 88px;
  width: 88px;
  margin-bottom: 26px;
}
.fetching-txt {
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  font-weight: 500;
  color: #212121;
  margin-bottom: 8px;
}
.fetching-desc {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  font-weight: 400;
  color: #878fa4;
  margin-bottom: 0;
}
.fetched-desc {
  margin-bottom: 16px;
}
.fetched-icon {
  background-color: #3bb2490d;
  margin-bottom: 26px !important;
}
.move-bttn {
  width: 100%;
  border: 1px solid #04277a;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #04277a;
  padding: 12px;
  background-color: #fff;
}
.try-icon {
  background-color: rgba(203, 0, 0, 5%);
  margin-bottom: 26px !important;
}
.try-bttn {
  color: #cb0000;
  border: 1px solid #cb0000;
}
.fetching-icon img {
  width: 100%;
  height: 100%;
}
@media (max-width: 980px) {
  .modal-box-dialog {
    margin: 40% auto !important;
  }
}
/* modalbox  */

.modal-overlay{height: 100vh;background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;overflow: hidden;position: fixed;top: 0;width: 100%;}

.modal-overlay .modal-dialog{background-color: #fff;border-radius: 8px;}
.bg-bttn{width: 100%;border-radius: 4px;background-color: #04277a;color: #fff;text-align: center;font-size: 12px;padding: 12px;outline: none;border: 1px solid #04277a;line-height: 14px;}
.mg-top-16{margin-top: 16px;}






/* form input fields type  */

/* selectbox  */
.select2-container {
  width: calc(100% - 16px) !important;
}
.select2-container--default .select2-selection--single {
  border: none !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px !important ;
  padding-right: 0px !important ;
  font-size: 14px !important;
  line-height: 21px !important;
  text-align: left !important;
  font-weight: 400 !important;
  color: #878fa4 !important;
}
.select2-selection__arrow b {
  display: none;
}
.select2-selection__arrow {
  background: url(../img/dropdown-icon.svg) no-repeat center center;
  width: 100%;
  height: 100%;
  right: -14px !important;
  transform: rotate(180deg);
}
.select2-selection--single:focus ~ .select2-selection__arrow {
  transform: rotate(0deg) !important;
}
.select2-container .select2-selection--single {
  height: 25px !important;
}

.select2-search--dropdown {
  padding: 0px !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #ebedef !important;
  color: #878fa4 !important;
}
.select2-dropdown {
  border: none !important;
  border-radius: 0px 0px 10px 10px !important;
  box-shadow: 0px 3px 6px #00000029 !important;
}
.select2-results__option:last-child {
  border-radius: 0px 0px 10px 10px !important;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
  border-bottom: 1px solid #ebedef;
  padding: 12px 8px;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  color: #878fa4;
}
.select-group .required-field {
  color: #cb0000 !important;
}

/* select box  */
/* input checkbox  */
.input-box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #7070708a;
  margin-bottom: 8px;
  padding: 8px 0px;
}
.input-box label {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  font-weight: 400;
  color: #878fa4;
  /* margin-bottom: 11px; */
}
.input-box label span {
  color: #cb0000;
}
.input-checkbox {
  display: flex;
  justify-content: space-between;
}

.input-checkbox p {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  font-weight: 400;
  color: #878fa4;
  margin-bottom: 0px;
}
.input-checkbox input[type="checkbox"] {
  appearance: none;
  background: url(../img/checkbox-icon.png) no-repeat right -27px center;
  width: 18px;
  height: 18px;
}

.input-checkbox input[type="checkbox"]:checked {
  background: url(../img/checkbox-icon.png) no-repeat right -3px center;
}

.double-layered-input {
  margin-bottom: 24px;
}

/* ------toggle switch---- */

.toggle {
  --width: 50px;
  --height: 20px;

  position: relative;
  display: inline-block;
  width: var(--width);
  height: var(--height);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--height);
  cursor: pointer;
}

.toggle input {
  display: none;
}

.toggle .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--height);
  background-color: #cb00001a;
  transition: all 0.4s ease-in-out;
}

.toggle .slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: calc(var(--height) / 2);
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}

.toggle input:checked + .slider {
  background-color: #1ea72f1a;
}

.toggle input:checked + .slider::before {
  transform: translateX(calc(var(--width) - var(--height)));
}

.toggle .labels {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: sans-serif;
  transition: all 0.4s ease-in-out;
}

.toggle .labels::after {
  content: attr(data-off);
  position: absolute;
  right: 7px;
  top: -5px;
  font-size: 12px !important;
  line-height: 16px !important;
  text-align: left;
  font-weight: 500 !important;
  color: #cb0000;
  opacity: 1;
  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); */
  transition: all 0.4s ease-in-out;
}

.toggle .labels::before {
  content: attr(data-on);
  position: absolute;
  left: 5px;
  top: -5px;
  font-size: 12px !important;
  line-height: 16px !important;
  text-align: left;
  font-weight: 500 !important;
  color: #1ea72fcc;
  opacity: 0;
  /* text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4); */
  transition: all 0.4s ease-in-out;
}

.toggle input:checked ~ .labels::after {
  opacity: 0;
}

.toggle input:checked ~ .labels::before {
  opacity: 1;
}
/* ------toggle switch---- */

/* input radio btn  */

input[type="radio"]:checked {
  background-color: #04277a;
  border-color: #04277a;
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid #424242;
  background-color: #fff;
  border-radius: 50%;
  padding: 2px;
  background-clip: content-box;
}

/* input type text  */
.input-txt {
  border: none;
  outline: none;
  font-size: 14px;
}

.input-txt::placeholder {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  font-weight: 400;
  color: #878fa4;
}

/* ----------------- */

.radio-bttn-section{display: flex;gap: 10px;align-items: center;margin-top: 11px;}
.radio-bttn-section label{margin: 0px;}
/* ----------------- */
.upload-btnn-section{position: relative;}
.upload-btnn-section input{position: absolute;width: 100%;top: 0px;left: 0;opacity: 0;}
.upload-btnn-section .material-icons-outlined{font-size: 20px;margin-right: 5px;}
.upload-bttn{border: 2px dashed #04277a !important;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 14px;border-radius: 4px;color: #878fa4 !important;padding: 5px 10px;}


small{
  color: red;
  font-size: 12px;
}



.disable-bttn{background-color: #9a9c9f !important;border-color: #9a9c9f !important;}




/* ------------------------ select */