:where(.formResponsive) .formRow {
    width: 100%;
}

:where(.formResponsive) .formRow::before,
:where(.formResponsive) .formRow::after {
    display: table;
    line-height: 0;
    content: "";
}

:where(.formResponsive) .formRow::after {
    clear: both;
}

:where(.formResponsive) .formRow [class*="formSpan"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
}

:where(.formResponsive) .formContainer {
    padding: 0;
    margin: 0;
    border: 0;
}

.formResponsive {
    margin: 0 0 18px;
}

:where(.formResponsive) .formBody {
    float: none;
}

:where(.formResponsive) .formControls label {
    min-height: 18px;
    padding: 0;
    margin: 3px 5px 3px 0;
    float: left;
}

:where(.formResponsive) p.rsformVerticalClear {
    display: block;
    margin: 0;
    overflow: hidden;
}

:where(.formResponsive) select,
:where(.formResponsive) textarea,
:where(.formResponsive) input[type="text"],
:where(.formResponsive) input[type="number"],
:where(.formResponsive) input[type="email"],
:where(.formResponsive) input[type="tel"],
:where(.formResponsive) input[type="url"],
:where(.formResponsive) input[type="password"] {
    display: inline-block;
    height: 18px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: content-box;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

:where(.formResponsive) input,
:where(.formResponsive) textarea {
    width: 210px;
}

:where(.formResponsive) textarea {
    height: auto;
}

:where(.formResponsive) textarea:focus,
:where(.formResponsive) select:focus,
:where(.formResponsive) input[type="text"]:focus,
:where(.formResponsive) input[type="number"]:focus,
:where(.formResponsive) input[type="email"]:focus,
:where(.formResponsive) input[type="tel"]:focus,
:where(.formResponsive) input[type="url"]:focus,
:where(.formResponsive) input[type="password"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
}

:where(.formResponsive) input[type="checkbox"],
:where(.formResponsive) input[type="radio"] {
    width: auto;
    padding-left: 18px;
    margin: 3px 5px 3px 0;
    line-height: normal;
    float: left;
    cursor: pointer;
}

:where(.formResponsive) button[type="button"],
:where(.formResponsive) button[type="submit"],
:where(.formResponsive) button[type="reset"] {
    display: inline-block;
    width: auto;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

:where(.formResponsive) button[type="button"].rsform-button-prev {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

:where(.formResponsive) button[type="button"].rsform-button-prev:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

:where(.formResponsive) button[type="button"].rsform-button-next {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

:where(.formResponsive) button[type="button"].rsform-button-next:hover {
    background-color: #449d44;
    border-color: #398439;
}

:where(.formResponsive) button[type="submit"] {
    color: #fff;
    background-color: #0074cc;
    border-color: #0055cc;
}

:where(.formResponsive) button[type="submit"]:hover {
    background-color: #0055cc;
}

.formNoError {
    display: none;
}

.formError {
    font-size: 10px;
    font-weight: bold;
    color: #cf4d4d;
}

.rekform-hp {
    position: absolute;
    top: -20000px;
    left: -20000px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.rekform-rsform .rekform-message {
    margin: 12px auto 0;
    max-width: 340px;
    padding: 14px 18px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d5dbe2;
    border-radius: 6px;
    color: #23303d;
    box-shadow: 0 1px 2px rgba(0, 47, 86, 0.08);
}

.rekform-rsform .rekform-message p {
    /* #userForm3.formResponsive .formError (display:inline; margin-left:-160px;
       mobil: height:30px) tasodifan xabar kartachasiga ham tegib ketadi —
       kartacha ichida erkin blok bo'lishi shart */
    display: block !important;
    margin: 0 !important;
    height: auto !important;
    color: inherit;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    font-family: inherit;
}

.rekform-rsform .rekform-message p.formError {
    color: #9b2c2c;
}