﻿

/*  new font */
@font-face {
    font-family: Gothic;
    src: url("../../../../Scripts/CustomScripts/fonts/Gothic.ttf");
}
/*forgot pwd*/
.forgotpwd__body {
    max-width: 1024px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 20px auto;
    width: 100%;
    box-sizing: border-box;
}
.forgotpwd__form {
    background: var(--login-form-sign-in);
    padding: 20px;
    border-radius: 10px;
    width: 55%;
    margin: 0 auto;
}
/*forgot pwd*/
body.pluserrormain {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    margin: 0 auto;
    float: none;
    background: #fff !important;
}

body.pluserrormain .orm-loginFooter {
    bottom: 20px;
    position: fixed;
}
.pluserrormain .wrapper {
    max-width: 1024px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.herosec-boxtxt {
    background: hsl(48, 86%, 94%);
    padding: 15px 35px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.boxtext {
    font-size: 15px;
    color: hsl(60, 2%, 24%);
    font-weight: 600;
    width: 80%;
    line-height:1.3;
}

.pluserrormain h1 {
    text-align: center;
    font-size: 34px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: hsl(0, 0%, 16%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.boxbutton {
    text-align: right;
    width: 30%;
}

    .boxbutton p {
        max-width: 200px;
        float: right;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .boxbutton p a {
            background: hsl(193, 100%, 32%);
            color: hsl(0, 0%, 100%);
            text-decoration: none;
            padding: 6px 17px;
            font-size: 16px;
            font-weight: 500;
            display: inline-block;
            border-radius: var(--global-border-radius);
        }

.italictext {
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-bottom:0px;
    margin-top:10px;
    font-style: italic;
}

.pluserror-secone {
    background: #EAEAEA;
}

    .pluserror-secone h2 {
        margin-top: 0px;
        font-size: 24px;
        margin-bottom:0px;
    }

.pluserror-secone {
    padding: 18px 0px;
}

    .pluserror-secone p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 12px;
        margin-top:6px;
    }

    .pluserror-secone a {
        color: hsl(194, 44%, 49%);
        font-weight: 400;
        text-decoration: none;
    }

.secone-blocks ul {
    padding-left: 0px;
    width: 100%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 2px;
}

    .secone-blocks ul li:first-child {
        margin-left: 0px;
    }

    .secone-blocks ul li {
        border-radius: 10px;
        list-style: none;
        background: hsl(0, 0%, 100%);
        margin-left: 10px;
        text-align: center;
        flex-basis: 15%;
        padding: 12px 10px;
    }

.pluserror-herosec {
    padding: 26px 0px;
}

.secone-blocks ul li:hover {
    background: hsl(194, 44%, 49%);
    transition: .1s ease;
}

    .secone-blocks ul li:hover a {
        color: #fff;
    }

.pluserror-header {
    background: hsl(193, 100%, 32%);
}

    .pluserror-header .wrapper {
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .pluserror-header .rediker-logo {
        width: 50%;
        padding-top:6px;
        padding-bottom:7px;
    }

    .pluserror-header .rediker-logo img {
        max-width: 110px;
     }

    .pluserror-header .supportbtn {
       width: 50%;
       text-align: right;
    }

        .pluserror-header .supportbtn a {
            background: hsl(34, 94%, 54%);
            text-decoration: none;
            color: hsl(0, 0%, 100%);
            padding: 10px 20px;
            font-size: 15px;
            font-weight: 500;
            border-radius: var(--global-border-radius);
        }

.pluserror-header .supportbtn a:hover {
   opacity:.9;
   transition: .1s ease;
}

.boxbutton p a:hover {
   background: hsl(34, 94%, 54%);
   transition: .2s ease;
}

.supportbtn a img{
   width: 18px;
   padding-right: 5px;
   position: relative;
   top: 1px;
}

.boxbutton a img {
   position: relative;
   top: 3px;
   width: 18px;
}

@media(max-width:1024px) and (min-width:768px) {
    .pluserror-secone a {
        font-size: 14px;
        display: inline-block;
    }

    .secone-blocks ul li {
        padding: 10px 8px;
    }
 }

@media(max-width:767px) {
    .boxtext {
        width: 100%;
        text-align: center;
        word-wrap:break-word;
    }

    .boxbutton {
        text-align: center;
        width: 100%;
    }

     .boxbutton p {
        float: none;
        margin: 0 auto;
        margin-top: 15px;
      }

    .herosec-boxtxt {
        display: block;
    }

    .pluserrormain h1 {
        font-size: 32px;
    }

    .secone-blocks ul li {
        flex-basis: 0%;
        margin: 0 auto;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .secone-blocks ul {
        display: block;
    }
}

@media(max-width:480px) {
    .pluserrormain h1 {
        font-size: 28px;
    }


    .pluserror-header .wrapper {
        display: block;
    }

    .pluserror-header .rediker-logo {
        width: 100%;
        text-align: center;
        margin-bottom: 14px;
    }

    .pluserror-header .supportbtn {
        width: 100%;
        text-align: center;
    }

    .pluserror-header .wrapper {
        padding: 12px 0px 26px 0px;
    }
}

/*Forgot Password Success Screen Starts*/
.forgot-passowrd-success .forgot-password-success-text {
    margin: 20px auto;
}

.forgot-passowrd-success .btn-primary {
    padding: 9px 32px;
    border-radius: 24px;
}


.forgot-passowrd-success .return-to-login-text > a{
    color: var(--global-text-light);
    text-decoration: none;
}

.forgot-passowrd-success a, .forgotpwd__body .cancel-button {
    text-decoration: none;
}

.forgot-passowrd-success .app-h-w-22 {
    height: 22px;
    width: 22px;
}

.forgot-password-info .validation-summary-errors ul li {
    color: var(--global-red-color);
    display: block;
}

.send-email-btn-size{
    height:20px;
    width:20px;
}

.forgotpwd__body .cancel-button{
    min-width:100px;
}

.forgot-passoword-body .pwd-wrap .password-box,
.forgot-passoword-body .pwd-wrap-confirm .password-box {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
/*Forgot Password Success Screen Ends*/