@charset "utf-8";

input.error, input.valid { text-overflow: ellipsis; outline: 0px; font-weight: 700; padding-right: 30px !important; }

.iti__selected-dial-code, input.error, input.valid { font-weight: 700; }

.error-box, .error-msg { background-color: rgb(222, 80, 66); text-align: center; max-width: 240px; font-size: 13px; line-height: 20px; }

input:not([type="radio"]) { width: -webkit-fill-available !important; }

.error-msg { display: block; color: rgb(255, 255, 255); border-radius: 5px; width: 100%; z-index: 100; margin: 5px auto !important; }

.valid-msg { color: rgb(0, 201, 0); display: block; text-align: center; }

.hide { display: none; }

.iti { display: block; height: 100%; width: 100% !important; }

.iti__flag-container { border-radius: 3px 0px 0px 3px; height: auto; margin: 2px; color: rgb(0, 0, 0); z-index: 50; }

.iti__country-list--dropup { color: rgb(0, 0, 0); }

input.error { background: 0px 0px / 13px 10px rgb(243, 146, 163) !important; border: 2px solid rgb(222, 80, 66) !important; color: red !important; }

input.error::-webkit-input-placeholder { color: red; font-weight: 700; }

input.valid { background: rgb(142, 210, 152) !important; border: 2px solid green !important; color: green !important; }

.error-box { color: rgb(255, 255, 255); border-radius: 5px; width: 100%; z-index: 100; margin: 5px auto !important; }

.form { box-sizing: border-box; position: relative; }

.form--controlWrapper { margin-bottom: 13px; position: relative; }

.form--controlWrapper-half { width: calc(50% - 5px); }

.form--input:focus { box-shadow: rgba(1, 204, 255, 0.25) 0px 0px 12px 5px; }

.form--floatingLabel { position: absolute; z-index: 1; transition: 0.3s; font-size: 10px; line-height: 10px; font-style: italic; pointer-events: none; left: 10px; top: -10px; padding: 1px 3px; background-color: rgb(241, 19, 19); outline-style: none; border-radius: 3px; color: rgba(250, 250, 255, 0.8); }

.form--input:placeholder-shown:not(:focus) ~ .form--floatingLabel { top: 1em; font-style: normal; font-size: 16px; font-weight: 400; color: rgba(133, 133, 133, 0.9); background-color: transparent; }