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

/* madal-auth */

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

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

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

.modal-auth .modal__inner {
   padding: 5px;
   display: flex;
   justify-content: space-between;
   gap: 4px;
}

.modal-auth button:not([class]),
.modal-auth input[type='button']:not([class]),
.modal-auth input[type='reset']:not([class]),
.modal-auth input[type='submit']:not([class]) {
   padding: 11px 20px;
   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-auth input[type='submit']:not([class]):disabled,
.modal-auth input[type='submit']:not([class]):disabled:hover {
   background: #71717E;
}

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

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

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

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

.modal-auth .modal__password {
   position: relative;
   width: 100%;
}

.modal-auth .modal__password-toggle {
   position: absolute;
   right: 10px;
   top: 50%;
   background: url('/upload/burlakastudio.realcommenter/nf-password-hide.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   width: 24px;
   height: 24px;
   transform: translateY(-50%);
   cursor: pointer;
}

.modal-auth .modal__password-toggle.show-password {
   background: url('/upload/burlakastudio.realcommenter/nf-password-show.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

.modal-auth .modal__error {
   text-align: left;
}
.modal-auth font.errortext {
   color: #E31513;
   font-size: 12px;
   font-weight: 300;
   font-style: italic;
}

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

form {
   opacity: 1;
   transition: all .3s ease;
}

.loading {
   opacity: .5;
   pointer-events: none;

}