body,
.blue-grey.lighten-5 {
    background: #f8f8f8 !important;
}

.tabs {
    background: none !important;
}

#main {
    padding-top: 40px;
}

.navbar .navbar-light {
    background: #ffffff;
}

.font--small {
    font-size: 12px;
}

.input-field > label {
    font-size: 0.9rem;
}

.headingRed {
    color: #a41f36 !important;
}

#login-page .card-panel,
#forgot-password .card-panel {
    background: #f47339 !important;
    background-color: #f47339 !important;
    color: #ffffff !important;
}

#login-page .card-panel h6,
#forgot-password .card-panel h6 {
    color: #ffffff;
}

#login-page .card-panel input:not([type]),
#login-page .card-panel input[type="text"]:not(.browser-default),
#login-page .card-panel input[type="password"]:not(.browser-default),
#login-page .card-panel input[type="email"]:not(.browser-default),
#login-page .card-panel input[type="url"]:not(.browser-default),
#login-page .card-panel input[type="time"]:not(.browser-default),
#login-page .card-panel input[type="date"]:not(.browser-default),
#login-page .card-panel input[type="datetime"]:not(.browser-default),
#login-page .card-panel input[type="datetime-local"]:not(.browser-default),
#login-page .card-panel input[type="tel"]:not(.browser-default),
#login-page .card-panel input[type="number"]:not(.browser-default),
#login-page .card-panel input[type="search"]:not(.browser-default),
#login-page .card-panel textarea.materialize-textarea,
#forgot-password .card-panel input:not([type]),
#forgot-password .card-panel input[type="text"]:not(.browser-default),
#forgot-password .card-panel input[type="password"]:not(.browser-default),
#forgot-password .card-panel input[type="email"]:not(.browser-default),
#forgot-password .card-panel input[type="url"]:not(.browser-default),
#forgot-password .card-panel input[type="time"]:not(.browser-default),
#forgot-password .card-panel input[type="date"]:not(.browser-default),
#forgot-password .card-panel input[type="datetime"]:not(.browser-default),
#forgot-password .card-panel input[type="datetime-local"]:not(.browser-default),
#forgot-password .card-panel input[type="tel"]:not(.browser-default),
#forgot-password .card-panel input[type="number"]:not(.browser-default),
#forgot-password .card-panel input[type="search"]:not(.browser-default),
#forgot-password .card-panel textarea.materialize-textarea {
    background: #ffffff !important;
    border: 0 !important;
}

#login-page .card-panel [type="checkbox"] + span:not(.lever),
#forgot-password .card-panel [type="checkbox"] + span:not(.lever) {
    color: #ffffff !important;
}

#login-page .card-panel .input-field label.active,
#forgot-password .card-panel .input-field label.active {
    top: -5px;
    color: white !important;
    left: 10px !important;
    background: none;
    background-color: transparent !important;
}

input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea {
    line-height: 2.8rem;
}

[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border-color: #e0e0e0;
    border-radius: 5px;
}

[type="checkbox"]:checked + span:not(.lever):before {
    border-radius: 0;
    top: 0px;
    left: -1px;
    width: 10px;
    height: 15px;
}
.close-dropdown-li {
    display: none;
}
#login-page .login-page-inner {
    min-width: 400px;
}
.visible-lg {
    display: block;
}
.z-depth-1,
.sidenav,
.collapsible,
.dropdown-content,
.btn-floating,
.btn,
.btn-small,
.btn-large,
.toast,
.card,
.card-panel,
.brand-sidebar,
nav,
.user-product-create-inner,
.col.s12.l9.m6.product-create-inner {
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.05);
}

.sidenav {
    padding-top: 20px;
    border-radius: 0 !important;
}

.sidenav li {
    margin-left: 10px;
}

.card {
    border-radius: 5px;
}

.collapsible {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 5px;
}

.collapsible .collapsible-header,
.collapsible .collapsible-body {
    border-radius: 5px;
}

