:root {
    --icon-deactive: #adb0b4;
    --icon-active: #17212c;
    --user-icon-color: var(--icon-deactive);
    --new-password-icon-color: var(--icon-deactive);
    --old-password-icon-color: var(--icon-deactive);
    --confirm-new-password-icon-color: var(--icon-deactive);
    --password-icon-color: var(--icon-deactive);
    --security-icon-color: var(--icon-deactive);
    --otp-code-icon-color: var(--icon-deactive);
}


.Rectangle-1422 {
    background-image: linear-gradient(91deg, #5533ff 3%, #1fa2ff 101%);
    height: 100vh;
}

.Rectangle-1423 {
    position: absolute;
    left: 0;
    padding: 16px 40px 40px 40px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100vh;
}
.links-container{
    max-width: 920px;
}


.logo {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    16px 40px 40px 40px !important padding-top: 82px;
    margin-bottom: 8px;
}

.Image-1 {
    /*width: 96px;*/
    height: 96px;
    object-fit: contain;
}


label,
input,
div,
span {
    font-family: IRANSans !important;
    font-size: 14px;
}

p {
    margin: 0px !important;
}

.logo-title {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--transparent-background);
}

    .logo-title .first {
        font-size: 18px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.39;
        letter-spacing: normal;
        text-align: center;
        margin-bottom: 4px;
    }

    .logo-title .second {
        font-size: 14px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: normal;
        text-align: center;
    }

.logo-container {
    padding: 0 16px;
    min-width: 56px;
}

.main-form-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.Search-bar-background {
    padding: 13px 0px;
    border-radius: 8px;
    background-color: #f0f0f0;
    margin-bottom: 16px;
    border: solid 2px #fff;
    height: 56px;
}

    .Search-bar-background:focus-within {
        border: solid 2px #d6d6d6;
    }

.input-text {
    border: 0px none;
    background-color: #f0f0f0;
    width: 100%;
}

    .input-text:focus {
        outline: none;
    }

.keyboardButton {
    display: inline-block;
}


.captcha-img {
    height: 44px;
    width: 100%;
    margin-top: -9px;
}

.Rectangle-190 {
    height: 56px;
    border: 0px none;
    color: white;
    border-radius: 8px;
    background-image: linear-gradient(to bottom, #2d85fd, #2d58fd);
    cursor: pointer;
    display:flex;
}
.Rectangle-191 {
    height: 56px;
    border: 0px none;
    margin-top: 16px !important;
    border-radius: 8px;
    color: black;
    cursor: pointer;
}

.Rectangle-14 {
    padding: 24px 32px 24px 48px;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(51, 51, 51, 0.1);
    background-color: white;
    max-width: 920px;
    line-height: 1.75;
    text-align: justify;
    font-size: 14px;
}

    .Rectangle-14.absolute {
        position: absolute;
    }


.recived-server-text div {
    padding: 0px !important;
}

.recived-server-text a {
    color: blue !important;
    text-decoration: none;
}

    .recived-server-text a > * {
        color: blue !important;
        text-decoration: none;
    }


.label-title-min {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: right;
}


.label-title {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: #ff0000;
}

.Rectangle-14 ul {
    padding: 0 !important;
}

.Rectangle-14 ul {
    list-style-type: none;
}


    .Rectangle-14 ul li::before {
        content: "\2022";
        width: 6px;
        height: 6px;
        margin: 37px 0 134px 10px;
        color: #2d58fd;
    }

.top-msg-box {
    border-right: 2px solid #ff0000;
    padding-right: 14px !important;
    padding-left: 0px !important;
}

.Rectangle-1406 {
    width: auto !important;
    margin-left: 8px;
    height: 44px;
    position: relative;
    padding: 12px 32px 12px 32px !important;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(51, 51, 51, 0.1);
    background-color: white;
    margin-top: 16px !important;
    font-size: 14px;
    color: #000;
}

    .Rectangle-1406:hover {
        background-color: #5fb3ff;
        transition: 0.3s;
    }

    .Rectangle-1406.with-arrow {
        padding: 12px 32px 12px 16px !important;
    }

.spcial-links:hover {
    color: #000;
}

.forget-password {
    text-align: center;
    padding-top: 20px;
}

    .forget-password .link {
        text-decoration: none;
        font-size: 14px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: normal;
        text-align: center;
        color: var(--transparent-background);
    }

.error-container {
    text-align: end;
    padding-left: initial !important;
}

.field-validation-error {
    font-size: 14px;
}

.item-label {
    font-size: 14px;
    padding-right: 16px !important;
}

.text-title {
    vertical-align: -webkit-baseline-middle;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: right;
}

.paasord-rm-title .field-validation-error .text-title {
    display: none;
}

.text-title-bigger {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
}

.msg-title-row {
    padding-left: initial !important;
    padding-right: 0px !important;
    margin-bottom: 8px;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.none {
    display: none !important;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));
}

.scroll-box::-webkit-scrollbar {
    display: none;
}

.scroll-box {
    -ms-overflow-style: none;
    IE and Edge scrollbar-width: none;
    Firefox
}

.perfect-title {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}

@media (max-width: 1200px) {
    .perfect-title {
        display: none;
    }
}


@media (max-width: 780px) {
    .main-div-frm {
        width: 100% !important;
    }

    .Rectangle-1422 {
        display: none;
    }

    .Rectangle-1423 {
        display: none;
    }
}