.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
  background: #ffffff !important;
}
.iti--allow-dropdown input:disabled, .iti--allow-dropdown input[type=tel]:disabled, .iti--allow-dropdown input[type=text]:disabled, .iti--separate-dial-code input:disabled,
 .iti--separate-dial-code input[type=tel]:disabled, .iti--separate-dial-code input[type=text]:disabled {
  background: #d4d4d4 !important;
}
.iti__country-list {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.iti__country * {
  color: #000000 !important
}
form._form ._button-wrapper > ._submit:disabled{
  background: grey !important;
  background-color: grey !important;
}
.iti {
  display: block !important;
}
input[type="text"]:disabled {
  background: #d4d4d4 !important;
}
.iti--separate-dial-code .iti__selected-flag {
  background: transparent !important;
}
.math {
  margin-bottom: 15px;
}
.math .d-flex {
  display: flex;
}
.otp-container {
            display: flex;
          }
          .request-container {
            display: flex;
            justify-content: flex-start;
            margin-bottom: 10px;
          }
          .otp-fields {
            margin-right: 10px; }.result {
            text-align: center;
            color: orange;
            /* font-size: 2em; */
            font-weight: bold;
            /* margin-top: 1.5em; */
            display: block;
          }

          .otp-fields input {
            border: 0;
            border-bottom: 2px solid #c0c0c0;
            outline: 0;
            color: #111111;
            width: 30px;
            padding: 0 5px;
            margin-right: 7px;
            text-align: center;
                font-size: 1.25em;
            cursor: pointer;
            will-change: border;
            transition: border 0.3s ease-in-out;
            -webkit-appearance: none;
            -moz-appearance: textfield;
          }

          .otp-fields input[type=number]::-webkit-inner-spin-button,
          .otp-fields input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            -moz-appearance: textfield;
            appearance: none;
            margin: 0;
          }

          .otp-fields input:focus {
            border: 0;
            border-bottom: 2px solid #ff6200;
          }

          .otp-fields input:disabled {
            background: #fff;
          }

          .otp-fields input:last-child {
            margin-right: 0;
          }

          .otp-fields .paintOrangeLine {
            border: 0;
            border-bottom: 2px solid #ff6200;
          }

          .otp-container a.verify {
            background: green !important;
            color: #ffffff !important;
            padding: 0.5em 0.5em;
            /* margin-top: 2em; */
            border: 0;
            font-size: 14px;
            /* width: 100%; */
            line-height: 1;
            display: inline-block;
            cursor: pointer;
            transition: opacity 0.3s ease-in-out;
            will-change: opacity;
            display: flex;
            align-items: center;
          }
          .otp-container a.reset {
            background: #ff0000 !important;
            color: #ffffff !important;
            padding: 0.5em 0.5em;
            margin-left: 5px;
            border: 0;
            font-size: 14px;
            /* width: 100%; */
            line-height: 1;
            display: inline-block;
            cursor: pointer;
            transition: opacity 0.3s ease-in-out;
            will-change: opacity;
            display: flex;
            align-items: center;
          }
          .request-container a.request {
            background: green !important;
            color: #ffffff !important;
            padding: 1em 2em;
            margin-right: 10px;
            border: 0;
            font-size: 14px;
            /* width: 100%; */
            line-height: 1;
            display: inline-block;
            cursor: pointer;
            transition: opacity 0.3s ease-in-out;
            will-change: opacity;
            display: flex;
            align-items: center;
          }
          .request-container a.request:disabled,
          .request-container a.request[disabled] {
            cursor: default;
            opacity: 0.8 !important;
            cursor: default;
          }
          .otp-container a.verify:disabled,
          .otp-container a.verify[disabled] {
            cursor: default;
            opacity: 0.8 !important;
            cursor: default;
          }
          .otp-container a.reset:disabled,
          .otp-container a.reset[disabled] {
            cursor: default;
            opacity: 0.8 !important;
            cursor: default;
          }
          .otp-container a:hover, .request-container a:hover,
          .otp-container a:focus, .request-container a:focus  {
            opacity: 0.8;
            outline: none;
          }
          .form-group .otp-container:nth-child(2){
            margin-bottom: 15px;
          }

.loading .lds-ring {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  right: 5px;
}
.loading .lds-ring div {
  box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 2px solid #000;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
}
.loading .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}