.globle-filter {
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.05) !important;
}

.brand-sidebar .logo-wrapper {
    padding-top: 10px;
}

#main {
    padding-right: 15px;
}

.navbar .navbar-list {
    margin-right: 15px;
}

.tabs {
    margin-left: -5px;
}

.tabs.account_tabs {
    background: none !important;
}

table.dataTable th,
table.dataTable td {
    font-size: 0.8rem;
    font-weight: 400;
}

.tabs .tab a,
.datatableFooter {
    font-size: 0.8rem;
}

.btn-large {
    font-size: 0.8rem;
    line-height: 44px;
    height: 44px;
}

.btn-large:hover {
    box-shadow: none !important;
    opacity: 0.8;
}

table .dropdown-content {
    border-radius: 5px;
}

table .dropdown-content li > a,
table .dropdown-content li > span {
    font-size: 14px;
}
table .dropdown-content .close-dropdown i {
    color: #3c3c3c !important;
}
table .dropdown-content li > a i,
table .dropdown-content li > span i {
    font-size: 14px;
}

a.permissionName {
    color: #000;
}

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

.card .card-content {
    padding: 24px 30px;
}

.materialize-textarea {
    padding-top: 0.1rem;
}

input.select-dropdown.dropdown-trigger {
    font-size: 1rem;
}

input:hover {
    box-shadow: none !important;
    outline: none !important;
}

#data-table-contact {
    max-width: 100%;
}

.dataTables_info {
    display: none;
}

.modal .modal-footer {
    background-color: transparent;
    border-top: 0 !important;
}

#uploadFile {
    width: 400px;
    height: 220px;
    padding: 0 20px;
}

body input[type="text"]:not(.browser-default):focus.valid {
    border: 0 !important;
}

body .file-path {
    border: 0 !important;
}

body .file-path.valid {
    border: 0 !important;
}

.app-file-content nav {
    background: none;
    color: #000;
    box-shadow: none;
    margin-left: -10px;
}

.app-file-content nav .col {
    padding-left: 0;
}

.app-file-content nav .breadcrumb {
    color: #000;
}

.app-file-details {
    font-size: 12px;
    padding: 20px 0px;
}

.app-file-label {
    font-size: 1rem;
}

.select-wrapper .caret {
    right: 15px;
}

.paginate .select-wrapper .caret {
    right: 0px;
}

.btn:hover,
.btn-small:hover,
.btn-large:hover {
    box-shadow: none !important;
    opacity: 0.8;
}

.btn,
.btn-small,
.btn-large {
    box-shadow: none !important;
}

#additem,
#removeitem {
    height: 44px;
}

#removeitem {
    background: none;
    border: 1px solid #000;
    color: #000;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-family: "Poppins, Regular" !important;
    font-weight: 400;
}

.dropdown-content,
.select-wrapper {
    font-family: "Poppins, Regular" !important;
    /* font-family: "Montserrat", sans-serif !important; */
}

.workflow-steps .row {
    border: 0;
}

.workflow-steps button[type="submit"] {
    margin-right: 0 !important;
    width: 100%;
}

.modal-content .select2-selection__clear {
    display: none;
}

.modal-content .select2-selection__choice__remove {
    color: #000;
}

.navbar #profile-dropdown a {
    font-size: 0.8rem;
}

.navbar #profile-dropdown i {
    font-size: 0.8rem;
}

.navbar .dropdown-content {
    padding: 15px;
    border-radius: 5px;
}

.navbar #notifications-dropdown li {
    padding-left: 0;
    padding-bottom: 10px;
}

.navbar #notifications-dropdown li:hover {
    background: none;
    opacity: 0.5;
}

.navbar #notifications-dropdown li a {
    font-size: 0.8rem;
}

.navbar #notifications-dropdown li a:hover {
    background: none;
}

table.dataTable.no-footer {
    border-bottom: 0;
}

#qtyRequest .modal-content {
    padding-bottom: 40px;
}

