.cursor-pointer {
    cursor: pointer;
}
.overflow-x-scroll {
    overflow: hidden;
    overflow-x: auto;
}
.overflow-y-scroll {
    overflow: hidden;
    overflow-y: auto;
}
.navbar-brand-img, .navbar-brand > img {
    width: 3rem;
    max-height: 3rem;
}
.icon-size-2 {
    font-size: 2rem;
}
.fw-medium {
    font-weight: 500;
}
.dimmed {
    overflow: hidden;
}
.dimmed:after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 10000;
}
.choices__item {
    white-space: nowrap;
}
.app-search {
    z-index: 100001;
}
.app-search .scrollable-content {
    max-height: 500px;
}
.btn > span.spinner-border {
    display: none;
}
.btn.loading > span.spinner-border {
    display: inline-block;
}
.btn.loading > [class^="fe"] {
    display: none;
}
.appear {
    animation: appear 1s ease-in;
}
.alert-dismissible {
    padding-right: 1.25rem;
}
.bg-white-20 {
    background-color: rgba(255,255,255,.2);
}
.bg-warning-light {
	background-color: #ffedc0 !important;
}
.text-hover-gray:hover {
    color: #a2a2a2 !important;
}
div[id^="card-content-"] .table tbody > tr:first-child td {
    border-top: 0 none !important;
}
.table-responsive-xy {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 600px;
}
.thead-sticky {
    position: sticky;
    top: 0;
    z-index: 2;
}
.table th, tbody td, tbody th {
    vertical-align: middle;
}
.table th {
    background-color: #f9fbfd;
    color: #95aac9;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.table-sm {
    max-height: 660px;
}
.table-sm th {
    font-size: .625rem;
}
.table-sm > :not(caption) > * > * {
    padding: .2rem .25rem;
}
.table td.bg {
    position: relative;
    background: #edf2f9;
    border-bottom: 1px solid #f9f9f9;
}
td.stripe {
    border-bottom: 1px solid red;
    padding: 0;
}
.list-group-flush:not(:last-child) > .list-group-item:last-child {
    border-bottom: 0 none;
}
.bg-color-transition {
    transition: .3s background-color;
}
.bg-hover-soft-danger:hover {
    background-color: #fad7dd !important;
}
@keyframes appear {
	from {opacity: 0;}
	to {opacity: 1;}
}
.login-logo {
	width: 10rem;
}
.totals-popup-height {
    height: 6rem;
    min-height: 6rem;
}
.totals-popup {
    left: 250px;
}
.totals-popup:not(.fade) {
    animation: .2s ease-in-out 0s normal fadeInUp;
    transition: 0.4s;
}
.totals-popup.fade {
    animation: .2s ease-in-out 0s normal fadeInDown;
}
.totals-popup .form-check-input:checked {
    background-color: #5a9ffd;
    border-color: #5a9ffd;
}
.totals-popup .btn-primary {
    background-color: #2569c3;
    border-color: #2569c3;
}
.totals-popup .btn-primary:hover {
    background-color: #1a5bb0;
    border-color: #2569c3;
}
.with-horizontal-scrollbar {
    display:table;
}
.bg-hover-light:hover {
    background-color: #e1e7f0 !important;
}
.bg-transition {
    transition: .3s background-color ease-in-out;
}
.header-pretitle {
    text-transform: none;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
        transform: translateY(0%);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 1;
		transform: translateY(0%);
	}
	to {
		opacity: 01;
        transform: translateY(100%);
	}
}

@media screen and (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg .navbar-brand-img {
        width: 10rem;
    }
}
@media screen and (max-width: 990px) {
    .totals-popup {
        left: 0;
    }
}
@media screen and (max-width: 768px) {
    [data-label]:before {
        content: attr(data-label);
        width: 136px;
        display: inline-block;
        flex-shrink: 0;
        font-size: 0.8rem;
        color: #747474;
    }
    [title-data-label][data-label]:before {
        font-size: .9375rem!important;
        color: #000 !important;
    }
    .share-child + .share-child {
        border-top: 1px solid #e3ebf6 !important;
        margin-top: 0.75rem !important;
    }
}