body {
    background-color: #4158D0;
    background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%) no-repeat;
    background-attachment: fixed;
    font-family: 'Figtree', sans-serif;
}

.authenticatedBackground {
    background-size: cover !important;
    background: url(../images/Background2.jpg) repeat 0, 0;
    background-position: center center;
    margin-bottom: 0;
}

.sub-image img {
    width: 100% !important;
    /*max-width: 30vw !important;*/
    /*max-width: 100%;*/
}

.sub-image {
    width: 100% !important;
    text-align: center !important;
    /*width: 79%;*/
    margin: 0 auto;
}

.main-section {
    position: relative;
}

.title-text {
    position: relative;
    font-size: 58px;
    font-weight: 350 !important;
}

.input-box {
    background-color: white !important;
    opacity: 100% !important;
}

.top-margin-5percent {
    margin-top: 5%;
}

.top-margin-10percent {
    margin-top: 10%;
}

.bottom-margin-signuplabel {
    margin-bottom: 10% !important;
}

.socialmedia-icon.Google {
    background-image: url(../images/Google-01.png);
}

.forgotPassword {
    z-index: 1 !important;
    position: absolute;
}

.resetPassword {
    z-index: 1 !important;
    position: absolute;
}

.forgotPasswordConfirmation {
    z-index: 1 !important;
    position: absolute;
}

.textbox-width {
    width: 100%;
}

.textbox-width-signup {
    width: 88%;
    /*width: 35vw !important; */
    font-size: 2.5vh !important;
    max-width: 200px;
}

.signup-button {
    width: 30vw !important;
    #font-size: 1vw !important;
}

.max-Width {
    width: 30%;
}

.max-Width-signup {
    width: 25vw !important;
    /*width: 58%;*/
}

.signup-top-margin {
    margin-top: 5%;
}

.socialmedia-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
}

.margin-t-5v {
    margin-top: 5vh !important;
}

.socialmedia-icon-small {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
}

    .socialmedia-icon.Google, .socialmedia-icon-small.Google {
        background-image: url(../images/Google-01.png);
    }

    .socialmedia-icon.Facebook, .socialmedia-icon-small.Facebook {
        background-image: url(../images/Facebook-01.png);
    }

    /*.socialmedia-icon.apple, .socialmedia-icon-small.apple {
        background-image: url(../images/Apple-01.png);
    }*/

    .socialmedia-icon.Microsoft, .socialmedia-icon-small.Microsoft {
        background-image: url(../images/Microsoft-01.png);
    }

    .socialmedia-icon.Twitter, .socialmedia-icon-small.Twitter {
        background-image: url(../images/Twitter-01.png);
    }

.footer {
    display: none;
}

.signup-button {
    margin-top: 50px;
    float: right;
}

.social-media-panel {
    margin-top: 0px !important;
}

header {
    position: relative;
    z-index: 1;
}

.signup-text-box-align {
    text-align: left !important;
}

.textbox-width-fp {
    /*width: 100% !important;*/
    width: 20vw !important;
}

.textbox-width-rp {
    width: 100% !important;
}

.fp-button-align {
    text-align: left !important;
    width : 20vw!important;
}

.profile-button-align {
    text-align: right !important;
}

.rp-button-align {
    text-align: left !important;
}

.link-z-1 {
    z-index: 1;
}

.welcomesection1 {
    z-index: 0;
    background-color: rgb(239 242 249 / 70%);
    width: 50%;
    height: 100%;
        position: fixed;
    left: 0;
    border: black solid 1px;
}

.welcomesection2 {
    z-index: 0;
    background-color: rgb(239 242 249 / 70%);
    width: 50%;
    height: 100%;
    position: fixed;
    left: 50%;
    border: black solid 1px;
}

    .title-text {
        font-size: 13vh !important;
        width: 40vw !important;
    }

    .yovImage {
        width: 40vw !important;
    }

    .bg-cornflowerblue {
        background-color: cornflowerblue !important;
    }

    .cursor-pointer {
        cursor: pointer !important;
    }

    .bg-offwhite {
        background-color: #f0f0f0 !important;
    }

.disabledBlock {
    pointer-events: none;
    opacity: 0.4;
}

.color-offwhite {
    color: #a9a6a6 !important;
}

#account .textbox-width {
    max-width: 250px;
}

.headerText {
    font-size: 5rem;
    font-weight: normal !important;
}

.main-login {
    font-size: 1rem;
}

.main-login #login-submit {
    font-size: 1rem;
    min-width: 80px;
    padding: 3px;
}

.tight-font {
    letter-spacing: -1.92px;
}