div.page-content {
    background-color: #f4f7fe;
}

.footer {
    background: #fff;
}

.select2.select2-container {
    width: 100% !important;
}

.is-invalid ~ .select2 .select2-selection {
    border: 1px solid #f5325c;
}

.table.show-table tr:last-child td {
    border-bottom: 1px solid #eaf0f9 !important;
}

.form-control {
    line-height: 1.9 !important;
}

.badge {
    display: inline-block;
    padding: 0.5em 0.85em;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.475rem;
}

.badge-success {
    color: #fff;
    background-color: #50cd89;
}

.badge-danger {
    color: #fff;
    background-color: #f1416c;
}

.product-gallery img, .main-image {
    max-width: 100%;
}

.product-gallery{
    display: flex;
}

.input-group .form-control {
    /*border-radius: 0.25rem !important;*/
}

.input-group-text {
    line-height: 2 !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    right: 5px;
}

.select2-container--open {
    z-index: 9999;
}

.sidebar-logo {
    height: 100%;
    width: auto;
    margin-top: 5px;
}

.topbar .creat-btn {
    display: block !important;
}

.form-switch .form-check-input {
    width: 3em !important;
    height: 1.5em !important;
    margin-right: 5px;
}

.dtp .p10 > a {
    color: #756ede !important;
}

.activity-scroll {
    overflow-y: auto;
    max-height: 620px !important;
    padding-right: 8px;
}

/* ACTIVITY FEED SCROLL*/
.activity-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 8px;
}
.activity-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}
.activity-scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%,*/
    /*color-stop(.5, rgba(255, 255, 255, .2)),*/
    /*color-stop(.5, transparent), to(transparent));*/
    background-color: #12a4ed ;
}

.btn-close {
    /*box-sizing: content-box;*/
    /*width: 1em;*/
    /*height: 1em;*/
    /*padding: 0.25em 0.25em;*/
    /*color: #acacc5;*/
    /*background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23acacc5'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;*/
    /*border: 0;*/
    border-radius: 0.25rem;
    opacity: 1 !important;
}

form.fiscal-period-form .checkbox label {
    word-break: break-all !important;
    max-width: 98% !important;
}

@media (max-width: 1200px) {
    form.fiscal-period-form .checkbox label {
        max-width: 97% !important;
    }
}

@media (max-width: 991px) {
    form.fiscal-period-form .checkbox label {
        max-width: 96% !important;
    }
}

@media (max-width: 498px) {
    form.fiscal-period-form .checkbox label {
        max-width: 95% !important;
    }
}

@media (max-width: 1316.98px) {
    .left-sidenav .brand {
        text-align: center;
        display: block;
    }
}

@media (max-width: 1024px) {
    .left-sidenav .brand {
        text-align: center;
        display: block;
        width: 100%;
    }
}