/* Auth */
#authPageInclude {
    height: 100%;
}

.auth-logo {
    text-align: center;
    margin-bottom: 50px;
}

.auth-logo img {
    max-width: 100%;
    margin: 0 15px;
    width: 150px;
}

.auth-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
}

.auth-page {
    padding: 60px 0 100px !important;
}

.auth-page .border {
    border: 0 !important;
    box-shadow: 0 0 40px rgb(0 0 0 / 5%);
}

.auth-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: none;
    padding: 25px 0 25px;
}

.auth-loading {
    background: url('../images/circle-thin-loader.svg') no-repeat center;
    height: 160px;
}

@media (max-width: 991px) {
    .auth-page:before {
        display: none;
    }

    .auth-page .page-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .auth-page {
        padding: 30px 30px !important;
    }
}

@media (max-width: 769px) {
    .auth-page flash-message {
        right: 0px;
        left: 5px;
        width: 100% !important;
    }

    .auth-page flash-message .auth-panel {
        width: calc(100% - 55px);
    }

    .auth-page:before {
        background-size: 1035px;
    }
}

@media (max-height: 700px) {
    .auth-footer {
        position: static;
    }
}

.login-btn {
    height: 50px;
}

/* Sidebar */
.sidebar {
    background: #fff;
    width: 200px;
    height: 100%;
    top: 0;
    right: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
}

.stats-icon {
    display: block;
    height: 135px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.stats-icon1 {
    display: block;
    height: 145px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('../images/svg/Design-stats-amico.svg');
}

.stats-icon2 {
    display: block;
    height: 145px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('../images/svg/DataTrends-bro1.svg');
}

.stats-icon3 {
    display: block;
    height: 145px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('../images/svg/DataTrends-pana2.svg');
}

.stats-icon4 {
    display: block;
    height: 145px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('../images/svg/DataTrends-bro1.svg');
}

.sidebar .links::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.sidebar .links::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.sidebar:hover .links::-webkit-scrollbar-thumb {
    background-color: #e3e3e3;
}

.sidebar .toggle {
    display: none;
}

.modal-open .sidebar {
    right: 8px;
}

.sidebar .logo {
    height: 61px;
    min-height: 55px;
    margin-bottom: 15px;
    width: 100%;
    background-size: 80px;
    background-image: url('../images/sar-logo.svg');
    background-repeat: no-repeat;
    background-position: top 7px center;
    display: block;
    border-bottom: 1px solid var(--light-border);
    border-left: 1px solid var(--light-border);
}

.sidebar .links {
    padding: 0px 0px 0 0;
    height: 100%;
    overflow-y: auto;
}

.sidebar .links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}



.sidebar .links .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.sidebar .links ul>li {
    display: block;
}

.sidebar .links ul>li>a {
    color: var(--gray-lighter);
    text-decoration: none;
    font-size: 14px;
    height: 100%;
    display: block;
    padding: 12px 50px 12px 0;
}

.sidebar .links ul>li>a {
    position: relative;
}

.sidebar .links ul>li[uib-tooltip] {
    opacity: .4;
}

[dir="ltr"] .sidebar .links ul>li>a:before {
    left: 25px;
    right: auto;
}

.sidebar .links ul>li.active>a:before,.sidebar .links ul>li.force-active>a:before {
    width: calc(100% - 50px);
}

.sidebar .links ul>li.active a,.sidebar .links ul>li.force-active a {
    color: #fff !important;
    background: var(--primary) !important;
}
.sidebar .links ul>li.active a i,.sidebar .links ul>li.force-active a i {
    color: #fff !important;
}

.sidebar .links ul>li>a:hover {
    color: var(--gray-base);
    background: var(--light-bg);
}

.sidebar .links ul>li>a:active {
    color: var(--gray-base);
}

.sidebar .links ul>li>a>i {
    display: block;
    text-align: center;
    font-size: 18px;
    height: 24px;
    top: 14px;
    right: 17px;
    position: absolute;
}
.sidebar .links ul>li>a>i.ic-m-resources {
    font-size: 20px;
    top: 12px;
}

.sidebar .links ul>li>a .ic-services {
    font-size: 22px;
}

.sidebar .bottom-links {
    position: fixed;
    bottom: 0;
    width: 200px;
}
.sidebar .bottom-links li {
    text-align: center;
    width: 100%;
}
.sidebar .bottom-links .lang a {
    font-weight: bold;
    font-size: 13px;
}
.sidebar .bottom-links li a {
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    padding: 18px 0 !important;
    text-align: center;
    border-top: 1px solid var(--light-border);
    border-bottom: 0;
}
.sidebar .links .bottom-links i {
    position: static !important;
    display: inline-block;
    font-size: 15px;
    height: auto;
}

/* Page Layout */
.page-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
}

.page-layout>.page-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.page-layout>.page-content>div {
    height: 100%;
}

/* Page Header */
.page-header {
    height: 55px;
    padding: 8px 20px;
    background: #fff;
    border-bottom: 1px solid var(--light-border);
    /* -webkit-box-shadow: 0 1px 3px rgba(196, 207, 214, 0.4); */
    /* box-shadow: 0 1px 3px rgba(196, 207, 214, 0.4); */
    position: fixed;
    z-index: 1;
    width: calc(100% - 200px);
}

.page-header .mt-up {
    margin-top: -8px !important;
}

.page-header .breadcrumb {
    margin: 0;
    padding: 0 20px;
    background: #fff;
}

.modal-open .page-header {
    width: calc(100% - 208px);
}

.page-header h3>.count {
    font-size: 15px;
    color: var(--gray-lighter);
    margin-right: 10px;
}

.page-header .btn-light-dark:not(.btn-icon) {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 35px;
}

.page-header .btn-light-dark .ic-close {
    font-size: 10px;
}

.page-header .btn-filtered {
    position: relative;
}

.page-header .btn-filtered:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary);
    position: absolute;
    top: -3px;
    right: 0;
}

.page-header-container {
    padding: 30px 0 50px;
}

.page-header-filter>.btn-light {
    padding-left: 15px;
    padding-right: 15px;
}

.page-header-filter>.btn-icon {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
}

.page-header-filter>.btn-light:not(.input-group)::after {
    font-size: 10px;
    margin-right: 10px;
}

.page-header-filter-dropdown>.dropdown-toggle:after {
    display: none;
}

.page-header-filter-dropdown>.dropdown-menu {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    width: 500px;
    padding: 20px 20px 30px;
    margin-top: 15px;
    border-radius: 0 0 0 0;
    border: 0;
}

.page-header-filter-dropdown>.dropdown-menu .close {
    display: none;
}

.page-header-filter-dropdown>.dropdown-menu.md-size {
    width: 320px;
}

.page-header-filter-dropdown>.dropdown-menu .submit {
    margin-top: 25px;
    width: 100%;
}

.page-header-main-tabs {
    position: absolute;
    top: -27px;
}

