@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

button {
  border: none;
}
button:focus {
  outline: none;
}

.btn-select {
  border: none;
  border-radius: 0;
}
.btn-select:focus-visible {
  border: none !important;
  outline: none;
}

input {
  font-size: 14px;
}

.custom-checkbox {
  cursor: pointer;
}
.custom-checkbox .checkmark {
  background-color: #FFFFFF;
  border: 1px solid #827E8C;
}

.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
}
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 12px;
  height: 13px;
  background-image: url(../img/checked.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

input:checked ~ .checkmark {
  background-color: #FFFFFF;
}

.checkmark {
  background-color: #FFFFFF;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 21px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: #FFFFFF;
  border: 2px solid #4A4949;
}
.slider:before {
  background-color: #4A4949;
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input[type=file] {
  position: absolute;
  color: #FFFFFF;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.custom-file-upload {
  position: relative;
  background-color: #2360BB;
  color: #FFFFFF;
}
@media (min-width: 767px) {
  .custom-file-upload {
    background-color: #FFFFFF;
    color: #2360BB;
    border: 2px dashed #5386D1;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
  }
}
.custom-file-upload .download {
  transform: rotate(180deg);
}

.field-def {
  width: 100%;
  border: none;
  padding: 6px 7px;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
}
.field-def:focus {
  box-shadow: none;
  outline: none;
}
.field-def::placeholder {
  color: #ADBBD6;
}
.field-light {
  background-color: #F7F8FE;
  border: 1px solid #F7F8FE;
  color: #4A4949;
}
.field-light:focus {
  border-color: #BCCEE7;
}
.field-transparent {
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  color: #4A4949;
  font-size: 12px;
}
.field-transparent::placeholder {
  color: #4A4949;
}
.field-transparent:focus {
  border-color: #BCCEE7;
}
.field-white {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  color: #4A4949;
}
.field-white::placeholder {
  color: #E0E0E0 !important;
  opacity: 1;
}
.field-br {
  border-radius: 0;
}
.field-sm {
  padding: 11px 6px;
}
.field-md {
  padding: 11px 40px;
}
.field-icon {
  position: relative;
  height: 40px;
}
.field-icon .field-def {
  padding: 6px 25px 6px 7px;
}
.field-icon .field-sm {
  padding: 11px 6px;
}
.field-icon .field-md {
  padding: 11px 40px;
}
.field-icon.caret:before {
  content: "";
  width: 10px;
  height: 7px;
  background: url("/img/LigthTheme/openDropdown.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 6.5px);
  right: 7px;
  transition: all 0.3s ease;
}
.field-icon.date:before {
  content: "";
  width: 14px;
  height: 14px;
  background: url("/img/calendar.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 11px);
  right: 7px;
  transition: all 0.3s ease;
}
.field-icon.search:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/img/search.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 7px);
  left: 12px;
  transition: all 0.3s ease;
}
.field-icon.login:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url("/img/carbon_user.svg") no-repeat center;
  position: absolute;
  top: calc(50% - 11px);
  left: 9px;
  transition: all 0.3s ease;
}
.field-icon.pass:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/img/carbon_password.svg") no-repeat center;
  position: absolute;
  top: calc(50% - 10px);
  left: 9px;
  transition: all 0.3s ease;
}
.field-dropdown {
  padding: 6px 9px;
}
.field-dropdown.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.validError {
  display: none;
}

.input-field:target {
  border: 1px solid red;
}

.form-group.has-error input {
  border: 1px solid #D12424;
}
.form-group.has-error label {
  color: #D12424;
}

.search-menu {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 4;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

html .select2 .selection .select2-selection {
  border-radius: 0;
  box-shadow: none;
  background-color: #F7F8FE;
  border: 1px solid #F7F8FE;
  color: #4A4949;
  padding: 6px 25px 6px 7px !important;
  height: auto;
  font-size: 14px;
  line-height: 16px;
}
html .select2 .selection .select2-selection:focus {
  box-shadow: none;
  border: 1px solid #F7F8FE;
}
html .select2 .selection .select2-selection .select2-selection__placeholder {
  color: #ADBBD6;
}
html .select2 .selection .select2-selection .select2-selection__arrow {
  border-left: none;
}
html .select2 .selection .select2-selection .select2-selection__arrow b {
  border-color: #ADBBD6 transparent transparent transparent;
  border-width: 0.375rem 0.3rem 0 0.3rem;
  left: 40%;
  top: 45%;
}
html .select2 .selection .select2-selection .select2-selection__clear {
  color: #BCCEE7;
  font-weight: normal;
  opacity: 1;
  right: 0;
  cursor: pointer;
  line-height: 0;
  top: 7px;
}
html .select2 .selection .select2-selection.select2-selection--multiple {
  min-height: 0;
  width: 100%;
  position: relative;
}
html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
  white-space: inherit;
  overflow: initial;
  line-height: 0;
}
html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 0;
}
html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
  min-width: 20rem;
}
html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  position: absolute;
  right: 0;
  z-index: 5;
}
html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background: transparent;
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  z-index: 2;
}
html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  font-weight: 400;
  position: absolute;
  right: 0;
}
html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search__field {
  margin: 0;
}
html .select2.select2-container--open .selection .select2-selection {
  box-shadow: none;
  border-color: #BCCEE7;
}

body select.is-valid + .select2-container--krajee-bs4 .select2-selection--single {
  border: 1px solid #F7F8FE;
}
body .select2-container .select2-dropdown {
  border: none;
  border-radius: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  margin-top: 2px;
}
body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
  font-size: 12px;
  color: #4A4949;
}
body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #7FAAE5 !important;
  color: #FFFFFF !important;
}

/*# sourceMappingURL=forms.css.map */
