﻿
/*Style ClientNewLayout*/

    nav {
        width: 100%;
        background-color: #eee;
        margin-top: 10px;
        border-radius: 50px;
    }
    .navLeft {
        margin-left: -100px;
    }

    .navRight {
        float: right;
    }

    .navRight_1 {
        margin-right: -100px;
    }

    .appsIcon {
        margin-top: 15px;
        width: 100%;
    }

    .navigation_container {
        border-radius: 50px;
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 15px;
    }
    ul {
        width: 80%;
        margin:auto;
        padding: 10px;
    }
    ul li {
        list-style: none;
        display: inline-block;
        height: 38px;
        border-radius: 20px;
    }

    ul li a {
        text-decoration: none;
        display: block;
        color: #000000;
        padding: 7px 14px;
    }

    ul li.selectedMenu {
        background-color: #d6d6d6;
        color: #000;
    }


    ul li.selectedMenu a {
        color: #000000;
    }

    .policy_container > ul {
        display: inline;
    }

    .validation-summary-errors ul li.selectedMenu {
        color: red;
        background: none;
    }

    .hoverActiveFix a:focus {
        background-color: #d6d6d6;
        border-radius: 30px;
    }
    footer {
        height: auto !important;
        background-color: #eee !important;
        z-index: 5;
        box-shadow: none !important;
        text-align: right;
        line-height: 27px;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    .container_clientnew {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .column_footer01 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    .column_footer02 {

    }
    .toggle {
        display: none;
    }
    .feedback-bottom-right {
        display: none;
        position: absolute;
        bottom: 87%;
        right: 6%;
        z-index: 4 !important;
        background-color: #eee;
        border: none;
        color: red;
        box-shadow: none;
        font-family: "roboto_light", sans-serif;
        font-size: 1rem;
        padding-right: 0px;
    }

@media only screen and (max-width:768px) {

    .feedback-bottom-right {
        display: none;
        position: absolute;
        bottom: 87%;
        right: 81%;
        z-index: 4 !important;
        background-color: #eee;
        border: none;
        color: red;
        box-shadow: none;
        font-family: "roboto_light", sans-serif;
        font-size: 1rem;
    }

    footer {
        position: absolute !important;
        display: flex;
        align-items: center;
        padding: 0px 45px 0px 45px;
        flex-direction: column-reverse;
        text-align: center;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #eee;
    }
    .container_clientnew {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-evenly;
    }
    .signature_container {
        margin: 10px auto;
        padding: 10px 0;
        width: 100%;
    }
    .toggle {
        display: block;
    }

    ul {
        width: 100%;
        display: none;
    }

    ul li:hover {
        background-color: darkgray;
    }

    ul li {
        display: block;
        text-align: center;
    }

    .active {
        display: block;
    }

    .navigation_container {
        border-radius: 50px;
        margin-left: 20px;
    }

    .login_container {
        margin-left: 25px;
    }

    .recover_account_container {
        margin-left: 25px;
    }

    nav {
        margin-top: 10px;
        border-radius: 0px;
    }

    .navRight {
        float: none;
    }

    .navLeft {
        margin-left: 0px;
    }

    .navRight_1 {
        margin-right: 0px;
    }

    .validation-summary-errors > ul {
        display: block;
        color: red;
        font-size: 14px;
        margin-top: 0px;
        padding-top: 9px;
    }

    .validation-summary-errors ul li.selectedMenu {
        color: red;
        background: none;
    }

}
@media only screen and (max-width:650px) {
    footer {
        background-color: #eee;
        position: inherit;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .feedback-bottom-right {
        display: none;
    }

    .login_container {
        margin-left: 18%;
    }
}

@media only screen and (max-width:450px) {
    footer {
        background-color: #eee;
        position: inherit;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .feedback-bottom-right {
        display: none;
    }

    .login_container {
        margin-left: 12%;
    }
}


@media only screen and (max-width: 402px) {
    footer {
        background-color: #eee;
        position: inherit;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .login_container {
        margin-left: 4%;
    }

    .feedback-bottom-right {
        display: none;
    }
}

@media only screen and (max-width: 360) {
    footer {
        background-color: #eee;
        position: inherit;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .feedback-bottom-right {
        display: none;
        position: absolute;
        bottom: 87%;
        right: 62%;
        z-index: 4 !important;
        background-color: #eee;
        border: none;
        color: red;
        box-shadow: none;
        font-family: "roboto_light", sans-serif;
        font-size: 1rem;
    }
}