.page-header-main-tabs .tab-list-trigger .slider .indicator {
    width: 100%;
}

.page-header-main-tabs .tab-list-trigger ul li {
    font-size: 17px;
    padding: 13px 0;
}

/* Page Header Horizontal Filters */
.page-header-h-filters .dropdown-menu.md-size {
    width: 200px;
}

.page-header-h-filters .dropdown-menu.md-size>.title-label {
    padding: 10px 20px;
}

.page-header-h-filters .tab-list-trigger {
    width: 200px;
}

/* Page Header Container */
.page-header-container {
    padding: 75px 20px 20px;
    height: 100%;
    min-height: 100%;
}

/* Page Sidebar Container */
.page-sidebar-container {
    margin-right: 200px;
    height: 100%;
}


.page-header-container .logo:hover {
    opacity: .8;
}

.page-header-container .top {
    padding: 20px 0 20px;
}

.page-header-container:not(.header-fixed) .links {
    padding: 15px 0px 50px;
}

.page-header-container .links {
    padding: 15px 0px 50px;
}

.page-header-container.links {
    padding: 15px 0px 50px;
}

.page-header-container .links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    display: flex;
}

.page-header-container .links ul>li {
    display: inline-block;
}

.page-header-container .links ul>li>a {
    color: var(--gray-light);
    text-decoration: none;
    padding: 0 25px;
    display: block;
    font-weight: 600;
    font-size: 15px;
}

.page-header-container .links ul>li>a {
    position: relative;
}

.page-header-container .links ul>li[uib-tooltip] {
    opacity: .4;
}

.page-header-container .links ul>li>a:before {
    height: 4px;
    border-radius: 17px;
    background: #e5c27e;
    position: absolute;
    content: '';
    bottom: -12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    right: 25px;
    width: 0%;
}

[dir="ltr"] .page-header-container .links ul>li>a:before {
    left: 25px;
    right: auto;
}

.page-header-container .links ul>li.active>a:before {
    width: calc(100% - 50px);
}

.page-header-container .links ul>li.active a {
    color: #e5c27e;
}

.page-header-container .links ul>li>a:hover {
    color: #e5c27e;
}

.page-header-container .links ul>li>a>i {
    display: block;
    text-align: center;
    font-size: 30px;
    margin-bottom: 18px;
}

/* Filter Tags */
.filter-tags {
    margin: -10px 0 20px;
    padding: 0;
    list-style: none;
}

.filter-tags li {
    background: #fff;
    border-radius: 5px;
    margin-left: 10px;
    display: inline-block;
    padding: 5px 10px;
    color: var(--gray-lighter);
    font-weight: bold;
}

.filter-tags li i {
    font-size: 10px;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    color: var(--gray-lighter);
    cursor: pointer;
}

.filter-tags li i:hover {
    background: var(--light-bg);
}

.filter-tags li i:active {
    background: #e6ebf1;
}

.filter-tags li i:hover {
    color: var(--gray-base);
}

/* Widget */
.widget {
    background: #fff;
    border-radius: 5px;
    /* -webkit-box-shadow: 0 2px 5px rgba(196, 207, 214, 0.4); */
    /* box-shadow: 0 2px 5px rgba(196, 207, 214, 0.4); */
}

.widget.overflow-hidden {
    overflow: hidden;
}

.widget-body {
    padding: 0 40px 30px;
}

.widget-heading {
    padding: 20px 40px;
}

.widget-title {
    font-size: 19px;
}

.widget-title.dropdown-toggle {
    cursor: pointer;
    display: inline-block;
    padding: 0 15px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 5px;
}

.widget-title-dropdown {
    margin-right: -15px;
}

.widget-title-dropdown .dropdown-item {
    font-size: 15px;
    padding: 8px 15px;
}

.widget-title-dropdown .dropdown-menu {
    width: 220px;
    margin-top: 5px;
}

.widget-title.dropdown-toggle:hover, .open .widget-title.dropdown-toggle {
    background: var(--light-bg);
}

.widget-title:after {
    font-size: 10px;
    margin-right: 10px;
}

.report-tabs {
    list-style: none;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    padding: 0;
    min-height: 0;
    display: flex;
    display: -webkit-flex;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 2px 2px #00000017;
}

.report-tabs li:not(.active) {
    cursor: pointer;
}

.report-tabs li {
    text-align: center;
    min-width: 203px;
    width: 20%;
    position: relative;
    -webkit-flex: 1;
    flex: 1;
}

.report-tabs li:not(.active):not(:hover) a {
    color: var(--gray-light);
}

.report-tabs li a {
    border-bottom: 1px solid var(--light-border);
}

.report-tabs li:not(.active):not(:hover) a {
    color: var(--gray-light);
}

.report-tabs li a {
    border-bottom: 1px solid var(--light-border);
}

.report-tabs li a {
    text-decoration: none;
    color: var(--gray-darker);
    transition: all ease .2s;
    display: block;
    height: 100%;
    padding: 15px 0;
}

.widget-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;
}

.widget-tabs li {
    padding: 6px 0;
    min-width: 65px;
    border-radius: 25px;
    cursor: pointer;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    width: 95px;
    text-align: center;
    color: var(--gray-lighter);
    font-weight: bold;
}

[dir="ltr"] .widget-tabs li {
    padding: 6px 15px;
    width: auto;
}

.widget-tabs li:not(.active):hover {
    color: var(--primary);
}

.widget-tabs li.active {
    color: var(--gray-base) !important;
    background: var(--light-bg);
}

.widget-tabs li:not(.active):hover {
    background: #f6f8fa;
    color: var(--gray-lighter) !important;
}

.widget-table-heading {
    padding: 10px 30px 10px;
    border-bottom: 1px solid var(--light-border);
    font-weight: bold;
    color: var(--gray-lighter);
}

.widget-table-body {
    padding: 0 0 25px;
}

.widget-table-body>.dot-loader {
    margin: 50px auto 30px;
}

.widget-table-body .widget-table-item:not(:last-child) {
    border-bottom: 1px solid var(--light-border);
}

.widget-table-item {
    padding: 20px 30px;
    font-weight: bold;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
}

.widget-table-item-sm {
    padding: 10px 30px;
}

.widget-table-item:hover {
    background: #f5f7fa;
}

.widget-table-item-title {
    font-weight: bold;
    text-decoration: none !important;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    cursor: pointer;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
    color: var(--gray-base);
}

.widget-table-item-sm .widget-table-item-title {
    font-size: 14px !important;
}

.widget-table-item:hover .btn-outline-primary {
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
}

.widget-table-item:hover .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.widget-table-item:hover .btn-outline-primary:active {
    color: #fff;
    background-color: var(--primary-active);
    border-color: var(--primary-active);
}

.widget-table-item:hover .progress-circle:before {
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
}

