/* ФОРМЫ */


.input-text {font-size:15px;font-family:Helvetica, sans-serif;line-height:20px;width:150px;padding:9px;border:1px solid #c9c9c9;border-radius:7px}

:is(input, textarea, select, button):focus { outline: none; box-shadow: none; }
:is(input, textarea, select, button):focus-visible { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15); }



.input-checkbox {position:relative;top:1px;margin:0 5px 0 0}
.input-text.login {font-size:20px;padding:12px;background:#eef7ff;border-radius:25px;border-color:#f5f5f5;margin-bottom:5px}
.form-center .input-text.auth { display: block; height: 48px; width: min(100%, 280px); margin: 0 auto; padding: 0 22px; border-radius: 24px; border: none !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04); font-size: 18px; line-height: 48px; letter-spacing: 5px; text-align: center; transition: all 0.25s ease-in-out; box-sizing: border-box; outline: 0 !important; }
.form-center .input-text.auth:focus { box-shadow: 0 4px 12px rgba(85, 138, 187, 0.2); transform: translateY(-1px); }
.form-center .input-text.auth::placeholder { letter-spacing: normal; font-size: 16px; opacity: 0.6; transition: color 0.2s ease; }
.form-center .input-text.auth:focus::placeholder { color: transparent; }
.input-text.auth::-webkit-outer-spin-button, .form-center .input-text.auth::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


.input-width-full {width:100%}
.input-width-50	{width:50px}
.input-width-100 {width:100px}
.input-width-150 {width:150px}
.input-width-200 {width:200px}
.input-width-250 {width:250px}
.input-width-290 {width:100%;max-width:290px}
.input-width-300 {width:100%;max-width:300px}
.input-width-400 {width:100%;max-width:400px}
.input-width-500 {width:100%;max-width:500px}
.input-width-auto {width:auto}

select {line-height:20px;padding:8px;border:1px solid #c9c9c9;border-radius:3px;font-size:15px;font-family:Helvetica, sans-serif;white-space:nowrap;text-overflow:ellipsis}

fieldset {margin-bottom:30px;padding-top:20px}
fieldset legend {color:#000;font-size:18px;padding-right:10px}

form label {display:block;margin-bottom:6px;line-height:15px}
form .icon-question-sign {cursor:help}
form p {margin-bottom:25px;line-height:20px}
form p.center-150{margin:20px auto;width:150px}
form p.center-200{margin:20px auto;width:200px}
.right-sidebar form p {margin-bottom:12px}

.note {display:block;font-size:12px;font-weight:400;margin:3px 0;line-height:13px;color:#999}
.note.n-status {font-size:13px;line-height:16px}
.note.n-status em {font-family:arial, sans-serif}
.note-b {display:block;margin-top:3px;font-size:13px;line-height:18px;color:#999}
.note.note-header {margin-bottom:20px}

.captcha-image {vertical-align:top}

.counter-wrapper {margin-bottom:15px;position:relative}
.counter-wrapper .counter {color:#777;position:absolute;top:0;right:0}
.counter-wrapper label {margin-right:50px}

.poll-create {padding:15px 20px;margin-bottom:20px;background:#f5f7f8;border:1px solid #f5f7f8;border-radius:10px}

.question-list {margin-bottom:15px}
.question-list li {margin-bottom:5px}
.question-list li .input-text {margin-right:5px}

.form-item-block {display:inline-block;overflow:hidden}
dl.form-item {overflow:hidden;zoom:1;margin-bottom:20px}
dl.form-item.rg {margin-bottom:5px}
dl.form-item dt {float:left;width:180px;padding-top:4px;padding-right:15px;overflow:hidden}
.form-item-block dl.form-item dd {float:left;width:100%;max-width:400px}

.form-profile {position:relative}
.form-profile .avatar-settings {overflow:hidden;width:120px;height:160px;float:left;margin-left:60px}
.form-profile .avatar-change {position:absolute;top:35px;left:50px;font-size:13px}
.form-profile .avatar-change .avatar {width:100px;margin:0 0 10px 0}
.form-profile .avatar-change .avatar img {width:100px;vertical-align:top;border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.3)}
.form-profile .avatar-change a {color:#558abb;font-weight:500}
.form-profile .avatar-change .edit-center {margin:110px auto 0;text-align:center}

/* Placeholder */
:-moz-placeholder {color:#aaa}
.placeholder {color:#aaa}
.mceEditor {display:block;margin-bottom:20px}

/* Registration form
---------------------------------------------------- */
.registration-form .form-item:last-child {margin-bottom:0}
.registration-form dl.form-item dd {margin:0 auto;position:relative;width:250px}
.registration-form dl.form-item dd .form-item-help {}
.registration-form dl.form-item dd .form-item-help i.icons-info-circled	{position:absolute;top:34px;right:-22px}
.registration-form dl.form-item dd .form-item-help i.icons-ok {position:absolute;top:34px;left:-24px;font-size:17px}
.form-group {margin-left:40px}

/* Валидатор 
---------------------------------------------------------------*/
.validate-error-hide {display:none}
.validate-error-show {display:block;line-height:16px;position:relative;background:#fefeed;color:#333;margin:13px auto 0;font-size:13px;border-radius:15px;padding:10px 4px;font-weight:600}
.validate-error-show:before {margin:0 10px 0 0;font-size:16px;color:#f9c912;position:relative;font-family:"fontello", sans-serif;content:'\e82d'}
.note-my a {line-height:16px;font-size:12px;color:#777;margin-right:15px}