@charset "utf-8";

.form-container > div + div { }

.form-container { border-radius: 6px 6px 10px 10px; }

.reg-form__preloader { position: absolute; max-width: 458px; max-height: 314px; background-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; z-index: 99999999; height: 100%; width: 100%; }

.reg-form__preloader-img { width: 100%; height: auto; object-fit: contain; z-index: 99999999; max-width: 50px !important; }

.reg-form__preloader.hidden { display: none; }

.iti__flag-box, .iti__country-name { color: rgb(51, 51, 51); }

.form_group--name, .form_group--email, .form-group { position: relative; }

form.form-container input { display: block; width: 100%; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 4px; height: 43px; box-sizing: border-box; }

form.form-container input::placeholder { font-size: 15px; }

form.form-container input:focus { outline: none; padding: 12px 16px; }

form.form-container button[type="submit"]:not(:disabled):hover { background-color: rgb(255, 0, 0); text-align: center; color: rgb(255, 255, 255) !important; }

form.form-container button[type="submit"]:disabled { cursor: not-allowed; width: 100%; font-family: "Roboto Condensed", sans-serif; text-align: center; color: rgb(255, 255, 255); opacity: 0.6; }

.valid { background-color: rgba(25, 230, 25, 0.45) !important; }

.invalid { background-color: rgba(230, 25, 25, 0.45) !important; }

.invalid:focus { border: 1px solid rgba(230, 25, 25, 0.45) !important; }

.iti { width: 100%; }

.iti--separate-dial-code .iti__selected-flag { background: none; }

.form-text { text-align: left; margin: 5px 0px 5px 10px; color: white; font-family: "Roboto Condensed", sans-serif; font-size: 18px; }

.ggggg { border-radius: 6px 6px 0px 0px; background: rgb(96, 53, 155); width: 100%; }

.ggggg h2 { color: rgb(255, 255, 255); padding-top: 20px; padding-bottom: 20px; }

.form__group { padding-left: 20px; padding-right: 20px; }

.btn:hover { cursor: pointer; }

.ljmij { border-bottom: 2px solid rgb(255, 0, 0); max-width: 149px; }

.osfk { margin-top: 0px; border-top: 1px solid rgb(199, 199, 199); }

.comment-container { margin: auto; font-family: Arial, sans-serif; width: 100%; }

.comment, .reply { margin-bottom: 10px; border-radius: 5px; width: 100%; }

.reply { margin-top: -5px; margin-bottom: 0px; margin-left: 30px; }

.profile { display: flex; align-items: center; margin-bottom: 10px; }

.profile img { width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; }

.name { font-weight: bold; }

.timestamp { color: rgb(153, 153, 153); font-size: 0.85em; }

.content { margin-top: 5px; }

.interaction { color: rgb(153, 153, 153); font-size: 0.85em; padding-top: 10px; border-top: 1px solid rgb(238, 238, 238); }

.form__input { margin-top: 10px !important; }

.xsfsddd { margin-bottom: 10px !important; }