body {
    background: #FAFAFA !important;
    font-weight: 500;
}

@media (max-width: 425px) {
    body {
        background: var(--white) !important;
    }

    .card-body .tab-content table:not(.detail-view) {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }
}

.fixed-action-btn {
    position: fixed;
    right: 16px;
    bottom: 66px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}

.btn-fab {
    width: 56px !important;
    height: 56px !important;
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%) !important;
}

.btn-fab i {
    font-size: 24px !important;
}

.jsTogglePassword,
td[onclick] {
    cursor: pointer
}

td .dropdown,
td .dropleft,
td .dropright,
td .dropup {
    position: static !important;
}

@media (max-width: 767.98px) {
    .sticky-tab-header {
        top: 50px !important;
    }
}

.sticky-tab-header {
    position: fixed;
    top: 60px;
    background: var(--white) !important;
    box-shadow: 0 0 40px 0 rgb(82 63 105 / 10%);
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .d-flex>.container {
        padding: 0px !important;
    }

    .d-flex>.container-fluid {
        padding: 0px !important;
    }

    .card.card-custom>.card-header.card-header-tabs-line .nav .nav-link {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
}

.spacer {
    flex: 1 1 auto;
}

.topbar {
    width: inherit !important;
}

.topbar-item .btn.btn-clean {
    height: 100% !important;
    border-radius: 0px !important
}

@media (max-width: 767.98px) {

    .list-wrapper.row,
    .container>.row {
        margin: 0px !important
    }

    .container>.row .col-lg-4,
    .container>.row .col-lg-8,
    .list-wrapper.row .col-xs-12 {
        padding: 0px !important
    }

    .list-wrapper.row .card {
        border-radius: 0px !important
    }

    .mob-rounded-0 {
        border-radius: 0px !important
    }
}

.has-error .help-block {
    color: var(--danger) !important
}

.has-error .form-control {
    border-color: var(--danger) !important
}

.card.card-custom>.card-header.card-header-tabs-line .nav .nav-link {
    padding: 12px 8px !important
}

@media (max-width: 767.98px) {
    .custom-detail-view-lable-pos {
        display: flex;
    }

    .custom-detail-view-lable-pos tr {
        display: flex !important;
        flex-flow: column !important;
        flex-direction: column !important;
    }

    .custom-detail-view-lable-pos .col-label {
        width: 100% !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .custom-detail-view-lable-pos td {
        padding-top: 0px !important
    }

}

.custom-detail-view-lable-pos {}

.custom-detail-view-lable-pos .col-label {}

@media (max-width: 991px) {
    .subheader-enabled.subheader-fixed .topbar {
        box-shadow: none !important;
        max-height: 50px !important;
    }

    .topbar {
        box-shadow: 0 1px 9px -3px rgb(0 0 0 / 10%) !important;
    }

    .custom-search-bar {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        width: 100vw !important;
        transform: none !important;
        border-radius: 0px !important;
    }

    .header-lg-search-bar {
        display: none !important;
    }

    .topbar {
        box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%) !important;
    }

    tbody.mob-remove-border-first-row tr:first-child td {
        border-top: 0px !important
    }
}

tbody.remove-border-first-row tr:first-child td {
    border-top: 0px !important
}

.footer-fixed .footer,
.aside,
.dropdown-menu,
.offcanvas,
.header-fixed .header {
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%) !important;
}

.card {
    box-shadow: 0 1px 1px -1px rgb(0 0 0 / 10%), 0 1px 1px 0 rgb(0 0 0 / 7%), 0 1px 1px 0 rgb(0 0 0 / 6%) !important;
}

.header-lg-search-bar .form-control,
.header-lg-search-bar .input-group-text {
    border: 0px !important;
    background: transparent !important;
}

.header-lg-search-bar .quick-search-form {
    background: #efefef !important;
}

.card.card-custom>.card-header.card-header-tabs-line {
    min-height: auto !important;
    z-index: 2 !important;
}

.nav.bottom-nav {
    width: 100%;
}