#progress-bar-container #line {
    background-color: #f47339;
}

#progress-bar-container li:after {
    width: 27px;
    height: 27px;
    background: #f47339;
}

#progress-bar-container li .step-inner {
    padding-left: 11px;
    bottom: 6px;
}

body .sidenav-main {
    background: #f47339 !important;
}

body .sidenav-main .sidenav{
    overflow-y: auto;
}
body .sidenav-main .brand-sidebar,
body .sidenav-main .sidenav,
body .sidenav-main .bottom-company-logo {
    background: #f47339 !important;
}

body .sidenav-main a,
body .sidenav-main i,
body .sidenav-main .logo-text {
    color: #ffffff !important;
}

body .sidenav-main hr {
    border-color: #ffffff !important;
    display: block;
    border-width: 1px;
    width: 90%;
    margin: 0 auto;
    border-top: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #a41f36 !important;
}

.viewAllBtn {
    color: #000000;
    font-size: 12px;
}

.viewAllBtn a,
.viewAllBtn i {
    color: #000000;
    font-size: 12px;
}

.viewAllBtn i {
    font-size: 14px;
    margin-right: 5px;
}

.cat-tab.active,
.cat-tab:hover,
.cat-tab:focus {
    background: #f47339;
}

.tabs .indicator {
    background-color: #f47339;
}

.dropdown-content li > a,
.dropdown-content li > span {
    color: #000000;
}

.dropdown-content li > a i,
.dropdown-content li > span i {
    color: #f47339;
}

.sidenav-active-rounded .sidenav li:not(.open) > a.active {
    background-color: rgba(0, 0, 0, 0.4) !important;
    color: #ffffff !important;
}

.nav-expanded .sidenav .active .menu-title {
    color: #ffffff !important;
}

.folder_shared {
    color: #f47339;
}

.collapsible-header {
    color: #a41f36;
}

[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid #f47339;
    border-bottom: 2px solid #f47339;
}

.dataTable i {
    color: #f47339;
}

.btn-orange {
    color: #ffffff !important;
    background: #f47339 !important;
}

.tree {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
}

.tree img {
    height: 100vh;
    width: auto;
}

.small-tree {
    position: absolute;
    top: 40px;
    right: 0;
    width: 300px;
}

.small-tree img {
    width: 100%;
}

.leaves {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    z-index: -1;
}

.leaves img {
    width: 100%;
}

#orderSuccess {
    width: 35%;
    z-index: 11003;
    transform: initial !important;
    top: 10%;
}

.badge-custom {
    color: black;
    border-radius: 4px;
    padding: 0px 4px;
    color: white;
    min-width: 30px;
    text-align: center;
    display: inline-block;
}

.badge-custom.yes {
    background: green;
}

.badge-custom.no {
    background: #a41f36;
}
.disabled-link {
    pointer-events: none;
}
.align-items-content {
    align-items: center;
    display: flex;
}
/* start bundle products order popup style */
.bundle-popup .disabled {
    cursor: no-drop !important;
}
.bundle-footer {
    display: flex;
    align-items: center;
}
.bundle-footer div,
.bundle-footer .golden-charter-left-button,
.bundle-footer .golden-charter-left-button-btn {
    flex: 1;
}
.bundle-footer .golden-charter-left-button-btn button {
    flex: 1;
    margin: 0px 7px !important;
}
.confirm-bundle-product-number {
    color: #a41f36;
}
.bundle-image {
    width: 100px;
    min-width: 100px;
    height: 150px;
    object-fit: cover;
    margin-right: 15px;
}
.bundle-list .row {
    margin: 13px 0px;
}
.bundle-content {
    display: flex;
    align-items: center;
}
.bundle-product-actions {
    display: flex !important;
}
.bundle-product-actions button {
    height: 50px;
    width: 70px;
    outline: none;
    border: none;
    border-radius: 4px;
    margin-right: 7px;
    background: #f0f0f0;
    color: #000;
}
.bundle-product-actions .active {
    background: #a41f36 !important;
    color: #fff !important;
}
.bundle-product-actions .eye-btn {
    border: 1px solid #121111b8 !important;
}
/* scroll style for bundle popup */
.bundle-popup::-webkit-scrollbar {
    width: 3px;
}
.bundle-popup::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.bundle-popup::-webkit-scrollbar-thumb {
    background: #a41f36;
}
.bundle-popup::-webkit-scrollbar-thumb:hover {
    background: #a41f36;
}
/* end bundle products order popup style */

