/* Fixes left menu (sidebar) height */
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
    height: calc(100vh - 250px);
}

.alert-warning {
    background-color: rgb(226 173 54 / 80%) !important;
    border-color: rgb(226 173 54 / 80%) !important;
}

/*
.delete-form-right {
    position:absolute;
    right:25px;
    top:30px;
}
*/

.delete-form-right button {
    color:red;
}

.login-card .logo-wrapper {
    margin-bottom:25px;
}

.account-selector {
    max-height:70vh;
    overflow-y:auto;
}

.account-selector .card .media {
    align-items: center;
}

.account-selector .card .media-block {
    background-size: cover;
    width:50px;
    height:50px;
}

.account-selector .card .media-body {
    padding-left:25px;
    height:auto;
    justify-content: center;
}

.account-selector .card .media-body h6 {
    font-size:20px;
    color:#242934;
    margin-bottom:0;
}

.account-selector button {
    outline: none !important;
    background: none !important;
    border: 0 !important;
    width:100%;
    display:block;
    text-align:left;
}

.small-pill {
    border-radius: 5px;
    padding: 5px 10px;
    padding-right: 0px;
    background-color:#eeeeee;
    font-size:10px;
    width: 100%;
    max-width:130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:5px;
    margin-bottom:5px;
}

.container-form.wizard .small-pill {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    padding-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:12px;
    max-width:160px;
}

.container-form.wizard .small-pill.add {
    background-color: #168eea;
    color: #ffffff;
}

.container-form.wizard .small-pill.add i {
    color: #ffffff;
}

.container-form.wizard .small-pill.remove {
    color: #242934;
}

.container-form.wizard .small-pill.remove i {
    color:red;
}

.regular-pill {
    display:inline-block;
    border-radius: 5px;
    padding: 5px 10px;
    background-color:#eeeeee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
}

.small-pill.line-through,
.regular-pill.line-through {
    color: red !important;
}

button.link {
    background: #168eea;
    border: 0;
    color: #ffffff;
    border-radius: 12px;
    padding: 4px 10px;
    font-weight:600;
}

.rg-container {
    background-color: #F9FAFC;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEEEEE;
    border-left: 8px solid #4a90e2;
    display:block;
    border-radius: 15px;
    padding:20px;
    margin-top:50px;
    position:relative;
}

.rg-container .rg-header button {
    background: red;
    border: 0;
    color: #ffffff;
    border-radius: 12px;
    padding: 4px 10px;
    position:absolute;
    top:-12px;
    right:20px;
    font-weight:600;
    z-index:2
}

.rg-container input::placeholder {
    color: #59667aaa !important;
}

.line-through {
    text-decoration: line-through !important;
}

button.no-btn-style {
    background: none;
    border:0;
    outline:0;
    text-align: left;
}

.currency-input {
    position:relative;
}

.currency-input > .currency-symbol {
    position:absolute;
    top: 7px;
    left: 14px;
}

.currency-input > .currency {
    padding-left:35px;
}

figure.current-image-input {
    border: 1px solid #e6edef;
    border-radius: 0.25rem;
    height: 42px;
    width: 100%;
    position: relative;
    padding:5px;
}

figure.current-image-input.for-table {
    border: 0px;
    height: 60px;
    margin:0;
}

figure.current-image-input img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#accordion button {
    text-align:left;
}

#accordion button {
    display:block;
    width:100%;
    height:100%;
}

#accordion button > span {
    background-color: #168eea;
    display:block;
    padding: 5px 10px;
    color: #ffffff;
}

#accordion button > small {
    padding: 10px;
    color: #eeeeee;
    line-height:20px;
    background-color: #168eea99;
    display:block;
}

#accordion .card {
    background-color: rgba(0,0,0,.05);
    margin-bottom:25px;
    border-radius:10px;
    overflow:hidden;
}

#accordion .card .card-header {
    background: none;
    background-color: transparent;
}

#accordion .card, #accordion .card .card-header {
    border: 0 !important;
}

#accordion .card .card-header, #accordion .card .card-header h5 {
    padding:0;
}

.login-card {
    flex-direction: column;
}

.login-card > form {
    margin-bottom:50px;
}

.lost-phone-toggle {
    text-align:right;
    margin-top: 15px;
    cursor:pointer;
    text-decoration: underline;
    color: #168eea;
}

.form-control {
    color: #59667a !important;
}

.form-control::placeholder {
    color: #dddddd !important;
    font-style: italic !important;
}

.form-label {
    font-weight: 600;
}

@media screen and (max-width: 575px) {
    .page-main-header .main-header-right .nav-right .bookmark-dropdown {
        right: 0;
    }
    
    .page-main-header .main-header-right .nav-right .bookmark-dropdown ul {
        padding: 0;
    }
    
    .page-main-header .main-header-right .nav-right .bookmark-dropdown, .page-main-header .main-header-right .nav-right .bookmark-dropdown button {
        color: #242934;
    }
}


.container-form.wizard .list-group-item.heading {
    background-color: #dcdfe4;
    border-color:#dcdfe4;
    color: #000;
    margin-top:20px;
}

.container-form.wizard .list-group-item.spoof-first-item-look {
    border: 1px solid #e6edef;
    margin-top:20px;
}

.container-form.wizard .list-group-item,
.container-form.wizard .list-group-item a.color-text {
    font-weight: bold;
}

.container-form.wizard .list-group-item.sub-level {
    padding-left:45px !important;
    position:relative;
}

.container-form.wizard .list-group-item.sub-level::before{
    font-family: themify;
    content: "\e649";
    text-align: center;
    line-height: 1.2;
    position:absolute;
    left:15px;
    color: #168eea;
}

.container-form.wizard p {
    margin:0;
    margin-top:10px;
}

.container-form.wizard .card {
    border: none;
    box-shadow: none;
    margin-bottom:2px;
}

.container-form.wizard .card-header {
    background-color: transparent;
    border: none;
}

.container-form.wizard #form-previous {
    margin-top: 25px;
    font-size: 14px;
}

.container-form.wizard #form-submit {
    margin-top: 25px;
    font-size: 14px;
    float: right;
}



.checkbox label {
    padding-left: 20px !important;
}

.checkbox label::before {
    width: 25px;
    height: 25px;
    border: 3px solid #e6edef;
    text-align: center;
    font-family: themify;
}

.checkbox input[type="checkbox"] + label::before {
    content: "\e646";
    color: #dddddd;
    line-height: 1.5;
}

.checkbox input[type="checkbox"]:checked + label::before {
    color: #168eea;
    border: 3px solid #168eea;
    line-height: 1.6;
}


i.fa.custom-icon-small {
    font-size:0.85em !important;
    line-height:.5em !important;
}

i.fa.custom-icon-medium {
    font-size:1.20em !important;
    line-height:.5em !important;
}

i.fa.custom-icon-large {
    font-size:1.5em !important;
    line-height:.5em !important;
}

.a11y-container .a11y-option {
    cursor: pointer;
    margin-left:10px;
}

.a11y-container .a11y-option i {
    color: #000000 !important;
}

.a11y-container .a11y-option.active {
    border-bottom: 3px solid #000000;
    margin-bottom: -2px
}

.page-main-header .main-header-right .left-menu-header {
    flex: 0 0 50% !important;
}