.widget-table-item .progress {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.widget-table-item .progress:hover {
    background: #e7edf3;
}

/* Loaders */
.circle-loader {
    width: 56px;
    height: 56px;
    border: 5px solid var(--light-border);
    border-top-color: var(--primary);
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader-rotate 1s linear infinite;
    animation: loader-rotate 1s linear infinite;
    top: 50%;
    margin: 0 auto 0 auto;
}

@-webkit-keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* Horizontal Loader */
.horizontal-loader {
    background: url(/assets/site/images/horizontal-loader.svg) no-repeat center;
    min-height: 8px;
    background-size: contain
}

/* Dot Loader */
.dot-loader {
    position: relative;
    left: -9999px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin-right: 15px;
    background-color: var(--primary);
    color: var(--primary);
    -webkit-box-shadow: 9999px 0 0 0 var(--primary);
    box-shadow: 9999px 0 0 0 var(--primary);
    -webkit-animation: dotLoader 1s infinite linear;
    animation: dotLoader 1s infinite linear;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.dot-loader::after, .dot-loader::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0
}

.dot-loader::before {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--primary);
    color: var(--primary);
    -webkit-animation: dotLoaderBefore 1s infinite linear;
    animation: dotLoaderBefore 1s infinite linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.dot-loader::after {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--primary);
    color: var(--primary);
    -webkit-animation: dotLoaderAfter 1s infinite linear;
    animation: dotLoaderAfter 1s infinite linear;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes dotLoader {
    0% {
        -webkit-box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0)
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9999px 0 0 0 var(--primary);
        box-shadow: 9999px 0 0 0 var(--primary)
    }

    100% {
        -webkit-box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0)
    }
}

@keyframes dotLoader {
    0% {
        -webkit-box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0)
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9999px 0 0 0 var(--primary);
        box-shadow: 9999px 0 0 0 var(--primary)
    }

    100% {
        -webkit-box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0)
    }
}

@-webkit-keyframes dotLoaderBefore {
    0% {
        -webkit-box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0)
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9984px 0 0 0 var(--primary);
        box-shadow: 9984px 0 0 0 var(--primary)
    }

    100% {
        -webkit-box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0)
    }
}

@keyframes dotLoaderBefore {
    0% {
        -webkit-box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0)
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9984px 0 0 0 var(--primary);
        box-shadow: 9984px 0 0 0 var(--primary)
    }

    100% {
        -webkit-box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0)
    }
}

@-webkit-keyframes dotLoaderAfter {
    0% {
        -webkit-box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0)
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 10014px 0 0 0 var(--primary);
        box-shadow: 10014px 0 0 0 var(--primary)
    }

    100% {
        -webkit-box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0)
    }
}

@keyframes dotLoaderAfter {
    0% {
        -webkit-box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0)
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 10014px 0 0 0 var(--primary);
        box-shadow: 10014px 0 0 0 var(--primary)
    }

    100% {
        -webkit-box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0)
    }
}

.widget-no-results {
    text-align: center;
    padding: 30px 0 10px;
    color: var(--gray-lighter);
}

.widget-no-results i {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
}

/* Help Info */
.help-info {
    width: 18px;
    height: 18px;
    line-height: 18px;
    cursor: help;
    font-size: 13px;
    border-radius: 50%;
    background: var(--light-bg);
    display: inline-block;
    text-align: center;
}

.help-info:hover {
    background: var(--light-border);
}

