div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(images/sec-unlocked.png);}

/* madal-auth */

.modal.modal-register {
   max-width: 400px !important;
}

.modal-register .modal__content {
   padding: 40px 20px !important;
   background-color: #fff;
   border-radius: 32px;
   background: #fff url('/upload/burlakastudio.realcommenter/nf-form-bg.png');
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: contain;
   color: #1D1814;
   font-size: 36px;
   font-weight: 600;
   line-height: 1.5;
   text-align: center;
}

.modal-register input[type='text']:not([class]),
.modal-register input[type='text']:not([class]),
.modal-register input[type='password']:not([class]),
.modal-register input.bx-auth-input,
.modal-register input[type='email']:not([class]),
.modal-register input[type='url']:not([class]),
.modal-register input[type='number']:not([class]),
.modal-register input[type='datetime']:not([class]),
.modal-register input[type='datetime-local']:not([class]),
.modal-register input[type='search']:not([class]),
.modal-register input[type='tel']:not([class]),
.modal-register input[type='month']:not([class]),
.modal-register input[type='week']:not([class]),
.modal-register input[type='date']:not([class]),
.modal-register input[type='time']:not([class]),
.modal-register textarea:not([class]) {
   margin-bottom: 0;
   padding: 10px;
   width: 100%;
   border: 1px solid #71717E;
   border-radius: 8px;
   color: #71717E;
   font-size: 16px;
   font-weight: 400;
   line-height: 110%;
}

.modal-register input[type='text']:not([class])::placeholder,
.modal-register input[type='text']:not([class])::placeholder,
.modal-register input[type='password']:not([class])::placeholder,
.modal-register input.bx-auth-input::placeholder,
.modal-register input[type='email']:not([class])::placeholder,
.modal-register input[type='url']:not([class])::placeholder,
.modal-register input[type='number']:not([class])::placeholder,
.modal-register input[type='datetime']:not([class])::placeholder,
.modal-register input[type='datetime-local']:not([class])::placeholder,
.modal-register input[type='search']:not([class])::placeholder,
.modal-register input[type='tel']:not([class])::placeholder,
.modal-register input[type='month']:not([class])::placeholder,
.modal-register input[type='week']:not([class])::placeholder,
.modal-register input[type='date']:not([class])::placeholder,
.modal-register input[type='time']:not([class])::placeholder,
.modal-register textarea:not([class]) {
   color: #71717E;
   font-size: 16px;
   line-height: 110%;
   font-weight: 400;
}

.modal-register td:not([class]),
.modal-register table:not([class]) {
   border: none;
}

.modal-register .modal__inner {
   padding: 5px;
   display: flex;
   gap: 4px;
}

.modal-register button:not([class]),
.modal-register input[type='button']:not([class]),
.modal-register input[type='reset']:not([class]),
.modal-register input[type='submit']:not([class]) {
   padding: 11px 20px;
   width: 100%;
   color: #fff;
   font-size: 16px;
   line-height: 110%;
   font-weight: 400;
   background: #71717E;
   border-radius: 8px;
   box-sizing: border-box;
   transition: background .2s ease-in-out;
}

.modal-register input[type='submit']:not([class]):disabled,
.modal-register input[type='submit']:not([class]):disabled:hover {
   background: #71717E;
}

.modal-register input[type='submit']:not([class]) {
   background: #1D1814;
}

.modal-register button:not([class]):hover,
.modal-register input[type='button']:not([class]):hover,
.modal-register input[type='reset']:not([class]):hover,
.modal-register input[type='submit']:not([class]):hover {
   background: #1D1814;
}

.modal-register input[type='submit']:not([class]):hover {
   background: #71717E;
}

.modal-register input[disabled] {
   opacity: .7;
   pointer-events: none;
}

.modal-register .modal__forgot {
   text-align: left;
   padding: 0 5px;
}
.modal-register .modal__forgot-link {
   color: #1D1814;
   font-size: 12px;
   line-height: 140%;
   letter-spacing: -0.18px;
}

.modal-register tfoot td {
   background: transparent !important;
}

.modal-register .modal__error {
   margin-bottom: 11px;
   display: block;
   text-align: left;
}

.modal-register font.errortext {
   color: #E31513;
   font-size: 12px;
   font-weight: 300;
   font-style: italic;
}

.modal__checkbox {
   margin-bottom: 12px;
   display: block;
   text-align: left;
}

.modal__checkbox:nth-child(:last-child) {
   margin-bottom: 16px;
}

.modal__checkbox td {
   padding: 0 5px;
}

.modal__privacy-checkbox {
   display: block;
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   font-size: 12px;
   line-height: 1.2;
   font-weight: 400;
   letter-spacing: -0.18px;
   color: #1D1814;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

.modal__privacy-checkbox input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

.modal__checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 21px;
   width: 21px;
   background-color: #fff;
   border: 1px solid #292D32;
   border-radius: 6px;
}

.modal__privacy-checkbox:hover input ~ .modal__checkmark {
   background-color: #f5f5f5;
}

.modal__checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.modal__privacy-checkbox input:checked ~ .modal__checkmark:after {
   display: block;
}

.modal__privacy-checkbox .modal__checkmark::after {
   left: 7px;
   top: 3px;
   width: 5px;
   height: 10px;
   border: solid #292D32;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.modal__privacy-checkbox a {
   color: #1D1814;
   text-decoration: underline;
}

.modal__privacy-checkbox a:hover {
   text-decoration: underline;
}

@media ( min-width: 768px ) {
   .modal-register .modal__content {
      padding: 60px !important;
   }
}