.simple-divider {
    content: '';
    bottom: 0;
    right: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background-color: rgba(180, 180, 180, 0.3);
    border: 0;
    border-top: none;
}

/* TEXT TOO LONG CSS */
.nav-link p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 13px;
}

.card-testimonial .card-avatar img, .card-profile img {
    width: 130px !important;
    height: 130px !important;
    object-fit: cover;
}

.sidebar .user .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* SELECTPICKER */

.tr-selectpicker-label {
    font-size: 0.6875rem;
    margin-bottom: 0;
}

/* MOBILE NAVBAR */

.mobile-notification {
    right: 62px;
    position: absolute;
}

.mobile-notification .material-icons {
    font-size: 1.25rem;
    color: #555;
    margin-top: -1px;
}

.mobile-budget {
    right: 92px;
    position: absolute;
}

.mobile-notification .dropdown-menu {
    left: initial;
    right: 0;
}

.mobile-notification .notification {
    top: -7px;
    right: -8px;
    font-weight: bold;
}

.mobile-notification a:hover {
    color: #fff !important;
}

.mobile-notification a:focus {
    color: #fff !important;
}

.mobile-notification a {
    color: #fff;
}

@media (min-width: 992px) {
    .mobile-navbar-item {
        display: none;
    }
}

/* ICONS */
.icon-flipped {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* CARD HEADER COLORS */
.card .card-header-orange .card-icon,
.card .card-header-orange .card-text,
.card .card-header-orange:not(.card-header-icon):not(.card-header-text),
.card.bg-orange,
.card.card-rotate.bg-orange .front,
.card.card-rotate.bg-orange .back {
    background: linear-gradient(60deg, #da6824, #b45a26);
}

.card .card-header-orange .card-icon,
.card .card-header-orange:not(.card-header-icon):not(.card-header-text),
.card .card-header-orange .card-text {
    box-shadow: 0 4px 20px 0px rgba(218, 104, 36, 0.14), 0 7px 10px -5px rgba(218, 104, 36, 0.4);
}

/* BUTTON COLORS */
.btn-orange {
    color: #ffffff;
    background-color: #da6824;
    border-color: #da6824;
    box-shadow: none;
}

.btn-orange:hover {
    color: #ffffff;
    background-color: #b25e1f;
    border-color: #b25e1f;
}

.btn-orange:focus,
.btn-orange.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(218, 104, 36, 0.5);
}

.btn-orange.disabled,
.btn-orange:disabled {
    color: #ffffff;
    background-color: #da6824;
    border-color: #da6824;
}

.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
    color: #ffffff;
    background-color: #b25e1f;
    border-color: #b25e1f;
}

.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: none, 0 0 0 0.2rem rgba(218, 104, 36, 0.5);
}

.btn-purple {
    color: #ffffff;
    background-color: #ab47bc;
    border-color: #ab47bc;
    box-shadow: none;
}

.btn-purple:hover {
    color: #ffffff;
    background-color: #8e24aa;
    border-color: #8e24aa;
}

.btn-purple:focus,
.btn-purple.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(171, 71, 188, 0.5);
}

.btn-purple.disabled,
.btn-purple:disabled {
    color: #ffffff;
    background-color: #ab47bc;
    border-color: #ab47bc;
}

.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
    color: #ffffff;
    background-color: #8e24aa;
    border-color: #8e24aa;
}

.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    box-shadow: none, 0 0 0 0.2rem rgba(171, 71, 188, 0.5);
}


/* TOGGLE BUTTON CHECKED */
.togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: rgba(71, 164, 75, 0.7);
}

.togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #47A44B;
}

/* OPACITY */
.opacity-0 {
    opacity: 0;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-100 {
    opacity: 1;
}