.pagination-links {
    a {
        color: black;
    }
    .disabled {
        a {
            color: grey;
        }
        pointer-events: none;
    }

    i {
        font-size: 2rem;
    }
}

.c-footer {
    display: none;
}

.page-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.3) url(../../images/loader.gif) no-repeat center;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.res--filter,
.card--main-wrapper,
.res-search-btn,
.desk--none,
.res-media-view-main > nav,
.res-media-view-main .nav-wrapper,
.res-media-view-main .app-file-label {
    display: none;
}
.desk--flex {
    display: flex;
}
.desk--block {
    display: block !important;
}
.desk--justify {
    justify-content: center;
}
.card--body {
    position: relative;
    z-index: 1;
}
.card--body::after {
    position: absolute;
    content: "";
    /* max-width: 311px; */
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
    z-index: -1;
    top: auto;
    bottom: 0px;
    left: 0%;
    right: 0%;
    /* transform: translateX(-50%); */
}
.global-search-modal,
.sidebar-modal,
.notification-modal,
.res-archive-modal,
.res-report-widgets-modal,
.res-schedule-modal,
.res-addWorkFlow-modal,
.global-modal {
    top: 0px !important;
    max-height: 100% !important;
    background-color: #f8f8f8 !important;
}
.global-search-modal .modal-content {
    padding: 43px 13px 93px 12px;
    position: relative;
}
.global-search-modal .modal-content .modal-close {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: auto;
    left: auto;
    right: 13px;
    bottom: 26px;
    box-shadow: 0px 0px 16px #00000017;
}
.global-search-modal .modal-content .global-search-field {
    position: relative;
    margin-bottom: 27px;
}
.global-search-modal .modal-content .global-search-field input {
    margin-bottom: 0px;
    padding-left: 19px;
    padding-right: 50px;
}
.global-search-modal .modal-content .global-search-field button {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 4px;
}
.global-search-modal .modal-content .global-search-field button img {
    width: 21px;
    height: 21px;
}
.global-search--title {
    padding-bottom: 30px;
}
.search--list .search--content {
    padding-top: 21px;
    padding-bottom: 23px;
}
.mobile--sidebar {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 111;
}
.res--mobile-btn {
    width: 63px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: fixed;
    top: auto;
    bottom: 26px;
    left: 13px;
    z-index: 1010;
}
.sidebar-modal .modal-content {
    padding: 17px 13px 24px 12px;
}
.sidebar--body {
    padding: 62px 0px;
    position: relative;
}
.sidebar--body .modal-close {
    width: 55px;
    height: 55px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: 6px;
    left: 5px;
}

