/*
***********************
    Account laouts
***********************
*/
.l-grid-account {
    display: block;
    grid-gap: 15px;
    grid-template-columns: 50%;
}


.l-grid-account-item1,
.l-grid-account-item2,
.l-grid-account-item3{
    margin-bottom: 20px;
}

.l-grid-account-item1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.l-grid-account-item2 {
    grid-column: 2 / 3;
}

/* .l-grid-account-item3 {
grid-column: 2 / 3;
} */
@media (min-width: 992px) {
    .l-grid-account {
        display: grid;
    }
    .l-grid-account-item1,
    .l-grid-account-item2,
    .l-grid-account-item3 {
        margin-bottom: 0px;
    }
}
@media (max-width: 768px) {
    .l-grid-account {
        padding: 20px 5px;
    }
}
/*
***********************
    Account
***********************
*/
@media (max-width: 768px) {
    .account {
        padding-right: 5px;
        padding-left: 5px;
    }
    .alert {
        margin-bottom: 0;
    }
}
.account > .row {
    margin: 20px 0;
}
@media (max-width: 768px) {
    .account-direction {
        flex-direction: column;
    }
}
.account h1 {
    font-size: var(--font-xxlg);
    color: var(--color-account-name);
}
.account h2 {
    font-size: var(--font-lg);
    color: var(--color-headers);
    margin-bottom: 1rem;
}
.account h3 {
    font-size: var(--font-lg-sm);
    color: var(--color-headers);
    margin-bottom: 1rem;
}

/**
* Account Left Menu
*/
.account__left {
    flex: 0 0 188px;
}
@media (max-width: 768px) {
    .account__left {
        display: flex;
        justify-content: start;
        flex-basis: auto;
        flex-wrap: wrap;
    }
}
.account__left a {
    display: block;
    padding: 7px 5px;
    font-size: var(--font-medium-sm);
    color: var(--color-account-left-menu);
}
.account__left a.active {
    color: var(--color-link-active);
}

/**
* Account Main Common
*/
.account__right {
    flex: 1;
    width: 100%;
}
.account__right .btn-primary {
    min-width: 100px;
}
.account__right hr {
    border-top-color: var(--color-border-common);
    margin-right: -15px; 
    margin-left: -15px; 
}
.account-profile-value{
    color: var(--color-account-name) !important;
}
/**
* Account Profile
*/
.account__profile .btn-outline-danger {
    font-size: 1rem;
}
.account__profile__btn-light {
    width: 150px;
}
.account-emeil-info {
    font-size: var(--font-medium-sm);
    color: var(--color-text-gray2);
}
/**
* Account Preferences
*/
.account-timezone.bootstrap-select .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}
/**
* Account Status
*/
.account__status-status {
    margin: 35px -15px 15px; 
    padding: 15px 20px 1px 15px;
    background-color: var(--color-error);
}
.account__status-status i {
    display: block;
    float: right;
    font-size: 47px;
}
.account__status-status--active {
    background-color: var(--color-bg-green2);
    color: var(--color-success-text);
}
.account__status-status--pending {
    background-color: var(--color-bg-orange);
}
.account__status p i {
    font-size: var(--font-medium-sm);
}
.activity__settings-submit .btn-link {
    margin-top: 2.3rem;
}

/**
* Account Notification
*/
.account__notification .custom-checkbox {
    height: 2.5rem;
}
.account__notification .btn-primary {
    margin-top: 10px;
}