/* Page Wrap Loading */
.page-wrap-loading {
    position: fixed;
    background: hsla(0, 0%, 100%, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

.no-opacity>.page-wrap-loading {
    background: #fff;
}

.page-wrap-loading-title {
    font-size: 20px;
    margin-top: 15px;
}

/* Datatable */
.widget-datatable .processing {
    position: absolute;
    z-index: 4;
    background: #ffffff;
    -webkit-box-shadow: 0 0 30px #0000002b;
    box-shadow: 0 0 30px #0000002b;
    width: 100px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -50px;
    border-radius: 25px;
    padding: 20px 30px;
}

.widget-datatable>* {
    height: 100%;
}

.widget-datatable .widget-table-item-title:hover {
    color: var(--primary-hover);
}

.widget-datatable .widget-table-item-title {
    font-size: 14px;
}

.widget-datatable .widget-table-body {
    padding: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    top: 0;
}

@media (min-width: 1200px) {
    .widget-datatable {
        position: relative;
        height: 100%;
    }

    .widget-datatable.has-tabs {
        height: calc(100% - 85px);
    }

    .widget-datatable:not(.report) .table-responsive {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 0;
        margin-bottom: 1px;
    }

    .modal-project .widget-datatable .table-responsive {
        height: 100%;
        margin-top: 20px;
    }

    .modal-project .has-tabs .table-responsive {
        margin-top: 0;
    }

    .widget-datatable .dataTables_paginate {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        border-top: 1px solid var(--light-border);
        margin-top: -1px;
    }

    .widget-datatable .dataTables_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

.widget-datatable .loading .dataTables_paginate {
    display: none !important;
}

.widget-datatable.dt-primary thead th, .widget-datatable.dt-primary thead td {
    background-color: var(--primary);
    color: white !important;
    font-weight: normal;
}

.widget-datatable thead th:not(.lined), .widget-datatable td:not(.lined) {
    overflow: hidden;
    white-space: nowrap;
}

.widget-datatable-tabs {
    background: #fff;
    border-radius: 5px 5px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
}
.widget-datatable-tabs.sm-tabs {
    margin-top: 20px;
    background: #f8f8f8;
    overflow-y: hidden;
}

.widget-datatable-tabs .item {
    text-align: center;
    padding: 22px 0 15px;
    cursor: pointer;
    min-width: 250px;
    min-height: 85px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--gray-silver);
}
.widget-datatable-tabs.sm-tabs .item {
    padding: 12px 20px 7px 20px;
    min-height: auto;
    border: 0;
    width: auto;
    border-left: 0 !important;
}

.widget-datatable-tabs.sm-tabs .item .title {
    font-size: 18px;
}

.widget-datatable-tabs .item:after {
    position: absolute;
    content: '';
    bottom: -1px;
    width: 0;
    right: 0;
    background: var(--primary);
    color: var(--gray);
    height: 2px;
    transition: all .2s ease;
}
.widget-datatable-tabs.sm-tabs .item:after {
    height: 4px;
    background: var(--gray);
}
.widget-datatable-tabs.sm-tabs .item.active .title {
    color: var(--gray);
}

.widget-datatable-tabs .item.active {
    color: aliceblue;
    background: var(--primary);
}

.widget-datatable-tabs.sm-tabs .item.active {
    background: inherit;
    color: var(--gray);
}

.widget-datatable-tabs .item.active .loader {
    display: none;
}

.widget-datatable-tabs .item.active:after {
    width: 100%;
}

.widget-datatable-tabs .item:not(.active) .title,.widget-datatable-tabs .item:not(.active) .count {
    color: var(--gray-silver);
}

.widget-datatable-tabs .item:not(.active):hover .title,.widget-datatable-tabs .item:not(.active):hover .count {
    color: var(--gray-base);
}

.widget-datatable-tabs .item .title,.widget-datatable-tabs .item .count {
    font-size: 21px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.widget-datatable-tabs .item .loader {
    position: absolute;
    right: 50%;
    margin-top: -9px;
    background: url('../images/horizontal-loader.svg');
    background-size: contain;
    margin-right: -20px;
    height: 41px;
    width: 41px;
    z-index: 1;
    }

.widget-datatable-tabs .item.has-count .title {
    font-size: 18px;
}

.widget-datatable-tabs .item.has-count {
    padding-top: 14px;
}

.widget-datatable-tabs .item .count {
    font-size: 21px;
    
    display: block;
line-height: 1;}

.widget-datatable-tabs .item:not(:last-child) {
    border-left: 1px solid var(--light-border);
}

.dt-unknown {
    opacity: 0.8;
    color: var(--gray-silver);
}

.dt-long-name {
    max-width: 100%;
    white-space: pre-line;
}

/* Widget Dashboard */
.dashboard-label {
    font-weight: bold;
    color: var(--gray-lighter);
    font-size: 15px;
}

.widget-dashboard-body {
    padding: 25px 15px;
}

.widget-dashboard-body-divider {
    height: 1px;
    width: calc(100% + 60px);
    background: var(--light-bg);
    margin: 25px -30px;
}

.dashboard-count .value {
    font-weight: bold;
    margin-top: 12px;
    font-size: 24px;
}

.dashboard-count .currency {
    font-size: 20px;
    margin-right: 5px;
}

.widget-dashboard-heading {
    padding: 25px 30px;
}

.widget-dashboard-heading .title {
    font-weight: bold;
    font-size: 19px;
}

.widget-dashboard-heading .title.sm {
    font-size: 16px;
}

/* Widget loader */
.wd-loader, .wd-dark-loader {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    position: relative;
    border-radius: 25px;
}

.wd-loader {
    background: #f8f8f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f8f8f8), color-stop(18%, #ececec), color-stop(33%, #f8f8f8));
    background: -o-linear-gradient(left, #f8f8f8 8%, #ececec 18%, #f8f8f8 33%);
    background: linear-gradient(to right, #f8f8f8 8%, #ececec 18%, #f8f8f8 33%);
    background-size: 1500px 104px;
}

.wd-dark-loader {
    background: #bababa;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #bababa), color-stop(18%, #cfcfcf), color-stop(33%, #bababa));
    background: -o-linear-gradient(left, #bababa 8%, #cfcfcf 18%, #bababa 33%);
    background: linear-gradient(to right, #bababa 8%, #cfcfcf 18%, #bababa 33%);
    background-size: 1500px 104px;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 520px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 520px 0
    }
}

.animated-bg {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #ededed !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #ededed), color-stop(18%, #c7d2d8b0), color-stop(33%, #ededed)) !important;
    background: -o-linear-gradient(left, #ededed 8%, #c7d2d8b0 18%, #ededed 33%) !important;
    background: linear-gradient(to right, #ededed 8%, #c7d2d8b0 18%, #ededed 33%) !important;
    background-size: 1100px 104px;
    position: relative;
}

/* Tap Slider Trigger */
.tab-slider-trigger {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-radius: 35px;
    overflow: hidden;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab-slider-trigger:after {
    content: "";
    width: 50%;
    background: var(--light-bg);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    border-radius: 35px;
}

.tab-slider-trigger.slide:after {
    left: 50%;
}

.tab-slider-trigger li {
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    color: var(--gray-silver);
    text-transform: uppercase;
    text-align: center;
    padding: 8px 20px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab-slider-trigger li.active {
    color: var(--gray-base);
}

/* Modal Details */
.modal-details .modal-lg {
    width: initial;
    margin: 20px;
}

.modal-details-loading {
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -28px;
}

.modal-header-details {
    margin: 15px 0 15px;
}

.modal-header-details>.item-amount .value {
    font-size: 20px !important;
}

.modal-header-details>.item-amount .value span {
    font-size: 15px;
    margin-right: 5px;
}

.modal-header-details>.icon {
    font-size: 30px;
    padding-right: 0;
    text-align: center;
    padding-top: 8px;
    min-width: 100px;
    color: var(--gray-silver);
}

.modal-header-details>.icon>.label {
    font-size: 15px;
    font-weight: bold;
}

.modal-header-details>.item>.label {
    font-weight: bold;
    color: var(--gray-lighter);
    margin-bottom: 15px;
}

.modal-header-details>.item>.value {
    font-weight: bold;
    font-size: 15px;
}

.modal-header-details>.item>.badge {
    padding: 4px 20px;
    font-size: 13px;
}

.modal-header-details .controls>.btn {
    padding: 8px 20px;
}

.modal-header-details .controls .more {
    font-size: 18px;
    line-height: 15px;
    height: 40px;
}

.modal-header-details .controls>.btn:not(.more)>i {
    margin-left: 10px;
}

.modal-header-caption .title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.modal-header-caption .caption-meta {
    display: block;
    color: var(--gray-lighter);
}

.modal-header-caption .caption-meta:hover {
    color: var(--gray-base);
}

.modal-header-caption .caption-meta i {
    font-size: 15px;
    margin-left: 12px;
}

.modal-details .modal-dialog, .modal-details .modal-content {
    height: calc(100% - 20px);
}

.modal-details .modal-loader {
    margin-top: -25px;
}

.modal-details .modal-body {
    height: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
}

.modal-details .modal-body::-webkit-scrollbar-track {
    background-color: transparent;
}

.modal-cards-list {
    margin: 0 -30px;
}

.modal-details form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.modal-details form>.modal-details-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 0 0 0 0;
    height: 100%;
    position: relative;
}

.modal-details-container .modal-body::-webkit-scrollbar-track, .modal-details-container .modal-body::-webkit-scrollbar {
    background-color: var(--light-hover-bg) !important;
    width: 6px;
    height: 6px;
}

.modal-details form>.modal-details-container>.left-side {
    padding: 20px 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    overflow-y: auto;
}

.modal-details form>.modal-details-container>.left-side>.divider {
    width: calc(100% + 50px);
    margin: 30px -26px;
    height: 1px;
    background: var(--light-border);
}

.modal-details form>.modal-details-container>.left-side>.title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.modal-header-tabs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: -11px;
    margin-top: -15px;
    margin-right: -15px;
}

.modal-header-tabs>.item>a {
    font-weight: bold;
    padding: 20px 20px 15px;
    display: block;
    text-decoration: none;
    color: var(--gray-lighter);
    font-size: 15px;
    position: relative;
}

.modal-header-tabs>.item>a:before {
    content: '';
    height: 4px;
    border-radius: 5px;
    width: 0;
    position: absolute;
    bottom: 0;
    background: var(--primary);
    right: 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.modal-header-tabs>.item.active>a:before {
    width: calc(100% - 40px);
}

.modal-header-tabs>.item.active>a {
    color: var(--gray-base);
}

.modal-header-tabs>.item:not(.active)>a:hover {
    color: var(--gray-base);
}

.modal-details-overflow>.item:first-child, .modal-details-overflow>.item:nth-child(2) {
    border-top: 0;
}

.modal-details-overflow>.item {
    border-left: 1px solid var(--default-border);
    border-top: 1px solid var(--default-border);
    padding: 20px 25px;
}

.modal-details-overflow>.item>.title {
    font-weight: bold;
}

/* User Card */
.user-card-icon {
    width: 30px;
    height: 30px;
    line-height: 32px;
    display: block;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    text-align: center;
    font-size: 13px;
    text-decoration: none !important;
}

a.user-card-icon:hover {
    background: #ec003a;
    color: #fff;
}

.user-card-name {
    font-weight: bold;
    text-decoration: none !important;
    font-size: 15px;
    display: block;
    margin-bottom: 15px;
    margin-top: 2px;
}

.user-card-meta {
    margin-bottom: 10px;
    color: var(--gray-light);
}

.user-card-meta>.icon {
    margin-left: 5px;
    width: 20px;
}

/* Image */
.image {
    overflow: hidden;
    background: var(--light-bg);
    border-radius: 8px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

/* Service Row Details */
.service-row-details .image {
    height: 200px;
}

.service-row-details .title {
    font-weight: bold;
    color: var(--);
    font-size: 19px;
    text-decoration: none;
}

.service-row-details-meta .icon {
    font-size: 17px;
    color: var(--gray-silver);
}

.service-row-contents .item {
    padding-right: 30px;
    margin-bottom: 10px;
    color: var(--gray-light);
}

.service-row-contents .item:hover:before {
    background: var(--primary);
    width: 10px;
}

.service-row-contents .item:before {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 8px;
    height: 5px;
    border-radius: 5px;
    content: '';
    background: var(--light-border);
    position: absolute;
    right: 8px;
    top: 10px;
}

/* Tab List Trigger */
.tab-list-trigger {
    position: relative;
}

.tab-list-trigger input[name="tab-control"] {
    display: none;
}

.tab-list-trigger ul li label {
    font-weight: bold;
    color: #428BFF;
    margin: 0;
}

.tab-list-trigger ul {
    list-style-type: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    margin: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.tab-list-trigger ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
    padding: 7px 0 15px;
    text-align: center;
}

.tab-list-trigger ul li label {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: var(--gray-silver);
    padding: 5px auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab-list-trigger ul li label br {
    display: none;
}

.tab-list-trigger ul li label svg {
    fill: #929daf;
    height: 1.2em;
    vertical-align: bottom;
    margin-right: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tab-list-trigger ul li label:hover, .tab-list-trigger ul li label:focus, .tab-list-trigger ul li label:active {
    outline: 0;
    color: #bbb;
}

.tab-list-trigger ul li label:hover svg, .tab-list-trigger ul li label:focus svg, .tab-list-trigger ul li label:active svg {
    fill: #bec5cf;
}

.tab-list-trigger .slider {
    position: relative;
    width: 50%;
    -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    -o-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

.tab-list-trigger .slider .indicator {
    position: relative;
    width: 75px;
    max-width: 100%;
    margin: 0 auto;
    height: 4px;
    background: var(--gray-base);
    border-radius: 5px;
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
    cursor: default;
    color: var(--gray-base);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg {
    fill: var(--primary);
}

@media (max-width: 600px) {
    .tab-list-trigger input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(1):checked~.slider {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(1):checked~.content>section:nth-child(1) {
    display: block;
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
    cursor: default;
    color: var(--gray-base);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg {
    fill: var(--primary);
}

@media (max-width: 600px) {
    .tab-list-trigger input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(2):checked~.slider {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(2):checked~.content>section:nth-child(2) {
    display: block;
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
    cursor: default;
    color: var(--primary);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg {
    fill: var(--primary);
}

@media (max-width: 600px) {
    .tab-list-trigger input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(3):checked~.slider {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(3):checked~.content>section:nth-child(3) {
    display: block;
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
    cursor: default;
    color: var(--gray-base);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg {
    fill: var(--primary);
}

@media (max-width: 600px) {
    .tab-list-trigger input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(4):checked~.slider {
    -webkit-transform: translateX(-300%);
    -ms-transform: translateX(-300%);
    transform: translateX(-300%);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(4):checked~.content>section:nth-child(4) {
    display: block;
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(5):checked~ul>li:nth-child(5)>label {
    cursor: default;
    color: var(--gray-base);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(5):checked~ul>li:nth-child(5)>label svg {
    fill: var(--primary);
}

@media (max-width: 600px) {
    .tab-list-trigger input[name="tab-control"]:nth-of-type(5):checked~ul>li:nth-child(5)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(5):checked~.slider {
    -webkit-transform: translateX(-400%);
    -ms-transform: translateX(-400%);
    transform: translateX(-400%);
}

.tab-list-trigger input[name="tab-control"]:nth-of-type(5):checked~.content>section:nth-child(4) {
    display: block;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@media (max-width: 1000px) {
    .tab-list-trigger ul li label {
        white-space: initial;
    }

    .tab-list-trigger ul li label br {
        display: initial;
    }

    .tab-list-trigger ul li label svg {
        height: 1.5em;
    }
}

@media (max-width: 600px) {
    .tab-list-trigger ul li label {
        padding: 5px;
        border-radius: 5px;
    }

    .tab-list-trigger ul li label span {
        display: none;
    }

    .tab-list-trigger .slider {
        display: none;
    }
}

/* Card */
.card {
    border: 1px solid var(--light-border);
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.card:hover {
    -webkit-box-shadow: 0 5px 10px #0000001a;
    box-shadow: 0 5px 10px #0000001a;
}

/* Order Card Item */
.order-card-row {
    padding: 20px 25px;
    border: none;
    border-radius: 0;
    border-top: 1px solid var(--light-border);
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.order-card-row:hover {
    background: var(--light-hover-bg);
}

.order-card-row .image {
    width: 55px;
    height: 52px;
}

.order-card-row .title {
    font-weight: bold;
    max-width: 220px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* Beautified List */
.beautified-list .item {
    padding-right: 25px;
    margin-bottom: 10px;
    color: var(--gray-light);
    position: relative;
}

.beautified-list .item:hover:before {
    background: var(--primary);
    width: 10px;
}

.beautified-list .item:before {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 8px;
    height: 5px;
    border-radius: 5px;
    content: '';
    background: var(--light-border);
    position: absolute;
    right: 8px;
    top: 8px;
}

/* Setting Modal Options */
.setting-modal-options {
    margin: 25px -10px 20px;
}

.setting-modal-options a {
    display: block;
    text-align: center;
    padding: 25px 20px 25px;
    font-weight: bold;
    font-size: 15px;
    margin: 5px;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 0.10);
    box-shadow: 0 0 15px rgb(0 0 0 / 0.10);
    color: var(--gray-lighter);
}

.setting-modal-options a:hover {
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 0.15);
    box-shadow: 0 0 20px rgb(0 0 0 / 0.15);
    color: var(--gray-base);
}

.setting-modal-options a i {
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}

/* Switch */
.ui-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
    margin: 2px 0 0;
}

.ui-switch input {
    display: none;
}

.ui-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    border-radius: 5px;
    right: 0;
    bottom: 0;
    background-color: var(--light-bg);
    border: 1px solid #c7cace;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.ui-switch-slider:before {
    position: absolute;
    content: "";
    height: 29px;
    width: 28px;
    border-radius: 4px;
    right: -1px;
    border: 1px solid #c7cace;
    bottom: -1px;
    background-color: white;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-family: 'pmo';
    text-align: center;
    line-height: 29px;
    content: '\e94c';
    font-size: 5px;
    -webkit-box-shadow: 0 2px 5px #00000026;
    box-shadow: 0 2px 5px #00000026;
    color: #fff;
}

input:checked+.ui-switch-slider {
    background-color: var(--primary);
    border-color: var(--primary);
}

input:checked+.ui-switch-slider:before {
    font-size: 14px;
    color: var(--primary);
    border-color: var(--primary);
}

input:focus+.ui-switch-slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.ui-switch-slider:before {
    -webkit-transform: translateX(-32px);
    -ms-transform: translateX(-32px);
    transform: translateX(-32px);
}

/* Sortable List */
.sortable-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--light-border);
    border-radius: 5px;
}

.sortable-list > li {
    border-radius: 5px;
    padding: 9px 20px;
    font-weight: bold;
    cursor: move;
}

.sortable-list > li:hover {
    color: var(--primary);
}

.sortable-list > li:not(:last-child) {
    border-bottom: 1px solid var(--light-border);
}

/* Circle Check */
.circle-check {
    width: 30px;
    background: #fff;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    color: var(--gray-light);
    border: 1px solid var(--default-border);
    line-height: 32px;
    cursor: pointer;
}

.circle-check:hover,.circle-check.active:not(.checked) {
    border-color: var(--gray-light);
    color: var(--gray-base);
}

.circle-check.checked {
    color: var(--success);
    border-color: var(--success);
}

/* Emotion */
.emotion-text i {
    font-size: 17px;
}

.emotion .item {
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    width: 100%;
    color: var(--gray-silver);
}

.emotion .item.disabled {
    cursor: auto;
}

.emotion .item.disabled:not(.active) {
    color: var(--gray-silver) !important;
}

.emotion .item.sad:hover,.emotion-text .sad,.emotion .item.sad.active {
    color: #ff3e51;
}

.emotion .item.meh:hover,.emotion-text .meh,.emotion .item.meh.active {
    color: #ff8a2e;
}

.emotion .item.smile:hover,.emotion-text .smile,.emotion .item.smile.active {
    color: #4ac166;
}

.emotion .item.amazing:hover,.emotion-text .amazing,.emotion .item.amazing.active {
    color: #08d368;
}

/* Score Dots */
.score-dots .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--light-border);
    margin-left: 5px;
}

.score-dots .dot.active {
    background: #fda400;
}

/* List dot seperated */
.list-dot-seperated {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.list-dot-seperated li {
    padding: 0 5px;
    position: relative;
}

.list-dot-seperated li:not(:last-child) {
    padding-left: 20px;
}

.list-dot-seperated li:not(:last-child):before {
    content: '';
    width: 5px;
    height: 5px;
    left: 5px;
    background: var(--default-border);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    z-index: 1;
}

/* Dropzone Import Excel */
.dz-excel-message {
    margin-top: 0;
}

.dz-excel-message i {
    font-size: 36px;
}

/* Row Icon Item */
.row-icon-item i {
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    margin-left: 8px;
    text-align: center;
    background: #ededed;
    border-radius: 50%;
    color: var(--gray-dark);
}

/* Upload */
.upload-category-widget {
    padding: 50px;
}

.upload-category-widget .title {
    font-weight: bold;
    margin-left: 35px;
    position: relative;
}

.upload-category-widget .title .toggle {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 15px;
    border-radius: 3px;
    background: var(--secondary);
    color: #fff;
    position: absolute;
    left: -22px;
    top: 2px;
}

.upload-category-item.main .title .toggle {
    top: 7px;
    background: var(--primary);
    left: -25px;
}

.upload-category-widget .main .title {
    font-size: 20px;
}

.upload-category-widget .upload-category-item > i {
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    margin-left: 15px;
}

.upload-category-widget .upload-category-item .options > a {
    margin-left: 10px;
}

.upload-category-widget .upload-category-item .options .ic-more {
    font-size: 18px;
    display: block;
}

.upload-category-widget .upload-category-item.main > i {
    text-align: center;
    width: 40px;
    line-height: 39px;
    height: 40px;
    font-size: 20px;
    background: var(--primary);
}

.upload-category-widget .upload-category-item:not(.main) > i {
    min-width: 30px;
    height: 30px;
    background: var(--secondary);
    text-align: center;
    line-height: 30px;
}

.upload-category-item {
    padding: 5px 0;
    cursor: default;
}

.upload-category-item.clickable {
    cursor: pointer;
}

.upload-category-item.main:hover > i {
    background: #0c4358 !important;
}

.upload-category-item:hover > i {
    background: #1a8597 !important;
}

.upload-category-item .options {
    position: static;
    padding-right: 20px;
    opacity: 0;
    transition: all .2s ease;
}

.upload-category-item:hover .options {
    opacity: 1;
    padding-right: 0;
}

.upload-category-item.sub:before {
    height: 2px;
    right: 15px;
    width: 40px;
    background: var(--secondary);
    position: absolute;
    content: '';
}

.upload-category-sub {
    padding-right: 55px;
    position: relative;
}

.upload-category-sub:before {
    width: 2px;
    right: 15px;
    height: calc(100% - 14px);
    background: var(--secondary);
    position: absolute;
    content: '';
    top: -8px;
}

.upload-category-sub.main-sub:before {
    height: 100%;
    top: 0;
}

.upload-category-sub.main-sub {
    right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Project Category */
.project-category-widget {
    padding: 40px;
}

.project-category-item {
    cursor: pointer;
    padding: 10px;
    padding-bottom: 17px;
    background: var(--primary);
    color: #fff;
    font-weight: bold;
    padding-left: 65px;
    padding-right: 20px;
    margin-bottom: 1px;
    border-radius: 5px;
    position: relative;
}

.project-category-item:hover {
    background: #13516a;
}

.project-category-item .progress-bar {
    background: #89c9e2;
}

.project-category-item .progress-bar.planned {
    background: #e5c27e;
    color: var(--gray-base);
}

.project-category-item .title {
    font-size: 18px;
    margin-top: 7px;
}

.project-category-item .progress {
    background: #fff;
}

.project-category-item .toggle {
    position: absolute;
    left: -35px;
    font-size: 25px;
    top: 3px;
    width: 25px;
    text-align: center;
}

.project-category-item.sub {
    background: var(--secondary);
}

.project-category-item.sub:hover {
    background: #b69659;
}

.project-category-item.sub .progress-bar.planned {
    background: #e5c27e;
    color: var(--gray-base);
}

.project-category-sub {
    position: relative;
}

.project-category-sub .project-category-item {
    padding-right: 50px;
}

.project-category-sub .project-category-item .title {
    font-size: 18px;
}

.project-category-tasks .task-title {
    cursor: pointer;
    padding: 15px 90px 15px 75px;
    background: #fff;
    border-bottom: 1px solid var(--light-border);
    font-weight: bold;
    position: relative;
}

.project-category-tasks .task-title .title {
    font-size: 15px;
}

.project-category-tasks .task-title .date {
    color: var(--gray-lighter);
    margin-top: 10px;
}

.project-category-tasks .task-title .date i {
    font-size: 16px;
    margin-left: 5px;
}

.project-category-tasks .task-title .date-value {
    margin: 0 5px;
    color: var(--gray-base);
}

.project-category-tasks .task-title:hover {
    background: var(--light-bg);
}

.project-category-tasks .progress-bar.planned {
    background: #e5c27e;
    color: var(--gray-base);
}

.project-category-tasks .progress,.project-category-item .progress {
    height: 15px;
    min-width: 131px;
}

.project-category-tasks .loading {
    padding: 30px 0;
}

.progress-bar.zero {
    color: var(--gray-base);
    text-indent: 10px;
}

.task-title .progress-bar.zero {
    color: var(--gray-lighter);
}

.dataTable .progress {
    max-width: 200px;
}

.project-category-item .waiting-publish {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 45px;
    z-index: 1;
    font-size: 18px;
    text-align: center;
    top: 0;
    right: -8px;
}

.project-category-item.main .waiting-publish {
    background: rgb(21 88 114 / 85%);
}

.project-category-item.main:hover .waiting-publish {
    background: #13516a;
}

.project-category-item.sub .waiting-publish {
    background: rgb(190 158 97 / 85%);
}

.project-category-item.sub:hover .waiting-publish {
    background: rgb(182 150 89 / 85%);
}

.project-category-sub .progress-row {
    margin-right: -20px;
}

.project-category-tasks .task-title .progress-row {
    margin-right: -27px;
    margin-left: -18px;
}

/* Project Zone */
.project-zone-item {
    padding: 20px;
    text-align: center;
    border-radius: 5px;
}
.project-zone-item [ng-click] {
    cursor: pointer;
}

.project-zone-item .img {
    min-width: 185px;
    min-height: 127px;
    background: var(--light-bg);
}

.project-zone-item:hover {
    background: var(--light-bg);
}

.project-zone-item .title {
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0 5px;
}

.project-zone-item .stats {
    text-align: right
}

/* Modal Project */
.modal-project .right-side {
    border-left: 1px solid var(--light-border);
    width: 0;
    overflow: hidden;
    overflow-y: auto;
    transition: width .2s ease;
    position: absolute;
    z-index: 1;
    background: #fff;
    bottom: 0;
    top: 56px;
}

.modal-project .is-right-active {
    min-height: calc(100vh - 96px);
}

.modal-project .is-right-active .right-side {
    width: 220px;
}

.modal-project .right-side .zone-image img {
    width: 100%;
}

.modal-project .right-side .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal-project .right-side .tabs li {
    padding: 12px 20px;
    cursor: pointer;
    white-space: nowrap;
    color: var(--gray-lighter);
}

.modal-project .right-side .tabs li.active {
    background: var(--light-bg);
    color: var(--gray-base);
}

.modal-project .right-side .tabs li:hover {
    background: var(--light-bg);
    color: var(--gray-base);
}

.modal-project .right-side .tabs li i {
    margin-left: 12px;
    font-size: 17px;
}

.modal-project .right-side .tabs li:not(:last-child) {
    border-bottom: 1px solid var(--light-border);
}

.modal-project .modal-body {
    max-height: calc(100vh - 96px);
    min-height: calc(100vh - 96px);
    transition: padding-right .2s ease;
    position: static;
}

.modal-project .is-right-active .modal-body {
    padding-right: 250px;
}

.zone-card {
    padding: 25px 20px;
    border: 1px solid var(--light-border);
    margin-bottom: 20px;
}

.zone-card .progress {
    height: 17px;
}

.zone-card .name {
    font-size: 30px;
    font-weight: bold;
}

.zone-card .project-title {
    font-size: 25px;
    font-weight: bold;
}

.zone-card.has-zone .project-title {
    font-size: 20px !important;
}

.btn-back.btn-sm {
    padding: 4px 15px;
    font-size: 14px;
}

.btn-back.btn-sm i {
    font-size: 11px;
}

/* Info List */
.info-list .list-label {
    font-weight: bold;
    background: var(--light-bg);
    padding: 10px;
    height: 100%;
    border-left: 1px solid var(--default-border);
    border-right: 1px solid var(--default-border);
    color: var(--gray-lighter);
}

.info-list .list-label.col-md-12 {
    border-left: 0;
    border-bottom: 1px solid var(--default-border);
}

.info-list .list-value.col-md-12 {
    border-right: 1px solid var(--default-border);
}

.info-list .list-value {
    padding: 10px;
    font-weight: bold;
}

.info-list > .row {
    border: 1px solid var(--default-border);
    border-right: 0;
}

/* Project Status */
.project-status {
    /* background: var(--light-bg); */
    padding: 10px 0;
    margin-bottom: 15px;
    border-radius: 10px;
}

.project-status .item {
    padding: 10px 20px;
    border-radius: 25px;
    border: 2px solid transparent;
    margin: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: all .2s ease;
}

.project-status .item.active {
    color: #000;
    font-weight: bold;
    border-color: #000;
}

.project-status .item.active.item-success {
    background: #77ecac;
}

.project-status .item.active.item-warning {
    background: #fff3cd;
}

.project-zone-waiting-publish {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255 255 255 / 0.85);
    z-index: 1;
    font-weight: bold;
    font-size: 18px;
}

.progress-row.lg .progress {
    height: 26px;
    font-size: 15px;
}

.progress-row.lg .font-weight-bold {
    font-size: 16px;
}

.empty-message i {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 80px;
    margin-bottom: 20px;
    background: var(--light-bg);
    font-size: 30px;
}

.not-clickable {
    cursor: default !important;
}

.td-md {
    min-width: 150px;
}

.td-lg {
    min-width: 250px;
    width: 250px;
}

.upload-file-dt-card {
    margin: 10px 0;
}

.upload-file-dt-card .file-icon {
    width: 40px;
    margin-left: 15px;
}

.upload-file-dt-card .file-icon.img {
    height: 40px;
    overflow: hidden;
}

.upload-file-dt-card .file-icon.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.upload-file-dt-card img {
    width: 40px;
}

.iframe {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: calc(100% - 35px);
}

.iframe::-webkit-scrollbar-thumb {
    background-color: #e3e3e3;
}

.iframe::-webkit-scrollbar-track, .iframe::-webkit-scrollbar {
    background-color: var(--light-hover-bg) !important;
    width: 6px;
    height: 6px;
}

/* Dot */
.dot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}

.dt-dot {
    margin-top: 8px;
}

/* Financial Heading */
.financial-heading {
    padding: 20px;
    border-radius: 10px;
    background: rgb(26 133 151);
    background: linear-gradient(90deg, rgb(30 156 177) 0%, rgb(26 133 151) 100%);
    color: #fff;
    margin-bottom: 20px;
}
.financial-heading .row > div:not(:last-child) {
    border-left: 1px solid #fff;
}
.financial-heading .row > div > div {
    padding: 0 5px;
    font-size: 13px;
}
.financial-heading-label {
    min-height: 50px;
    margin-bottom: 10px;
}
.financial-heading-value {
    font-size: 17px;
    font-weight: bold;
}
.dashboard-click-item {
    display: block;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 5px 30px rgb(0 0 0 / 9%);
    margin: 50px 0;
    padding: 40px;
}
.dashboard-click-item:hover {
    box-shadow: 0 5px 30px rgb(0 0 0 / 15%);
}
.dashboard-click-item .title {
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}
.dashboard-click-item .desc {
    font-size: 21px;
    line-height: 1.8;
    display: block;
}
.dashboard-click-item img {
    display: block;
    margin: auto;
    max-width: 150px;
}

.dashboard-legend-item .legend-color {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

/* Editable Text */
.editable-text {
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.editable-text:after {
    transition: all .2s ease;
    content: "\e923";
    font-family: 'pmo';
    font-size: inherit;
    color: inherit;
    width: 25px;
    text-align: left;
    left: 0;
    top: -1px;
    position: absolute;
    opacity: 0;
}
.editable-text:hover:after {
    left: -25px;
    opacity: 1;
}

/* Modal Wide Select Item */
.modal-body .modal-wide-select-item {
 margin: 30px -30px 0;
    border-top: 1px solid var(--light-border);
    border-bottom: 1px solid var(--light-border);
}
.modal-wide-select-item a {
    text-align: center;
    font-size: 20px;
    width: 100%;
    padding: 50px 20px;
    color: var(--gray-lighter);
}
.modal-wide-select-item a:hover {
    color: var(--gray-base);
}
.modal-wide-select-item a:not(:last-child) {
    border-left: 1px solid var(--light-border);
}
.modal-wide-select-item a i {
    font-size: 50px;
    margin-bottom: 20px;
    display: block;
}
.modal-wide-select-item a:hover {
    background: var(--light-bg);
}
/* Evidence Card */
.evidence-card {
    border-radius: 10px;
    margin-top: 20px;
    position: relative;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}
.evidence-card:hover .evidence-card-number {
    background: #ddd;
}
.evidence-card.closed {
    background: #eeeeee;
    box-shadow: none;
    color: var(--gray-lighter);
}
.evidence-card.closed .btn-light-dark {
    background: #d5d5d5;
}
.evidence-card.closed .btn-light-dark:hover,.evidence-card.closed .btn-light-dark:active {
    background: #c5c5c5;
}
.evidence-card.closed .text-muted {
    color: var(--gray-silver);
}
.evidence-card.closed .logo {
    opacity: .4;
    filter: grayscale(1);
}
.evidence-card .row > .evidence-card-item:not(:last-child) {
    border-left: 1px solid var(--light-border);
}
.evidence-card-item {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.evidence-card-item .table {
    width: 100%;
}

.evidence-card .evidence-card-item .table {
    margin-bottom: 20px;
}

.evidence-card.closed .evidence-card-item .table {
    background: #e9e9e9;
    border-radius: 10px;
}
.evidence-card-bottom {
    padding: 0;
    height: 90px;
}
.evidence-card-bottom .attachment {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    min-width: 140px;
    padding: 20px 20px;
    border-right: 1px solid var(--light-border);
    color: var(--gray-dark);
}

.evidence-card-bottom .attachment i {
    display: block;
    font-size: 20px;
    height: 30px;
}
.evidence-card-bottom .attachment:hover,.evidence-card-bottom .check:hover {
    background: var(--light-bg);
    color: var(--gray-base);
}
.evidence-card-bottom .check .count {
    font-size: 20px;
    height: 30px;
    line-height: 23px;
}
.evidence-card-bottom .check {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    min-width: 140px;
    padding: 20px 0;
    transition: all .2s ease;
    cursor: pointer;
    border-right: 1px solid var(--light-border);
    color: var(--gray-dark);
}

.evidence-card-bottom .author {padding-right: 35px;}
.evidence-card-bottom .author .logo {
    margin-left: 20px;
}

.evidence-card-bottom .author .logo img {
    height: 40px;
}

.evidence-card-status {
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 30px;
}

.evidence-card-review-status {
    position: absolute;
    right: 50%;
    border-radius: 25px;
    font-size: 14px;
    padding: 10px;
    width: 100px;
    cursor: pointer;
    background: var(--light-active-bg);
    z-index: 1;
    top: 50%;
    margin-right: -50px;
    margin-top: -40px;
}

.evidence-card-content {
    padding: 35px 35px 35px 35px;
    font-size: 15px;
    flex-grow: 1;
    flex-direction: column;

}
.evidence-card-item:not(.no-response) .evidence-card-content {
    border-top: 1px solid var(--light-border);
}
.evidence-card-item.no-response .evidence-card-bottom {
    height: 90px;
    border-top: 1px solid var(--light-border);
}
.evidence-card-item.no-response .logo {
    filter: grayscale(1);
    opacity: .5;
    transition: all .2s ease;
}
.evidence-card:not(.closed) .evidence-card-item.no-response:hover .logo {
    opacity: 1;
    filter: none;
}

.evidence-card .controls {
    padding-left: 20px;
    opacity: 0;
    transition: all .2s ease;
}

.evidence-card-item:hover .controls {
    opacity: 1;
}

.evidence-card > .row > div:last-child .evidence-card-content {
    padding-right: 80px;
}
.evidence-card > .row > div.no-response:first-child .evidence-card-bottom {
    padding-left: 45px;
}

.evidence-card-number {
    position: absolute;
    width: 50px;
    height: 50px;
    color: var(--gray-base);
    font-size: 15px;
    font-weight: bold;
    border-radius: 0 30px 30px 0;
    background: #eee;
    right: -25px;
    top: 0;
    margin-right: -25px;
    text-align: center;
    line-height: 50px;
}