.sidebar--body ul li {
    max-width: 317px;
    width: 100%;
    /* padding: 0px 29px; */
}
.sidebar--body ul li a {
    margin: 0px 15px;
    padding: 0px 15px;
}
.res-notification--btn-box {
    width: fit-content;
    height: 30px;
    gap: 0px 20px;
    position: absolute;
    top: 34px;
    left: auto;
    right: 13px;
}
.res-notification--btn-box .notification-button {
    position: relative;
    width: 27px;
    display: flex;
    align-items: end;
}
.res-notification--btn-box .notification-button .notification-badge {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0px;
    left: auto;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
}
.notification-modal .modal-content {
    padding: 36px 12px 95px 12px;
}
.notification-modal .modal-content .modal-title {
    padding-bottom: 19.5px;
    margin-bottom: 22.5px;
}
.notification-modal .modal-content .notifications {
    height: calc(100% - 80px);
}
.notification-modal .modal-content .notifications ul li {
    margin-bottom: 32px;
}
.notification-modal .modal-content .notifications ul li:last-child {
    margin-bottom: 0px;
}
.notification-modal .modal-content .notifications ul li a {
    min-width: 191px;
    max-width: 320px;
}
.card--wrapper .res-global-search,
.res-global-search {
    position: relative;
}
.card--wrapper .res-global-search input,
.res-global-search input {
    box-sizing: border-box;
    padding: 0px 50px 0px 14px;
}
.card--wrapper .res-global-search button,
.res-global-search button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 7px;
}
.card--inner-view .checkbox-label,
.card--inner-view .card--check {
    display: block;
    width: fit-content !important;
}
.global--check .checkbox-label .check-mark,
.card--inner-view .card--check span {
    width: 20px;
    height: 20px;
    margin-left: 0px;
    line-height: normal;
    padding-left: 0;
    padding-right: 0;
    display: block;
    margin-right: 0px;
}
.global--check .checkbox-label .check-mark::before,
.card--inner-view .card--check span::before {
    margin-top: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #bfbfbf !important;
}
.card--wrapper .checkbox-label input:checked ~ span::before,
.card--inner-view .card--check input:checked ~ span::before,
.global--check .checkbox-label input:checked ~ span::before {
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    top: 1px;
    left: 1px;
    transform: rotate(45deg);
    width: 7px;
    height: 13px;
}
.card--wrapper .checkbox-label input:checked ~ span,
.global--check .checkbox-label input:checked ~ span {
    background-color: #f47339;
    border-radius: 3px;
}
.card--content {
    max-width: 205px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.card--content a {
    display: block;
    font-size: 13px !important;
    letter-spacing: -0.13px;
    line-height: 19px;
    margin-bottom: 5px;
    color: #3c3c3c;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Poppins, Regular";
    font-weight: 400;
}
.res--link-content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.res--link-content a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: fit-content !important;
}
.res--link-content a span {
    display: block !important;
    padding: 0px !important;
    color: #3c3c3c;
    font-size: 13px !important;
    letter-spacing: -0.13px;
    width: fit-content;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.action--btn {
    display: flex;
    align-items: center;
}
.action--btn a {
    background-color: transparent !important;
    padding: 0;
}
.action--btn a i {
    color: #3c3c3c;
}
.action--btn .dropdown-content {
    min-width: 202px;
    box-shadow: 0px 2px 26px #0000001f !important;
    border-radius: 5px;
}
.action--btn .dropdown-content li a {
    font-size: 13px;
    letter-spacing: -0.13px;
    color: #3c3c3c;
}
.dropdown-content li > a {
    padding: 14px 17px;
}
.active--card-body .active-card-inner-body {
    padding: 20px 16px 17px 16px;
}

.global--pagination .select-wrapper {
    max-width: 50px;
}

.active--card-pagination .select-wrapper,
.report--pagination .select-wrapper,
.global--pagination .select-wrapper {
    width: 100%;
}
.active--card-pagination .select-wrapper .dropdown-trigger,
.report--pagination .select-wrapper .dropdown-trigger,
.global--pagination .select-wrapper .dropdown-trigger {
    box-sizing: border-box;
    border: none;
    padding-left: 0px;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.12px;
    color: #3c3c3c;
    height: 35px !important;
}
.active--card-pagination .select-wrapper .caret,
.report--pagination .select-wrapper .caret,
.global--pagination .select-wrapper .caret {
    right: 0px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}
.active--card-pagination form,
.report--pagination form,
.global--pagination form {
    width: 27%;
}
.reporting--card .reporting-inner--card {
    padding: 17px 21px 22px 19px;
}
.reporting--card .reporting-inner--card:last-child {
    padding: 17px 21px 21px 19px;
}
.reporting--card .dropdown-content,
.workflow--card .dropdown-content {
    width: 202px !important;
}
.reporting--card .dropdown-content li a,
.schedule-card .dropdown-content li a,
.workflow--card .dropdown-content li a,
.workflow--card .dropdown-content li button {
    display: flex;
    align-items: center;
    font-size: 13px;
    letter-spacing: -0.13px;
    color: #3c3c3c;
}
.res--report-create .select-dropdown {
    box-sizing: border-box !important;
    border: 1px solid #e0e0e0 !important;
    /* height: 46px !important; */
    border-radius: 3px !important;
    color: #3c3c3c;
    font-size: 12px !important;
    letter-spacing: -0.12px;
    /* padding-left: 14px !important; */
}
.res--report-create .select-dropdown li > span,
.res-select .select-dropdown li > span {
    font-size: 12px !important;
    letter-spacing: -0.12px;
    color: #3c3c3c !important;
}
.schedule--card-body .schedule--inner-card {
    padding: 17px 19px;
}
.schedule--card-body .schedule--inner-card:last-child {
    padding-bottom: 0px;
}
.error {
    color: #ff4081;
}
.toggle-container {
    display: flex;
    align-items: center;
    gap: 12px;
}
.toggle-switch {
    position: relative;
    width: 170px;
    height: 46px;
    background-color: #e0e0e0;
    border-radius: 40px;
    box-sizing: border-box;
    transition: background-color 0.3s;
}
.toggle-switch input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}
.toggle-indicator {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 78px;
    height: 38px;
    background-color: #ffffff;
    border-radius: 40px;
    transition: left 0.3s ease;
    transform: translateY(-50%);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.toggle-option {
    flex: 1;
    text-align: center;
    z-index: 2;
    user-select: none;
    pointer-events: none;
}
.toggle-switch input:checked ~ .toggle-indicator {
    left: 87px;
}
.art--card-content {
    max-width: 100% !important;
}
.art-img-content img {
    min-width: 59px;
    width: 59px !important;
    height: 62px !important;
    box-shadow: 0px 0px 26px #6767672c !important;
}
.media-three-column {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}
.media-three-column .media-column .media-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.media-column .media-item {
    margin-bottom: 35px;
}
.media-column .media-item:last-child {
    margin-bottom: 66px;
}
.res-permission_view {
    margin: 12px 0px !important;
    height: calc(100vh - 244px);
    overflow-y: auto;
}
.res-permission_view ul {
    margin: 0px !important;
    padding-left: 0px !important;
}
.res-permission_view ul li {
    font-size: 14px !important;
    letter-spacing: -0.14px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 20px;
    position: relative;
    padding-left: 6px;
    color: #3c3c3c;
}
.res-permission_view ul li::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #3c3c3c;
    border-radius: 50%;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}
