body {
    font-family: 'Roboto Condensed',sans-serif;
}

.red-text {
    font-family: 'Roboto Condensed',sans-serif;
    color: red !important;
}


.InstitutionName_list {
    background: #ffffff;
    position: absolute;
    left: 0;
    margin-left: 36px;
    z-index: 10;
    display: none;
    width: 80%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3)
}

    .InstitutionName_list ul li {
        border-bottom: 1px solid #ebd6eb;
        color: #6d2077;
        font-size: 16px
    }

        .InstitutionName_list ul li a {
            color: #6d2077;
            padding: 6px 15px 4px 13px;
            display: block;
            font-size: 14px;
            cursor: pointer
        }

            .InstitutionName_list ul li a:hover {
                background: #ebd6eb
            }

        .InstitutionName_list ul li.one {
            background-color: #f0e8f1;
            color: #525252;
            font-weight: 700;
            padding: 8px 15px 8px 45px;
            position: relative
        }

            .InstitutionName_list ul li.one:before {
                content: "";
                width: 30px;
                height: 30px;
                position: absolute;
                left: 10px;
                top: 5px;
                background-repeat: no-repeat;
                background-position: center center
            }

            .InstitutionName_list ul li.one.job-ico:before {
                background-image: url(/UI/Default/Images/eteach/suitcase.png)
            }

            .InstitutionName_list ul li.one.school-ico:before {
                background-image: url(/UI/Default/Images/Home/client-school-ico.png)
            }

            .InstitutionName_list ul li.one.recent-ico:before {
                background-image: url(/UI/Default/Images/eteach/client-type-ico.png)
            }


#payment-form {
    align-self: center;
    box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
    border-radius: 7px;
    padding: 10px 40px 20px 40px;
    margin-top: 60px;
}

#payment-message {
    color: rgb(105, 115, 134);
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
    text-align: center;
}

#payment-element {
    margin-bottom: 24px;
}