@media (max-width: 991px) {
    .nav.bottom-nav {
        width: 100vw;
    }
}

.nav.bottom-nav .nav-link {
    border-radius: 0px !important;
    max-height: 50px;
}

.nav.nav-pills.bottom-nav .nav-link.active .mdi {
    color: var(--white) !important
}

.nav.bottom-nav:not(.nav-pills) .nav-link.active .mdi {
    color: inherit !important;
}

.nav .nav-link:not(.active) .active,
.nav .nav-link.active .inactive {
    display: none !important;
}

.ml-min-10 {
    margin-left: -10px !important
}

@media (max-width: 425px) {

    .offcanvas-on.mob-w-100,
    .mob-w-100 {
        width: 100% !important;
    }

    .content {
        padding: 0px !important
    }
}

.detail-view {
    font-weight: 500 !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    padding-top: 8px;
}

span.select2-selection__arrow::before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 20px !important;
    text-rendering: auto;
    line-height: inherit;
    margin-top: 8px;
    margin-left: -4px;
    -webkit-font-smoothing: antialiased;
    content: "\F0140"
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

span.select2-selection.select2-selection--single {
    border: 1px solid #e4e6ef;
    border-radius: .42rem;
}

@media (max-width: 991px) {
    .subheader {
        width: 100% !important;
        position: fixed;
        margin-top: -4px;
        z-index: 1;
    }
}

.header-fixed.subheader-fixed .subheader {
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%) !important;
}

/* .tab-pane .table-responsive {
    margin-left: -28px;
    margin-right: -28px;
    width: calc(100% + 56px);
} */

.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 2px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 256px;
    height: 256px;
    zoom: 75%;
    display: inline-block;
}

.cropit-preview-image-container {
    cursor: move;
}

.form-group.row div[role="radiogroup"] label {
    margin-right: 20px !important;
    margin-top: 8px !important;
}

div[role="radiogroup"] span {
    padding-left: 10px;
    margin-top: -5px !important;
    display: inline-block;
    vertical-align: middle;
}

.form-group input[type="checkbox"] {
    vertical-align: middle !important;
    margin-right: 8px !important;
}

.hidden {
    display: none !important;
}

.modal-content {
    box-shadow: none !important;
}

.modal-footer {
    border-top: 1px solid #EBEDF3 !important;
    box-shadow: none !important;
}

.card-footer .btn-icon+.btn-icon {
    margin-left: 1.25rem !important;
}

.pagination li:hover:not(.disabled)>a {
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    background-color: var(--primary);
    color: var(--white);
}

.pagination li:hover:not(.disabled) {
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    background-color: var(--primary);
    color: var(--white);
}

.pagination li.active>a {
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    background-color: var(--primary);
    color: var(--white);
}

ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pagination {
    margin: 0;
}

ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.42rem;
}

.pagination li {
    margin-left: 0.4rem;
    position: relative;
    display: block;

    margin-left: -1px;
    line-height: 1.25;
}

.pagination li span,
.pagination li a {
    padding: 0.5rem 0.75rem;
    height: 32px;
    display: inline-block !important;
    border: 1px solid #dbdbdb;
}

.pagination li {
    height: 33px !important;
    border: 0px !important;
}

.pagination li.active {
    color: var(--white);
    background-color: var(--primary);
}

.pagination li.active a {
    z-index: 3;
    color: var(--white);
    background-color: var(--primary);
}

.pagination li:not(.active) a {
    z-index: 3;
    color: #3f4254;
    background-color: var(--white);
}

tr.pager:hover {
    background: var(--white) !important;
}

.pager td {
    padding: 0px !important;
}

.pager td .pagination {
    margin: 18px 16px 9px;
}

.mdi-40px::before {
    font-size: 40px !important;
}

.pointer {
    cursor: pointer !important;
}

.accordion .card-title .mdi-chevron-double-accordion {
    font-size: 24px;
    color: var(--primary);
}

.accordion .card-title.collapsed .mdi-chevron-double-accordion::before {
    content: "\F0A03";
}