.res-permission_view ul li:last-child {
    margin-bottom: 0px;
}
.black-check--container .check-mark {
    width: 20px;
    height: 20px !important;
    position: relative;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
}
.black-check--container [type="checkbox"] + span:not(.lever)::before {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    border: 1px solid transparent;
    border-radius: 3px;
}
.black-check--container [type="checkbox"]:checked + span:not(.lever):before {
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}
.black-check--container [type="checkbox"]:checked + span:not(.lever):before {
    border-radius: 0;
    top: 1px;
    left: 1px;
    width: 6px;
    height: 12px;
    transform: rotate(45deg) !important;
}
.collapsable-btn .collapsible {
    box-shadow: none !important;
}
.collapsable-btn i {
    color: #3c3c3c;
    font-size: 20px;
}
.card--inner .chip {
    margin-bottom: 0px;
    margin-right: 0px;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: -0.13px;
    font-weight: 500;
    background-color: #eedfdd;
    color: #3c3c3c;
}
.sub-order .dropdown-content {
    min-width: 202px;
    width: 202px;
}
.normal-bg p,
.normal-bg .dropdown-trigger i {
    color: #3c3c3c !important;
}
.highlight a,
.highlight p,
.highlight a i {
    color: #ffffff !important;
}
.res-textarea label {
    top: 18px !important;
    left: 14px !important;
}
.res-textarea > label:not(.label-icon).active {
    transform: translateY(-24px) scale(0.8) !important;
}
.res-upload-file .res--field {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.workflow--wrapper .workflow--inner-wrapper {
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid rgba(112, 112, 112, 15%);
}
.workflow--wrapper .workflow--inner-wrapper:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.workflow--wrapper .workflow--inner-wrapper p {
    margin-bottom: 14px;
}
.workflow--wrapper .workflow--inner-wrapper:first-child p:first-child {
    margin-bottom: 5px;
}
.res-media-view-main .app-file-files {
    margin-left: 0px;
    margin-right: 0px;
}
.res-media-view-main .app-file-files .app-file-info {
    margin-bottom: 0px !important;
    height: 100%;
}
/* .res-media-view-main .app-file-files .app-file-info .card-content {
    padding: 0px;
} */
.res-media-view-main .app-file-files form .col {
    padding-left: 0px;
    padding-right: 0px;
    flex: 1;
}
.res-media-view-main .app-file-files form {
    display: flex;
    /* align-items: center; */
    height: 100%;
    flex-wrap: wrap;
    gap: 35px 12px;
}
.res--textarea-content textarea::placeholder {
    color: #3c3c3c;
}
.down--arrow img {
    transform: rotate(-90deg);
}
.up--arrow img {
    transform: rotate(270deg);
}
.res-input-field {
    position: relative;
}
.res-input-field > label {
    color: #9e9e9e;
    position: absolute;
    width: fit-content !important;
    top: 50%;
    left: 14px;
    font-size: 1rem;
    cursor: text;
    transition: transform 0.2s ease-out, color 0.2s ease-out;
    transform-origin: 0% 100%;
    text-align: initial;
    transform: translateY(-50%);
}
.res-input-field > label:not(.label-icon).active {
    transform: translateY(-14px) scale(0.8);
    transform-origin: 0 0;
}
.res-input-field label.active {
    top: 7px;
    padding: 0px 6px;
    background-color: #fff;
}
.email--card .dropdown-content,
.category--card .dropdown-content {
    width: 202px !important;
    box-shadow: 0px 2px 26px #00000029 !important;
    border-radius: 5px !important;
}
.email--card .dropdown-content li > a {
    font-size: 13px;
    letter-spacing: -0.13px;
}
.email--card .dropdown-content li > a > i {
    width: 24px;
    height: 24px;
}
.res-login-input-field > .active {
    background-color: transparent !important;
    top: -10px !important;
    left: 0px;
    padding: 0px !important;
    font-size: 12px !important;
    letter-spacing: -0.12px !important;
    line-height: 17px;
    color: #ffffff !important;
}
@supports (-webkit-touch-callout: none) {
    .card--wrapper .checkbox-label input:checked ~ span::before,
    .card--inner-view .card--check input:checked ~ span::before,
    .global--check .checkbox-label input:checked ~ span::before {
        border-top: 1px solid transparent !important;
        border-left: 1px solid transparent !important;
        border-right: 1px solid #ffffff !important;
        border-bottom: 1px solid #ffffff !important;
        top: 1px;
        left: 1px;
        transform: rotate(45deg);
        width: 7px;
        height: 13px;
    }
}

.sidebar--body ul li a.active{
  background-color: rgba(0,0,0,0.4) !important;
  color: #fff !important;
  border-radius: 5px;
}

.res-modal-size .modal-content {
    position: initial !important;
}

.res-modal-size .modal-footer {
    position: initial !important;
}

.golden-charter-right-inner{
    /* background-color:red !important; */
}

@media screen and (max-width: 1024px) {
    .globle-filter{
        margin-top: 0 !important;
    }
    .navbar-list .globle-filter{
        margin: 13px 0 0 0 !important;
    }
}