.account-cabinet-pages {
    background-color: rgb(0,0,128);
    color: white;
}

.account-cabinet-pages div {
    display: inline-block;
    padding: 20px;
    cursor: pointer;
}

.account-cabinet-page-focused {
    border-bottom: 3px solid white;
}

.account-cabinet-page-body div {
    padding: 23px;
}

.account-cabinet-page-body-notfocused {
    visibility: hidden;
    display: none;
    width: 100%;   
}

.account-cabinet-page-body-focused {
    display: block;
    width: 100%;
    min-height: 320px;
    height: auto;
    padding-top:32px;
}

.account-cabinet-service-group-row {
    background-color: rgb(196, 196, 242);
    padding-top: 8px;
}

.account-cabinet-service-group-row td {
    padding: 8px;
    text-align: left;
}

.account-cabinet-service-row {
    font-size: small;
}

.account-cabinet-service-row td {
    padding: 8px;
    padding-left:8px;
    text-align: left;
    width: 50%;
    vertical-align: top;
}

.account-cabinet-service-list-header th {
    font-size: large;
    text-align: left;
}

.account-cabinet-page-bill-body-table {
    width: 100%;
}

.account-cabinet-page-bill-body-table th {
    font-size: large;
    text-align: left;
}

.account-cabinet-page-bill-body-table td {
    padding: 8px;
    padding-left:8px;
    text-align: left;
    /* width: 50%; */
    vertical-align: top;
}

.account-cabinet-page-bill-body-table tbody tr:hover {
    background-color: rgb(218, 218, 234);
    cursor: pointer;
}

.account-cabinet-settings-item {
    padding: 12px;
}

.account-cabinet-settings-item:hover {
    background-color: rgb(196, 196, 242);
    cursor: pointer;
}

.account-cabinet-settings-item a {
    text-decoration: none;
    color: inherit;
}

.wrapper-form-layout {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(255,255,255,0.9);
}

.no-visible {
    display: none;
}

.wrapper-form-layout {
    font-family: sans-serif;
}

.wrapper-form-layout-title {
    height: 10%;
    width: 90%;
    text-align: right;
    padding: 12px;
    margin: 0 auto;

}

.wrapper-form-layout-title a {
    text-decoration: none;
    color: inherit;
}

.pay-button {
    background-color: rgb(65, 81, 153);
    position: fixed;
    top: 90vh;
    left: 45vw;
    color: white;
    cursor: pointer;
    font-size: larger;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-radius: 12px;
}