.accordion .card-title:not(.collapsed) .mdi-chevron-double-accordion::before {
    content: "\F06B6";
}

.accordion .card-title:not(.collapsed) .expand-btn .set-collapsed,
.accordion .card-title.collapsed .expand-btn .set-expanded {
    display: none !important
}

.form-group.color-picker input {
    max-width: 45px !important;
    border-radius: 0 .42rem .42rem 0 !important
}

.form-group.color-picker .input-group-text {
    min-width: 100px !important;
    border-radius: .42rem 0 0 .42rem !important;
}

.toast-info,
.toast-success {
    background-image: url('') !important;
}

@media (max-width: 325px) {
    body .aside {
        width: 100% !important;
    }
}

@media (max-width: 991.98px) {
    body .aside {
        left: -100%;
    }

    .content>.d-flex>.container-fluid>.row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .content>.d-flex>.container-fluid>.row>div {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.bg-gradiant-profile-card {
    background: linear-gradient(97.21deg, #EF4B43 0%, #EF4B43 24.07%, #F9822C 100%) !important;
}

body,
.d-flex.flex-column.flex-root {
    overflow-x: hidden !important;
}

/*.yii-debug-toolbar{display: none !important}*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.nav.bottom-nav.with-lable .nav-link {
    line-height: 1 !important;
    display: block !important;
}

.mdi-overview-card-icon::before {
    font-size: 30px !important;
    line-height: 1.7rem !important;
    vertical-align: bottom !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
    background: transparent !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover,
.table-hover tbody tr:not(.pager):hover,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
    background-color: rgb(186 213 239 / 25%) !important;
}

.spinner.spinner-primary.spinner-regular {
    width: 100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.spinner.spinner-primary.spinner-regular:before {
    border-width: 4px !important;
    width: 100px !important;
    height: 100px !important;
}

@media (max-width: 320px) {

    .nav-fill>.nav-link,
    .nav-fill .nav-item {
        max-width: calc(100vw / 5);
    }
}

.site-login-card {
    flex: auto;
    margin: auto;
}

@media (max-width: 426px) {
    .site-login-card .card {
        box-shadow: none !important;
        flex: auto;
        margin: auto;

    }
}

.label-light-secondary {
    color: #777 !important;
}

.tags {
    padding: 0px 6px !important;
    font-size: 8px;
    border-radius: 10px
}


.bg-color-blue .symbol-label,
.bg-color-blue {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

.bg-color-indigo .symbol-label,
.bg-color-indigo {
    background-color: var(--indigo) !important;
    color: var(--white) !important;
}

.bg-color-purple .symbol-label,
.bg-color-purple {
    background-color: var(--purple) !important;
    color: var(--white) !important;
}

.bg-color-pink .symbol-label,
.bg-color-pink .symbol-label .mdi,
.bg-color-pink {
    background-color: var(--pink) !important;
    color: var(--white) !important;
}

.bg-color-red .symbol-label,
.bg-color-red {
    background-color: var(--red) !important;
    color: var(--white) !important;
}

.bg-color-orange .symbol-label,
.bg-color-orange {
    background-color: var(--orange) !important;
    color: var(--white) !important;
}

.bg-color-yellow .symbol-label,
.bg-color-yellow {
    background-color: var(--yellow) !important;
    color: var(--white) !important;
}

.bg-color-green .symbol-label,
.bg-color-green {
    background-color: var(--green) !important;
    color: var(--white) !important;
}

.bg-color-teal .symbol-label,
.bg-color-teal {
    background-color: var(--teal) !important;
    color: var(--white) !important;
}


.bg-color-cyan .symbol-label,
.bg-color-cyan {
    background-color: var(--cyan) !important;
    color: var(--white) !important;
}

.bg-color-gray .symbol-label,
.bg-color-gray {
    background-color: var(--gray) !important;
    color: var(--white) !important;
}


.bg-color-gray-dark .symbol-label,
.bg-color-gray-dark {
    background-color: var(--gray-dark) !important;
    color: var(--white) !important;
}

.bg-color-green .symbol-label .mdi,
.bg-color-teal .symbol-label .mdi,
.bg-color-indigo .symbol-label .mdi,
.bg-color-red .symbol-label .mdi,
.bg-color-orange .symbol-label .mdi,
.bg-color-yellow .symbol-label .mdi,
.bg-color-purple .symbol-label .mdi,
.bg-color-cyan .symbol-label .mdi,
.bg-color-gray .symbol-label .mdi,
.bg-color-blue .symbol-label .mdi,
.bg-color-gray-dark .symbol-label .mdi {
    color: var(--white) !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

.chip {
    display: inline-block;
    padding: 5px 16px;
    border-radius: 25px;
    background: var(--secondary);
    font-weight: 500;
}

.chip.primary {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.chip.blue {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

.chip.indigo {
    background-color: var(--indigo) !important;
    color: var(--white) !important;
}

.chip.purple {
    background-color: var(--purple) !important;
    color: var(--white) !important;
}

.chip.pink {
    background-color: var(--pink) !important;
    color: var(--white) !important;
}

.chip.red {
    background-color: var(--red) !important;
    color: var(--white) !important;
}

.chip.orange {
    background-color: var(--orange) !important;
    color: var(--white) !important;
}

.chip.yellow {
    background-color: var(--yellow) !important;
    color: var(--white) !important;
}

.chip.green {
    background-color: var(--green) !important;
    color: var(--white) !important;
}

.chip.teal {
    background-color: var(--teal) !important;
    color: var(--white) !important;
}

.chip.cyan {
    background-color: var(--cyan) !important;
    color: var(--white) !important;
}

.chip.gray {
    background-color: var(--gray) !important;
    color: var(--white) !important;
}

.chip.gray-dark {
    background-color: var(--gray-dark) !important;
    color: var(--white) !important;
}

.chip.success {
    background-color: var(--success) !important;
    color: var(--white) !important;
}

.chip.info {
    background-color: var(--info) !important;
    color: var(--white) !important;
}

.chip.warning {
    background-color: var(--warning) !important;
    color: var(--white) !important;
}

.chip.danger {
    background-color: var(--danger) !important;
    color: var(--white) !important;
}

.chip.light {
    background-color: var(--light) !important;
}

.chip.dark {
    background-color: var(--dark) !important;
    color: var(--white) !important;
}


element.style {}

a,
button {
    outline: 0 !important;
}

a {
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

a {
    color: #2196F3;
    text-decoration: none;
    background-color: transparent;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

user agent stylesheet a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedf3;
    border-radius: 0.42rem;
}

body {
    display: flex;
    flex-direction: column;
    color: #3f4254;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px !important;
    font-weight: 400;
    font-family: Poppins, Helvetica, "sans-serif";
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    font-family: Poppins, Helvetica, "sans-serif";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3f4254;
    text-align: left;
    background-color: #fff;
}

body {
    background: #FAFAFA !important;
    font-weight: 500;
}


.color-yellow {
    color: var(--yellow) !important
}

.color-green {
    color: var(--green) !important
}

.color-teal {
    color: var(--teal) !important
}

.color-cyan {
    color: var(--cyan) !important
}

.color-gray {
    color: var(--gray) !important
}

.color-gray-dark {
    color: var(--gray-dark) !important
}

.color-primary {
    color: var(--primary) !important
}

.color-secondary {
    color: var(--secondary) !important
}

.color-success {
    color: var(--success) !important
}

.color-info {
    color: var(--info) !important
}

.color-warning {
    color: var(--warning) !important
}

.color-danger {
    color: var(--danger) !important
}

.color-light {
    color: var(--light) !important
}

.color-dark {
    color: var(--dark) !important
}

.color-white {
    color: var(--white) !important
}

.color-blue {
    color: var(--blue) !important
}

.color-indigo {
    color: var(--indigo) !important
}

.color-purple {
    color: var(--purple) !important
}

.color-pink {
    color: var(--pink) !important
}

.color-red {
    color: var(--red) !important
}

.color-orange {
    color: var(--orange) !important
}