/* @font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; */
:root {
    /*--i-body-bg: #f7f6f7;*/
    font-family: Inter, sans-serif;
    --i-body-bg: #E3E9ED;
    --i-body-color: #000000; /*#4c4c5c*/
    --i-body-line-height: 1.5;
    --i-body-font-size: 0.875rem;
    --i-body-font-weight: 400;
    --i-primary: var(--i-color1);
    --i-light: #eef2f7;
    --i-color1: #009190;
    --i-blue: #1672c2;
    --i-grey88: #E0E0E0;
    --i-grayish-blue: #008CBA;
    --i-color-white: #ffffff;
    --i-ct-box-shadow: 0 1px 2px rgba(57, 62, 80, 0.15);
    /* --i-card-title-color: var(--accent-color); */
    --i-card-title-color: #000000;
    --i-card-header-bg-rgb: 245, 245, 245;
    --i-card-subtitle-color: #000000;
    --i-grey: #A5A9AF;
    --i-grey-rgb: 165, 169, 175;
    /* --i-card-color: #009190; */
    --i-border-width: 1px;
    --i-border-radius: 0.5rem;
    --i-border-radius-sm: 0.25rem;
    --i-border-radius-lg: 0.4rem;
    /* --i-dark-rgb: 49, 58, 70; */
    --i-dark-rgb: 0, 0, 0;
    --i-green-rgb: 0, 145, 144;
    --i-grey88-rgb: 224, 224, 224;
    --color-1: #009190;
    --i-info: #23c6c8;
    --i-danger: #ed5565;
    --i-light-bg-subtle: #fbfbfd;
    --i-primary-bg-subtle: #ddf4ef;
    --i-info-rgb: 35, 198, 200;
    --i-light-rgb: 238, 242, 247;
    --i-primary-rgb: 26, 179, 148;
    --i-secondary-rgb: 0, 112, 255;
    --i-danger-rgb: 237, 85, 101;
    --i-light-bg-subtle-rgb: 251, 251, 253;
    --filter-1: invert(42%) sepia(41%) saturate(6617%) hue-rotate(157deg) brightness(91%) contrast(101%);
    --i-font-size-xxs: 11px;
    --i-font-size-xs: 12px;
    --i-font-size-base: 13px;
    --i-font-size-sm: 14px;
    --i-font-size-md: 15px;
    --i-font-size-lg: 16px;
    --i-font-size-xl: 18px;
    --i-font-size-xxl: 20px;
    --i-font-weight-bold: 700;
    --i-font-weight-semibold: 600;
    --i-sidenav-width: 266px;
    --i-topbar-height: 69px;
    --i-theme-card-border-width: 1px;
    --i-border-color: #e7e9eb;
    /* Form control border */
    --i-border-color2: #dee2e6;
    --i-border-style: solid;
    --i-theme-card-border-color: var(--i-border-color);
    --i-box-shadow: 0px 1px 4px 0px rgba(31, 35, 41, 0.15);
    --i-topbar-bg: #ffffff;
    --i-link-hover-color: #16987e;
    --i-link-color: #1ab394;
    --i-secondary-color: #9ba6b7;
    --i-secondary-bg: #fff;
    --i-tertiary-bg: #f6f7fb;
    --i-black-rgb: 0, 0, 0;
    --primary-color: #11121a;
    --hover-color: #272832;
    --accent-color: #0071ff;
    --text-color: #c9c9c9;
    --grid-gutter: 1rem;
    --card-size: min(calc((100vh - 6 * var(--padding)) / 3),
            calc((100vw - 6 * var(--padding)) / 3));
    --i-font-inter: "Inter", sans-serif;
    --i-light-text-emphasis: #8a969c;
    --i-success-text-emphasis: #09b080;
    --i-success-bg-subtle: #daf8ef;
    --i-border-radius: 0.3rem;
    /**********************************************************/
    --color-white: #ffffff;
    --color-teal-T900: var(--teal-800, #014847);
    --color-teal-T800: var(--teal-700, #016968);
    --color-teal-T700: var(--teal-500, #04a29f);
    --color-teal-T600: var(--teal-400, #05bdba);
    --color-teal-T500: var(--teal-200, #32e6e2);
    --color-teal-T400: var(--teal-200, #32e6e2);
    --color-teal-T300: var(--teal-100, #8efbf7);
    --color-teal-T200: var(--teal-100, #8efbf7);
    --color-teal-T100: var(--teal-000, #d3f8f6);
    --color-teal-T050: var(--teal-000, #d3f8f6);
    --color-blue-B900: var(--blue-900, #1b205b);
    --color-blue-B800: var(--blue-900, #1b205b);
    --color-blue-B700: var(--blue-800, #2036a1);
    --color-blue-B600: var(--blue-800, #2036a1);
    --color-blue-B500: var(--blue-700, #2e51ed);
    --color-blue-B400: var(--blue-500, #5d8df5);
    --color-blue-B300: var(--blue-400, #80abfa);
    --color-blue-B200: var(--blue-300, #9cbef6);
    --color-blue-B100: var(--blue-100, #cde2ff);
    --color-blue-B050: var(--blue-000, #ebf1fb);
    --color-gray-L800: var(--neutral-light-800, #181a1c);
    --color-gray-L700: var(--neutral-light-700, #353a3e);
    --color-gray-L600: var(--neutral-light-600, #778089);
    --color-gray-L500: var(--neutral-light-500, #778089);
    --color-gray-L400: var(--neutral-light-400, #9da7b2);
    --color-gray-L300: var(--neutral-light-200, #e9ebed);
    --color-gray-L200: var(--neutral-light-100, #f6f6f7);
    --color-gray-L100: var(--neutral-light-100, #f6f6f7);
    --color-gray-L000: var(--neutral-light-000, #ffffff);
    --color-gray-D800: var(--neutral-dark-800, #12181f);
    --color-gray-D700: var(--neutral-dark-700, #1e242c);
    --color-gray-D600: var(--neutral-dark-700, #1e242c);
    --color-gray-D500: var(--neutral-dark-600, #272f38);
    --color-gray-D400: var(--neutral-dark-400, #4d565f);
    --color-gray-D300: var(--neutral-dark-300, #7e8792);
    --color-gray-D200: var(--neutral-dark-200, #b9c2cd);
    --color-gray-D100: var(--neutral-dark-100, #e6ecf2);
    --color-gray-D000: var(--neutral-dark-000, #ffffff);
    --color-yellow-Y900: var(--gold-700, #8c4c0d);
    --color-yellow-Y800: var(--gold-600, #a85d13);
    --color-yellow-Y700: var(--gold-500, #d5771a);
    --color-yellow-Y600: var(--gold-400, #f98e21);
    --color-yellow-Y500: var(--gold-300, #fbb13d);
    --color-yellow-Y400: var(--gold-200, #facd6f);
    --color-yellow-Y300: var(--gold-100, #f6e0a5);
    --color-yellow-Y200: var(--gold-000, #fbf0cc);
    --color-yellow-Y100: var(--gold-000, #fbf0cc);
    --color-yellow-Y050: var(--gold-000, #fbf0cc);
    --color-red-R900: var(--red-800, #800a20);
    --color-red-R800: var(--red-800, #800a20);
    --color-red-R700: var(--red-700, #af2536);
    --color-red-R600: var(--red-600, #d62740);
    --color-red-R500: var(--red-500, #fe4e5c);
    --color-red-R400: var(--red-300, #ffada9);
    --color-red-R300: var(--red-200, #ffbdba);
    --color-red-R200: var(--red-100, #fbd3d0);
    --color-red-R100: var(--red-000, #fee9e7);
    --color-red-R050: var(--red-000, #fee9e7);
    --color-pink: var(--red-500, #fe4e5c);
    --color-pink-dark: var(--red-600, #d62740);
    --color-pink-accessible: var(--red-600, #d62740);
    --color-orange: var(--gold-500, #d5771a);
    --color-orange-dark: var(--gold-600, #a85d13);
    --color-blue: var(--blue-400, #80abfa);
    --color-blue-dark: var(--blue-700, #2e51ed);
    --color-blue-dark-b: var(--blue-900, #1b205b);
    --color-violet: var(--pink-500, #df5adc);
    --color-violet-dark: var(--pink-800, #6c1d6b);
    --color-gold: var(--gold-300, #fbb13d);
    --color-yellow: var(--gold-300, #fbb13d);
    --color-yellow-dark: var(--gold-500, #d5771a);
    --color-plan-starter: var(--teal-800, #014847);
    --color-plan-pro: var(--red-600, #d62740);
    --color-plan-pro-accessible: var(--color-pink-accessible);
    --color-plan-business: var(--blue-700, #2e51ed);
    --color-plan-enterprise: var(--neutral-light-700, #353a3e);
    --gradient-1: linear-gradient(to bottom, #230a5c 0%, #3e119c 100%);
    --font-headline: Pacaembu, sans-serif;
    --font-primary: Pacaembu, sans-serif;
    --font-secondary: Mulish, sans-serif;
    --font-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    --radius-1: 0.125rem;
    --radius-2: 0.25rem;
    --radius-3: 0.5rem;
    --radius-4: 1rem;
    --radius-circle: 50%;
    --radius-pill: 360px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 4rem;
    --pancake-block-space: 5rem;
    --ease-out: cubic-bezier(0.5, 1, 0.89, 1);
    --border-radius: 6px;
    --border-radius-large: 12px;
    --color-focus-ring: var(--color-teal-T500);
    --grid-gutter: 2.5rem;
    --shadow-light: 0px 2px 4px rgba(14, 30, 37, 0.12);
    --shadow-heavy: -10px 10px 80px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.25);
    --shadow-deep: 0px 16px 24px rgba(0, 0, 0, 0.07),
        0px 6px 30px rgba(0, 0, 0, 0.06), 0px 8px 10px rgba(0, 0, 0, 0.1);
    --shadow-coheeze-shallow: 0px 2px 4px rgba(51, 55, 59, 0.08),
        0px 1px 10px rgba(51, 55, 59, 0.06);
    --shadow-coheeze-deepest: 0px 24px 38px rgba(0, 0, 0, 0.14),
        0px 9px 46px rgba(0, 0, 0, 0.04);
    --shadow-coheeze-shallow-filter: drop-shadow(0px 1px 10px rgba(51, 55, 59, 0.06)) drop-shadow(0px 2px 4px rgba(51, 55, 59, 0.08));
    --shadow-coheeze-deep-filter: drop-shadow(0px 6px 30px rgba(51, 55, 59, 0.04)) drop-shadow(0px 8px 24px rgba(51, 55, 59, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08));
    /**********************************************************/
}

@supports (font-variation-settings: normal) {
    :root {
        font-family: 'Inter var', sans-serif;
    }
}

/* @supports (font-variation-settings: normal) {
    :root {
        font-family: InterVariable, sans-serif;
    }
} */

/** TEXT STYLING **/
.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.text-primary {
    --i-text-opacity: 1;
    color: rgba(var(--i-primary-rgb), var(--i-text-opacity)) !important;
}

.text-secondary {
    --i-text-opacity: 1;
    color: rgba(var(--i-secondary-rgb), var(--i-text-opacity)) !important;
}

.text-dark {
    --i-text-opacity: 1;
    color: rgba(var(--i-dark-rgb), var(--i-text-opacity)) !important;
}

.text-grey {
    --i-text-opacity: 1;
    color: rgba(var(--i-grey-rgb), var(--i-text-opacity)) !important;
}

.text-i-green {
    --i-text-opacity: 1;
    color: rgba(var(--i-green-rgb), var(--i-text-opacity)) !important;
}

.text-black {
    --i-text-opacity: 1;
    color: rgba(var(--i-black-rgb), var(--i-text-opacity)) !important;
}

.text-danger {
    --i-text-opacity: 1;
    color: rgba(var(--i-danger-rgb), var(--i-text-opacity)) !important;
}

.text-blue input {
    color: #1100cc !important;
}

.text-muted {
    --i-text-opacity: 1;
    color: var(--i-secondary-color) !important;
}

.text-muted2 {
    color: #585858;
}

.fs-tbl {
    font-size: 14px;
}

.fs-1 {
    font-size: calc(1.32825rem + 0.939vw) !important;
}

.fs-2 {
    font-size: calc(1.294104rem + 0.529248vw) !important;
}

.fs-3 {
    font-size: calc(1.2643713705rem + 0.172456446vw) !important;
}

.fs-4 {
    font-size: 1.01625rem !important;
}

.fs-5 {
    font-size: 0.84552rem !important;
}

.fs-6 {
    font-size: 0.69105rem !important;
}

.fs-xxs {
    font-size: var(--i-font-size-xxs) !important;
}

.fs-xs {
    font-size: var(--i-font-size-xs) !important;
}

.fs-base {
    font-size: var(--i-font-size-base) !important;
}

.fs-sm {
    font-size: var(--i-font-size-sm) !important;
}

.fs-md {
    font-size: var(--i-font-size-md) !important;
}

.fs-lg {
    font-size: var(--i-font-size-lg) !important;
}

.fs-xl {
    font-size: var(--i-font-size-xl) !important;
}

.fs-xxl {
    font-size: var(--i-font-size-xxl) !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-42 {
    font-size: 42px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.fs-60 {
    font-size: 60px !important;
}

.fs-72 {
    font-size: 72px !important;
}

.fs-80 {
    font-size: 80px !important;
}

.fs-120 {
    font-size: 120px !important;
}

.fy-1 {
    color: var(--i-color1);
    font-weight: 600;
}

.form-label {
    margin-bottom: 0.5rem;
    font-weight: var(--i-font-weight-semibold);
}

/* --i-ct-box-shadow */
.box-shadow {
    --i-btn-border-color: #d7d7d7;
    --i-btn-border-width: 1px;
    box-shadow: 2px 2px 6px 0px rgba(14, 30, 37, 0.12) !important;
    border-color: var(--i-btn-border-color);
    border-width: var(--i-btn-border-width);
}

.box-shadow-icon {
    background-color: #f7f7f7;
    --i-btn-border-color: #f7f7f7;
    --i-btn-border-width: 1px;
    box-shadow: 0px 0px 10px 3px rgba(235, 235, 235, 0.48) !important;
    border-color: var(--i-btn-border-color);
    border-width: var(--i-btn-border-width);
}

.bg-light {
    --i-bg-opacity: 1;
    background-color: rgba(var(--i-light-rgb), var(--i-bg-opacity)) !important;
}

.bg-light-subtle,
.code-body pre {
    background-color: var(--i-light-bg-subtle) !important;
}

.bg-medium-blue {
    background: #c1ddf3 !important;
    border-color: #c1ddf3 !important;
    border-radius: 8px;
}

.bg-light-blue {
    background: #f4f6f7 !important;
    border-color: #f4f6f7 !important;
}

.bg-grey88 {
    --i-bg-opacity: 1;
    background-color: rgba(var(--i-grey88-rgb), var(--i-bg-opacity)) !important;
}

.bg-opacity-10 {
    --i-bg-opacity: 0.1;
}

.bg-opacity-20 {
    --i-bg-opacity: 0.2;
}

.bg-opacity-25 {
    --i-bg-opacity: 0.25;
}

.bg-opacity-30 {
    --i-bg-opacity: 0.3;
}

.bg-opacity-40 {
    --i-bg-opacity: 0.4;
}

.bg-opacity-50 {
    --i-bg-opacity: 0.5;
}

.bg-opacity-60 {
    --i-bg-opacity: 0.6;
}

.bg-opacity-70 {
    --i-bg-opacity: 0.7;
}

.bg-opacity-75 {
    --i-bg-opacity: 0.75;
}

.bg-opacity-80 {
    --i-bg-opacity: 0.8;
}

.bg-opacity-90 {
    --i-bg-opacity: 0.9;
}

/*
.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.flex-container .flex-item {
    flex:max(200px, 100% / 4);
}
*/
.card-1 {
    background-color: pink;
}

.card-2 {
    background-color: orange;
}

.card-3 {
    background-color: darkmagenta;
}

.card-4 {
    background-color: blueviolet;
}

.card-5 {
    background-color: sienna;
}

.card-6 {
    background-color: teal;
}

.card2 {
    padding: 15px;
}

.card2 {
    --card-pad: 1.5em;
    --card-radius: 0.625em;
    position: relative;
    box-shadow: 0 2px 4px rgba(14, 30, 37, 0.12);
    padding: var(--card-pad);
    border-radius: var(--card-radius);
    border: 1px solid var(--color-gray-L300);
}

.card-hoverable:hover {
    transform: translate(0, -5px);
    box-shadow: var(--shadow-deep);
}

.card-hoverable {
    transition: transform 150ms, box-shadow 150ms;
}

.card-detail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.btn-filter-1 {
    margin-left: 10px;
    margin-bottom: 10px;
    width: 40px;
}

/*@font-face {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	src: local('Inter'), url('../fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}*/

body {
    /*font-family: 'Inter', sans-serif !important;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}

body {
    /* margin: 0; */
    font-family: var(--i-font-inter);
    font-size: var(--i-body-font-size);
    font-weight: var(--i-body-font-weight);
    /*line-height: var(--i-body-line-height);*/
    /*color: var(--i-body-color);*/
    /*text-align: var(--i-body-text-align);*/
    /* background-color: var(--i-body-bg) !important; */
    /*-webkit-text-size-adjust: 100%;*/
    /*-webkit-tap-highlight-color: transparent;*/
}

.font-inter {
    font-family: Inter, sans-serif;
    font-weight: 500;
}

html,
body {
    min-height: 100vh;
    /*100%;*/
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
}

main {
    flex: 1;
}

main>.container,
main>.container-fluid {
    padding: 70px 15px 20px;
}

.footer {
    font-size: 14px;
    height: 60px;
}

.footer>.container,
.footer>.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

/*.container-fluid {*/
/*padding-right: 20px;*/
/*padding: 0px;*/
/*}*/

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
    content: "";
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.navbar form>button.logout {
    /*padding-top: 7px;*/
    /*color: rgba(255, 255, 255, 0.5);*/
}

/* Web */
@media (min-width: 769.99px) {

    /** underline below topbar **
    .home-content:before {

        content: "";
        display: block;
        position: absolute;
        width: 95%;
        left: 2%;
        border-bottom: 1px solid #d1d8dd;
    }
*/
    .d-lg-flex {
        display: flex !important;
    }

    .topbar {
        display: none;
    }

    .avatar-1 {
        display: none;
    }

    /* sidebar */
    .sidebar {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 265px;
        border-right: 1px solid #d1d8dd;
        z-index: 100;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s ease;
        color: #000000;
        background-color: #ffffff;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
        ;
    }

    .sidebar.close {
        width: 78px;
    }

    .sidebar .logo-details {
        height: 90px;
        width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        /* background: #E3E9ED; */
        pointer-events: auto;
        cursor: pointer;
        z-index: 101;
    }

    .sidebar .logo-details .col2 {
        display: none;
    }

    .sidebar .logo-details img {
        height: 90px;
        /*width: 90px;*/
        object-fit: cover;
        display: none;
    }

    .sidebar .logo-details .logo_name img {
        height: 100% !important;
        width: 70%;
        object-fit: cover;
        display: inline-block !important;
        margin-right: 13px;
    }

    .sidebar .logo-details .logo_name {
        font-size: 14px;
    }

    .sidebar .logo-details .intsoft_logo {
        display: none;
    }

    .sidebar.close .logo-details .logo_name {
        display: none;
    }

    .sidebar.close .logo-details img {
        display: block;
    }

    .sidebar .nav-links {
        max-height: calc(100vh - 20vh);
        padding: 20px 0 150px 0;
        overflow: auto;
        z-index: 2600;
    }

    .sidebar.close .nav-links {
        overflow: visible;
    }

    .sidebar .nav-links::-webkit-scrollbar {
        display: none;
    }

    .sidebar .nav-links li {
        position: relative;
        list-style: none;
        transition: all 0.4s ease;
        font-size: 14px;
    }

    .sidebar .nav-links li a {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        height: 40px;
        align-items: center;
        display: flex;
        padding: 0 16px 0 16px;
        text-decoration: none;
    }

    .sidebar.close .nav-links li a {
        justify-content: center;
    }

    .sidebar .nav-links li a:not(.lang):hover,
    .sidebar .nav-links li .active {
        filter: brightness(0) saturate(100%) invert(44%) sepia(57%) saturate(5962%) hue-rotate(157deg) brightness(91%) contrast(101%);
        color: #009190;
    }

    .sidebar .nav-links li .active {
        font-weight: 600;
    }

    .sidebar.close .nav-links li .iocn-link {
        display: block;
    }

    .sidebar .nav-links li img {
        height: 26px;
        min-width: 26px;
        text-align: center;
        line-height: 30px;
        padding-left: 10px;
        cursor: pointer;
        transition: all 0.3s ease;
        flex: 0 0 auto;
    }

    .sidebar.close .nav-links li img {
        justify-content: center;
        padding: 0;
    }

    .sidebar .nav-links li a .link_name {
        margin-left: 15px;
        flex: 1 1 auto;
    }

    .sidebar .nav-links li .arrow_spin {
        /*padding-right: 10px;*/
        height: 16px;
        min-width: 10px;
        flex: 0 0 auto;
    }

    .sidebar .nav-links li.showMenu .arrow_spin {
        transform: rotate(-180deg);
    }

    .sidebar.close .nav-links .arrow_spin {
        display: none;
    }

    .sidebar.close .nav-links li a .link_name {
        display: none;
        pointer-events: none;
    }

    .sidebar .nav-links li .sub-menu {
        padding: 5px 5px 0px 40px;
        margin-top: -10px;
        background: white;
        display: none;
        align-items: start;
    }

    .sidebar .nav-links li.showMenu div+.sub-menu {
        display: block;
    }

    .sidebar.close .nav-links li.showMenu div+.sub-menu {
        display: none;
    }

    .sidebar .nav-links li .sub-menu a {
        white-space: nowrap;
        color: #000000;
        transition: all 0.3s ease;
    }

    .sidebar .nav-links li .sub-menu img {
        margin-left: 10px;
        flex: 0 0 auto;
    }

    .sidebar .nav-links li .sub-menu span {
        margin-left: 12px;
        flex: 1 1 auto;
    }

    .sidebar .nav-links li .sub-menu a:not(.lang):hover {
        filter: brightness(0) saturate(100%) invert(44%) sepia(57%) saturate(5962%) hue-rotate(157deg) brightness(91%) contrast(101%);
        color: #009190;
    }

    .sidebar .footer {
        position: fixed;
        bottom: 0;
        /*width: 260px;*/
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        padding-left: 10px;
    }

    .sidebar.close .footer {
        display: none;
    }

    .sidebar.close~.home-section {
        left: 90px;
        width: calc(100% - 90px);
    }
}

/************************************************ eol desktop view ************************************************/
/*
@media only screen and (min-width: 421px) {
    .avatar-1 {
        display: none;
    }
	.m-avatar {
		display: block !important;
	}
}*/
/*
@media (max-width: 420px) {
    .avatar-1 {
        display: block;
    }
	.m-avatar {
		display: none !important;
	}
}*/
#overlay {
		background: rgba(0, 0, 0, 0.80);
		position: fixed;
		inset: 0;
		z-index: 1100;
		display: none;
	}
.meter_reading .title {
    margin-bottom: 10px;
    padding-left: 10px;
}

/*.meter_reading {*/
/*overflow: scroll;*/
/*white-space: nowrap;*/
/*padding: 0px 20px 10px 20px;*/
/*}*/

.meter_reading .row {
    padding-left: 10px;
    padding-right: 10px;
}

.home-section .nav1 {
    background: #ffffff;
    z-index: 1500 !important;
}

.modal-open .home-section .nav1 {
    background: #ffffff;
    z-index: 1000 !important;
}

.navbar form>button.logout:focus,
.navbar form>button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.navbar form>button.logout:focus {
    outline: none;
}

/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb {
    /*    background-color: var(--bs-gray-200);*/
    margin-bottom: 0px;
    border-radius: 0.25rem;
    /*  padding: .75rem 1rem;*/
}

.breadcrumb-item>a {
    text-decoration: none;
}

.home-section {
    position: relative;
    /*min-height: 100vh;*/
    left: 280px;
    width: calc(100% - 280px);
    transition: all 0.5s ease;
    /*background: #ffffff;*/
}

.home-section .navbar {
    height: 68px !important;
}

.nav1 {
    align-self: flex-start;
    position: sticky;
    top: 0;
    background: var(--i-topbar-bg);
    height: var(--i-topbar-height);
    /*margin-left: var(--i-sidenav-width);*/
}

.home-section .bx-menu,
.home-section .bx-menu1 {
    cursor: pointer;
}

.home-section .bx-menu1 {
    display: none;
}

.home-section .bx-menu {
    display: block;
}

.home-section .close .bx-menu {
    display: none;
}

.home-section .close .bx-menu1 {
    display: block;
}

.home-section .home-content .text {
    font-size: 26px;
    font-weight: 600;
}

.home-content {
    padding-left: 10px;
    padding-right: 20px;
}

.back {
    padding-left: 0px;
}

.language button,
.language .dropdown-menu {
    font-size: 14px;
}

.language .dropdown-menu {
    text-align: center;
}

.language .btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.language .btn.active,
.language .btn.show {
    border-color: transparent !important;
}

.profile {
    position: relative;
}

.profile ul {
    overflow: hidden;
    border-radius: 0.5rem;
    border-width: 2px;
    border-color: #5a63831a;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(90 99 131 / var(--tw-text-opacity));
    list-style: none;
    margin: 0;
}

.profile.fs {
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.user-avatar {
    height: 24px;
    width: 24px;
    margin-right: 0px !important;
    float: right;
    cursor: pointer;
}

.avatar-xxl {
    height: 5rem;
    width: 5rem;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: var(--i-body-bg);
    border: var(--i-border-width) solid var(--i-border-color);
    border-radius: var(--i-border-radius);
    max-width: 100%;
    height: auto;
}

.badge {
    --i-badge-padding-x: 0.4em;
    --i-badge-padding-y: 0.25em;
    --i-badge-font-size: 0.75em;
    --i-badge-font-weight: var(--i-font-weight-bold);
    --i-badge-color: #fff;
    --i-badge-border-radius: var(--i-border-radius);
    display: inline-block;
    padding: var(--i-badge-padding-y) var(--i-badge-padding-x);
    font-size: var(--i-badge-font-size);
    font-weight: var(--i-badge-font-weight);
    line-height: 1;
    color: var(--i-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--i-badge-border-radius);
}

.badge:empty {
    display: none;
}

.badge {
    vertical-align: middle;
}

.badge-soft-primary {
    --i-badge-color: var(--i-primary);
    background-color: var(--i-primary-bg-subtle);
}

.logout {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    /*width: 174px;
  position: absolute;
  left: -150px;*/
    /* Adjust this value as needed */
    /*list-style-type: none;
  top: 45px;
  display: none;
  z-index: 1;
  background-color: #b2b8bc;
  text-align: center;
  line-height: 50px;
  border-radius: 0 0 0 8px;*/
    width: 174px;
    position: absolute;
    left: -150px;
    list-style-type: none;
    top: 36px;
    display: none;
    z-index: 1;
    --background-c: 1;
    /*background-color: rgba(255, 255, 255, 255 / var(--background-c));*/
    line-height: 25px;
    border-radius: 0.5rem;
    overflow: hidden;
    /*border-color: #d50a7c1a;*/
    border: 1px solid #6a718a1a;
    background-color: rgb(255, 255, 255);
    /*color: black;*/
    padding: 1.25rem;
}

.dropdown-content:hover {
    color: #0071ff;
}

.logout:hover .dropdown-content {
    display: none;
}

.dropdown-content a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

.dropdown-box {
    cursor: pointer;
    border-radius: 0 0 0 8px;
    width: 100%;
    height: 100%;
}

.dropdown-box:hover {
    background-color: #a0a6a9;
}

.logout.show .dropdown-content {
    display: block;
}

@media (max-width: 420px) {
    .sidebar.close .nav-links li .sub-menu {
        display: none;
    }
}

/* loading screen */
#loading-spinner {
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    backdrop-filter: blur(25px);
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
}

#loading-spinner img {
    height: 10%;
    /*width: 10%;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    animation: fadeIn 0.8s infinite alternate;
}

.avatar-icon:active,
.avatar-icon:hover {
    /*margin-bottom: 0px;*/
    /*margin-left: -3px;*/
    /*background: var(--i-color1);*/
    filter: invert(42%) sepia(41%) saturate(6617%) hue-rotate(157deg) brightness(91%) contrast(101%);
}

.icon-svg {
    height: 13px;
    width: 13px;
    margin-bottom: 0.3px;
    margin-left: -3px;
}

.view-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='14px' height='14px' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill='%23000000' d='M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 6px 6px;
    padding: 0 0 0 16px !important;
}

.view-svg-ok {
    background-image: url("data:image/svg+xml,%3Csvg fill='%235c5c5c' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='-100 -80 680 750' xml:space='preserve' stroke='%235c5c5c'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='M288.514,148.629c73.746,0,136.162,33.616,175.539,61.821c46.652,33.415,70.66,65.737,76.885,78.065 c-6.232,12.327-30.232,44.649-76.885,78.065c-39.377,28.204-101.793,61.82-175.539,61.82c-73.746,0-136.161-33.616-175.539-61.82 c-46.661-33.416-70.66-65.738-76.894-78.065c6.234-12.328,30.233-44.65,76.885-78.065 C152.353,182.245,214.768,148.629,288.514,148.629 M288.514,113.657C129.176,113.657,0,253.543,0,288.515 s129.176,174.857,288.514,174.857c159.339,0,288.515-139.886,288.515-174.857S447.854,113.657,288.514,113.657L288.514,113.657z M288.514,183.601c-57.939,0-104.914,46.975-104.914,104.914c0,57.938,46.975,104.914,104.914,104.914 s104.914-46.976,104.914-104.914C393.428,230.576,346.453,183.601,288.514,183.601z M260.266,288.515 c-24.515,0-44.388-19.873-44.388-44.388c0-24.515,19.873-44.387,44.388-44.387c24.515,0,44.388,19.873,44.388,44.387 C304.654,268.642,284.781,288.515,260.266,288.515z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 22px !important;
}

.view-svg6 {
    background-image: url("data:image/svg+xml,%3Csvg fill='%235c5c5c' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='-70 -90 650 750' xml:space='preserve' stroke='%235c5c5c'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='M288.514,148.629c73.746,0,136.162,33.616,175.539,61.821c46.652,33.415,70.66,65.737,76.885,78.065 c-6.232,12.327-30.232,44.649-76.885,78.065c-39.377,28.204-101.793,61.82-175.539,61.82c-73.746,0-136.161-33.616-175.539-61.82 c-46.661-33.416-70.66-65.738-76.894-78.065c6.234-12.328,30.233-44.65,76.885-78.065 C152.353,182.245,214.768,148.629,288.514,148.629 M288.514,113.657C129.176,113.657,0,253.543,0,288.515 s129.176,174.857,288.514,174.857c159.339,0,288.515-139.886,288.515-174.857S447.854,113.657,288.514,113.657L288.514,113.657z M288.514,183.601c-57.939,0-104.914,46.975-104.914,104.914c0,57.938,46.975,104.914,104.914,104.914 s104.914-46.976,104.914-104.914C393.428,230.576,346.453,183.601,288.514,183.601z M260.266,288.515 c-24.515,0-44.388-19.873-44.388-44.388c0-24.515,19.873-44.387,44.388-44.387c24.515,0,44.388,19.873,44.388,44.387 C304.654,268.642,284.781,288.515,260.266,288.515z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 20px !important;
}

.view-svg2 {
    /* background-image: url('../images/edit3.svg'); */
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bfill%3Argb%280%25%2C0%25%2C0%25%29%3Bfill-opacity%3A1%3Bstroke-width%3A0.24%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke%3Argb%280%25%2C0%25%2C0%25%29%3Bstroke-opacity%3A1%3Bstroke-miterlimit%3A4%3B%22%20d%3D%22M%2012%209%20C%2010.345313%209%209%2010.345313%209%2012%20C%209%2013.654688%2010.345313%2015%2012%2015%20C%2013.654688%2015%2015%2013.654688%2015%2012%20C%2015%2010.345313%2013.654688%209%2012%209%20Z%20M%2011.001563%2012%20C%2011.001563%2011.446875%2011.446875%2011.001563%2012%2011.001563%20C%2012.553125%2011.001563%2012.998438%2011.446875%2012.998438%2012%20C%2012.998438%2012.553125%2012.553125%2012.998438%2012%2012.998438%20C%2011.446875%2012.998438%2011.001563%2012.553125%2011.001563%2012%20Z%20M%2011.001563%2012%20%22%20transform%3D%22matrix%280.833333%2C0%2C0%2C0.833333%2C0%2C0%29%22%2F%3E%0A%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bfill%3Argb%280%25%2C0%25%2C0%25%29%3Bfill-opacity%3A1%3Bstroke-width%3A0.24%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke%3Argb%280%25%2C0%25%2C0%25%29%3Bstroke-opacity%3A1%3Bstroke-miterlimit%3A4%3B%22%20d%3D%22M%2021.829688%2011.282813%20C%2019.542188%207.153125%2015.810938%205.001563%2012%205.001563%20C%208.189063%205.001563%204.457813%207.153125%202.170313%2011.282813%20C%201.945313%2011.685938%201.945313%2012.182813%202.160938%2012.585938%20C%204.410938%2016.8%208.160938%2018.998438%2012%2018.998438%20C%2015.839063%2018.998438%2019.589063%2016.8%2021.839063%2012.585938%20C%2022.054688%2012.182813%2022.054688%2011.685938%2021.829688%2011.282813%20Z%20M%2012%2017.001563%20C%209.060938%2017.001563%206.042188%2015.370313%204.092188%2011.948438%20C%206.070313%208.596875%209.075%206.998438%2012%206.998438%20C%2014.925%206.998438%2017.929688%208.596875%2019.907813%2011.948438%20C%2017.957813%2015.370313%2014.939063%2017.001563%2012%2017.001563%20Z%20M%2012%2017.001563%20%22%20transform%3D%22matrix%280.833333%2C0%2C0%2C0.833333%2C0%2C0%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 0 0 0 18px !important;
}

.view-svg3 {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23000000' stroke-width='0.336'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.7703 12C20.7703 11.6412 20.5762 11.4056 20.188 10.9343C18.768 9.21014 15.6357 6 12 6C8.36428 6 5.23207 9.21014 3.81198 10.9343C3.42382 11.4056 3.22974 11.6412 3.22974 12C3.22974 12.3588 3.42382 12.5944 3.81198 13.0657C5.23207 14.7899 8.36428 18 12 18C15.6357 18 18.768 14.7899 20.188 13.0657C20.5762 12.5944 20.7703 12.3588 20.7703 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3432 9 9.00002 10.3431 9.00002 12C9.00002 13.6569 10.3432 15 12 15Z' fill='%23b5b5b5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 20px !important;
}

.view-svg4 {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23000000' stroke-width='0.336'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.7703 12C20.7703 11.6412 20.5762 11.4056 20.188 10.9343C18.768 9.21014 15.6357 6 12 6C8.36428 6 5.23207 9.21014 3.81198 10.9343C3.42382 11.4056 3.22974 11.6412 3.22974 12C3.22974 12.3588 3.42382 12.5944 3.81198 13.0657C5.23207 14.7899 8.36428 18 12 18C15.6357 18 18.768 14.7899 20.188 13.0657C20.5762 12.5944 20.7703 12.3588 20.7703 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3432 9 9.00002 10.3431 9.00002 12C9.00002 13.6569 10.3432 15 12 15Z' fill='%237d7d7d'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 20px !important;
}

.view-svg5 {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='100%25' width='100%25' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 59.2 59.2' xml:space='preserve'%3E%3Cpath d='M51.062,21.561c-11.889-11.889-31.232-11.889-43.121,0L0,29.501l8.138,8.138c5.944,5.944,13.752,8.917,21.561,8.917 s15.616-2.972,21.561-8.917l7.941-7.941L51.062,21.561z M49.845,36.225c-11.109,11.108-29.184,11.108-40.293,0l-6.724-6.724 l6.527-6.527c11.109-11.108,29.184-11.108,40.293,0l6.724,6.724L49.845,36.225z'%3E%3C/path%3E%3Cpath d='M28.572,21.57c-3.86,0-7,3.14-7,7c0,0.552,0.448,1,1,1s1-0.448,1-1c0-2.757,2.243-5,5-5c0.552,0,1-0.448,1-1 S29.125,21.57,28.572,21.57z'%3E%3C/path%3E%3Cpath d='M29.572,16.57c-7.168,0-13,5.832-13,13s5.832,13,13,13s13-5.832,13-13S36.741,16.57,29.572,16.57z M29.572,40.57 c-6.065,0-11-4.935-11-11s4.935-11,11-11s11,4.935,11,11S35.638,40.57,29.572,40.57z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 0 0 0 18px !important;
}

.edit-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' role='img' xmlns='http://www.w3.org/2000/svg' aria-labelledby='editIconTitle' stroke='%23000000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' color='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='1.7759999999999998'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle id='editIconTitle'%3EEdit%3C/title%3E%3Cpath d='M18.4142136 4.41421356L19.5857864 5.58578644C20.366835 6.36683502 20.366835 7.63316498 19.5857864 8.41421356L8 20 4 20 4 16 15.5857864 4.41421356C16.366835 3.63316498 17.633165 3.63316498 18.4142136 4.41421356zM14 6L18 10'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 4px 5px;
    padding: 0 0 0 16px !important;
}

.edit-svg-ok {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='-2 -2 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.24000000000000005'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath opacity='0.15' d='M8 16H12L18 10L14 6L8 12V16Z' fill='%23000000'%3E%3C/path%3E%3Cpath d='M14 6L8 12V16H12L18 10M14 6L17 3L21 7L18 10M14 6L18 10M10 4L4 4L4 20L20 20V14' stroke='%23000000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 20px !important;
}

.edit-svg2 {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='-6 -4 25 25' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='si-glyph si-glyph-edit' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23ff0000' stroke-width='0.256'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3EEdit%3C/title%3E%3Cdefs%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, 1.000000)' fill='%23434343'%3E%3Cpath d='M15.682,1.91 L14.147,0.396 C13.737,-0.012 12.929,-0.181 12.54,0.207 L6.485,6.234 C6.485,6.234 5.164,10.147 5.039,10.476 C4.94,10.738 5.27,11.066 5.499,10.951 C5.873,10.765 9.604,9.32 9.604,9.32 L15.675,3.263 C16.065,2.875 16.093,2.317 15.682,1.91 L15.682,1.91 Z M9.021,8.854 L6.454,9.828 L5.993,9.403 L7.218,6.438 L7.959,6.984 L9.017,6.984 L9.021,8.854 L9.021,8.854 Z' class='si-glyph-fill'%3E%3C/path%3E%3Cpath d='M12.042,9.345 L12.042,13.042 L0.958,13.042 L0.958,2 L9.141,1.917 L9.953,1.058 L0,1.058 L0,14 L13,14 L12.943,8.578 L12.042,9.345 Z' class='si-glyph-fill'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 20px !important;
}

.edit-svg3 {
    /* background-image: url('../images/edit3.svg'); */
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%280%25%2C0%25%2C0%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2013.398438%2014.042969%20L%2013.398438%2011.523438%20L%2014.960938%209.960938%20L%2014.960938%2014.550781%20C%2014.960938%2015.46875%2014.199219%2016.230469%2013.300781%2016.230469%20L%204.160156%2016.230469%20C%203.242188%2016.230469%202.5%2015.46875%202.5%2014.550781%20L%202.5%205.429688%20C%202.5%204.511719%203.242188%203.75%204.160156%203.75%20L%2013.4375%203.75%20L%2013.4375%203.769531%20L%2011.875%205.3125%20L%204.6875%205.3125%20C%204.355469%205.3125%204.0625%205.605469%204.0625%205.957031%20L%204.0625%2014.042969%20C%204.0625%2014.394531%204.355469%2014.667969%204.6875%2014.667969%20L%2012.773438%2014.667969%20C%2013.105469%2014.667969%2013.398438%2014.394531%2013.398438%2014.042969%20Z%20M%2014.882812%204.511719%20L%2016.542969%206.171875%20L%2017.304688%205.410156%20L%2015.644531%203.75%20Z%20M%209.042969%2010.371094%20L%2010.683594%2012.03125%20L%2015.976562%206.738281%20L%2014.335938%205.078125%20Z%20M%207.871094%2013.183594%20L%2010.136719%2012.578125%20L%208.476562%2010.917969%20Z%20M%207.871094%2013.183594%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 0 0 0 18px !important;
}

.edit-svg4 {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='-2 -2 30 30' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath opacity='0.15' d='M8 16H12L18 10L14 6L8 12V16Z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M14 6L8 12V16H12L18 10M14 6L17 3L21 7L18 10M14 6L18 10M10 4L4 4L4 20L20 20V14' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding-left: 20px !important;
}

.create-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='-2 -2 30 30' xmlns='http://www.w3.org/2000/svg' fill='%235c5c5c' stroke='%2300000' stroke-width='0.00024000000000000003'%3E%3Crect x='0' fill='none' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M21 14v5c0 1.105-.895 2-2 2H5c-1.105 0-2-.895-2-2V5c0-1.105.895-2 2-2h5v2H5v14h14v-5h2z'%3E%3C/path%3E%3Cpath d='M21 7h-4V3h-2v4h-4v2h4v4h2V9h4'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 18px !important;
}

.confirm-svg {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' width='100%25' height='100%25' viewBox='-10 -10 35 45' id='check-mark-circle-2' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cpolyline id='secondary' points='21 5 12 14 8 10' style='fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3Cpath id='primary' d='M20.94,11A8.26,8.26,0,0,1,21,12a9,9,0,1,1-9-9,8.83,8.83,0,0,1,4,1' style='fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 18px !important;
    filter: invert(1);

}

.confirm-svg2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' enable-background='new 0 0 256 256' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23000000' d='M119.1,10.2c-37.2,3-70,22.4-90.3,53.6C19.5,78,13.1,95.4,10.7,113c-0.9,6.6-1,22.4-0.2,28.6c2.9,22.1,11.4,42.9,24.5,59.6c4.2,5.3,16.1,17,21.4,20.9c17.2,12.9,36.4,20.6,58,23.4c5.7,0.7,21.4,0.7,27.1,0c21.6-2.8,40.7-10.5,58-23.3c6-4.5,18.1-16.6,22.6-22.6c12.9-17.3,20.6-36.4,23.3-58c0.7-5.7,0.7-21.4,0-27.1c-2.5-19-8.6-36-18.6-51.3c-4.4-6.8-7.8-11-14.5-17.8c-16-16.5-35.1-27.2-57.7-32.6C144.3,10.5,129.6,9.3,119.1,10.2z M195.9,70.9c3.6,1.7,6.2,4.4,7.9,8.2c1.1,2.4,1.2,3.2,1,7c-0.1,3.2-0.5,4.9-1.3,6.5c-0.8,1.6-14,15.1-45.6,46.8c-50.1,50.2-47,47.5-54.4,47.5c-7,0-6.9,0-29.9-23c-17.6-17.7-20.2-20.5-21.4-23.1c-3.5-7.6-0.1-17,7.6-20.9c4.2-2.2,10.6-2.1,14.8,0.2c1.4,0.8,7.4,6.3,15.6,14.6l13.3,13.3l38-37.9c26.8-26.7,38.6-38.3,40.2-39C186.3,68.6,191.1,68.6,195.9,70.9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 18px !important;
    filter: invert(1);
}

.confirm-svg3 {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23E0026E' width='100%25' height='100%25' viewBox='0 0 33 80' enable-background='new 0 0 32 32' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' stroke='%23E0026E' stroke-width='1.6'%3E%3Cpath d='M16,1C7.729,1,1,7.729,1,16s6.729,15,15,15s15-6.729,15-15S24.271,1,16,1z M16,29C8.832,29,3,23.168,3,16S8.832,3,16,3 s13,5.832,13,13S23.168,29,16,29z'%3E%3C/path%3E%3Cpath d='M23.317,10.27l-10.004,9.36l-4.629-4.332c-0.403-0.377-1.035-0.356-1.413,0.047c-0.377,0.403-0.356,1.036,0.047,1.413 l5.313,4.971c0.192,0.18,0.438,0.27,0.683,0.27s0.491-0.09,0.683-0.27l10.688-10c0.403-0.377,0.424-1.01,0.047-1.413 C24.353,9.913,23.719,9.892,23.317,10.27z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 18px !important;
}

.create-svg2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22fill%3Anone%3Bstroke-width%3A0.24%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke%3Argb%280%25%2C0%25%2C0%25%29%3Bstroke-opacity%3A1%3Bstroke-miterlimit%3A4%3B%22%20d%3D%22M%200%200%20L%2024%200%20L%2024%2024%20L%200%2024%20Z%20M%200%200%20%22%20transform%3D%22matrix%280.833333%2C0%2C0%2C0.833333%2C0%2C0%29%22%2F%3E%0A%3Cpath%20style%3D%22fill-rule%3Anonzero%3Bfill%3Argb%280%25%2C0%25%2C0%25%29%3Bfill-opacity%3A1%3Bstroke-width%3A0.24%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke%3Argb%280%25%2C0%25%2C0%25%29%3Bstroke-opacity%3A1%3Bstroke-miterlimit%3A4%3B%22%20d%3D%22M%2021%2014.001563%20L%2021%2018.998438%20C%2021%2020.104688%2020.104688%2021%2018.998438%2021%20L%205.001563%2021%20C%203.895313%2021%203%2020.104688%203%2018.998438%20L%203%205.001563%20C%203%203.895313%203.895313%203%205.001563%203%20L%209.998438%203%20L%209.998438%205.001563%20L%205.001563%205.001563%20L%205.001563%2018.998438%20L%2018.998438%2018.998438%20L%2018.998438%2014.001563%20Z%20M%2021%2014.001563%20%22%20transform%3D%22matrix%280.833333%2C0%2C0%2C0.833333%2C0%2C0%29%22%2F%3E%0A%3Cpath%20style%3D%22fill-rule%3Anonzero%3Bfill%3Argb%280%25%2C0%25%2C0%25%29%3Bfill-opacity%3A1%3Bstroke-width%3A0.24%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke%3Argb%280%25%2C0%25%2C0%25%29%3Bstroke-opacity%3A1%3Bstroke-miterlimit%3A4%3B%22%20d%3D%22M%2021%206.998438%20L%2017.001563%206.998438%20L%2017.001563%203%20L%2015%203%20L%2015%206.998438%20L%2011.001563%206.998438%20L%2011.001563%209%20L%2015%209%20L%2015%2012.998438%20L%2017.001563%2012.998438%20L%2017.001563%209%20L%2021%209%20%22%20transform%3D%22matrix%280.833333%2C0%2C0%2C0.833333%2C0%2C0%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 0 0 0 18px !important;
}

.more-svg {
    /* background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23000000' stroke-width='0.24000000000000005'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle cx='18' cy='12' r='1.5' transform='rotate(90 18 12)' fill='%23080341'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='1.5' transform='rotate(90 12 12)' fill='%23080341'%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='1.5' transform='rotate(90 6 12)' fill='%23080341'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); */
    /* background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M512 1024C229.7 1024 0 794.3 0 512S229.7 0 512 0s512 229.7 512 512-229.7 512-512 512z m0-938.7C276.7 85.3 85.3 276.7 85.3 512S276.7 938.7 512 938.7 938.7 747.3 938.7 512 747.3 85.3 512 85.3z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M469.3 704c-10.9 0-21.8-4.2-30.2-12.5-16.7-16.7-16.7-43.7 0-60.3L558.3 512 439.2 392.8c-16.7-16.7-16.7-43.7 0-60.3 16.7-16.7 43.7-16.7 60.3 0l149.3 149.3c16.7 16.7 16.7 43.7 0 60.3L499.5 691.5c-8.3 8.3-19.3 12.5-30.2 12.5z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); */
    /* background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='-102.4 -102.4 1228.80 1228.80' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000' stroke='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M512 1024C229.7 1024 0 794.3 0 512S229.7 0 512 0s512 229.7 512 512-229.7 512-512 512z m0-938.7C276.7 85.3 85.3 276.7 85.3 512S276.7 938.7 512 938.7 938.7 747.3 938.7 512 747.3 85.3 512 85.3z' fill=''%3E%3C/path%3E%3Cpath d='M469.3 704c-10.9 0-21.8-4.2-30.2-12.5-16.7-16.7-16.7-43.7 0-60.3L558.3 512 439.2 392.8c-16.7-16.7-16.7-43.7 0-60.3 16.7-16.7 43.7-16.7 60.3 0l149.3 149.3c16.7 16.7 16.7 43.7 0 60.3L499.5 691.5c-8.3 8.3-19.3 12.5-30.2 12.5z' fill=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); */
    background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 1024 1024' fill='%23ffffff' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff' stroke-width='61.44'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M642.174 504.594c7.99 7.241 7.897 17.58-0.334 24.782L332.62 799.945c-8.867 7.759-9.766 21.236-2.007 30.103 7.758 8.867 21.236 9.766 30.103 2.007l309.221-270.569c27.429-24 27.792-64.127 0.89-88.507L360.992 192.192c-8.73-7.912-22.221-7.248-30.133 1.482-7.912 8.73-7.248 22.222 1.482 30.134l309.833 280.786z' fill=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 42px 5px;
    padding: 0 13px 0 0 !important;
}

.delete-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 72 72' id='emoji' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='color'%3E%3Cpath fill='%23FFFFFF' stroke='none' d='M51.7598,17H20.1525v37.65c0,4.0593,3.2907,5.6209,7.35,5.6209h16.9073c4.0593,0,7.35-1.5616,7.35-5.6209 V17z'%3E%3C/path%3E%3Cpolyline fill='%23FFFFFF' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' points='31,16 31,12 41,12 41,16'%3E%3C/polyline%3E%3Cpolygon fill='%239b9b9a' stroke='none' points='51,37 51,46.5172 51,57.6207 48.3,60 33,60'%3E%3C/polygon%3E%3Crect x='17' y='16' width='38' height='4' fill='%23FFFFFF' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/rect%3E%3C/g%3E%3Cg id='hair'%3E%3C/g%3E%3Cg id='skin'%3E%3C/g%3E%3Cg id='skin-shadow'%3E%3C/g%3E%3Cg id='line'%3E%3Cpolyline fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' points='31,16 31,12 41,12 41,16'%3E%3C/polyline%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M51,25v31c0,2.2091-1.7909,4-4,4H25c-2.2091,0-4-1.7909-4-4V25'%3E%3C/path%3E%3Crect x='17' y='16' width='38' height='4' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/rect%3E%3Cline x1='41' x2='41' y1='28.25' y2='55' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/line%3E%3Cline x1='31' x2='31' y1='28.25' y2='55' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 4px 5px;
    padding: 0 0 0 16px !important;
}

.delete-svg-ok {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 -5 150 90' id='emoji' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='color'%3E%3Cpath fill='%23FFFFFF' stroke='none' d='M51.7598,17H20.1525v37.65c0,4.0593,3.2907,5.6209,7.35,5.6209h16.9073c4.0593,0,7.35-1.5616,7.35-5.6209 V17z'%3E%3C/path%3E%3Cpolyline fill='%23FFFFFF' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' points='31,16 31,12 41,12 41,16'%3E%3C/polyline%3E%3Cpolygon fill='%239b9b9a' stroke='none' points='51,37 51,46.5172 51,57.6207 48.3,60 33,60'%3E%3C/polygon%3E%3Crect x='17' y='16' width='38' height='4' fill='%23FFFFFF' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/rect%3E%3C/g%3E%3Cg id='hair'%3E%3C/g%3E%3Cg id='skin'%3E%3C/g%3E%3Cg id='skin-shadow'%3E%3C/g%3E%3Cg id='line'%3E%3Cpolyline fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' points='31,16 31,12 41,12 41,16'%3E%3C/polyline%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M51,25v31c0,2.2091-1.7909,4-4,4H25c-2.2091,0-4-1.7909-4-4V25'%3E%3C/path%3E%3Crect x='17' y='16' width='38' height='4' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/rect%3E%3Cline x1='41' x2='41' y1='28.25' y2='55' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/line%3E%3Cline x1='31' x2='31' y1='28.25' y2='55' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 10px !important;
}

.delete-svg2 {
    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 1024.00 1024.00' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' transform='matrix(1, 0, 0, 1, 0, 0)rotate(0)' stroke='%23ff0000' stroke-width='6.144'%3E%3Cpath d='M667.8 362.1H304V830c0 28.2 23 51 51.3 51h312.4c28.4 0 51.4-22.8 51.4-51V362.2h-51.3z' fill='%23ededed'%3E%3C/path%3E%3Cpath d='M750.3 295.2c0-8.9-7.6-16.1-17-16.1H289.9c-9.4 0-17 7.2-17 16.1v50.9c0 8.9 7.6 16.1 17 16.1h443.4c9.4 0 17-7.2 17-16.1v-50.9z' fill='%23ededed'%3E%3C/path%3E%3Cpath d='M733.3 258.3H626.6V196c0-11.5-9.3-20.8-20.8-20.8H419.1c-11.5 0-20.8 9.3-20.8 20.8v62.3H289.9c-20.8 0-37.7 16.5-37.7 36.8V346c0 18.1 13.5 33.1 31.1 36.2V830c0 39.6 32.3 71.8 72.1 71.8h312.4c39.8 0 72.1-32.2 72.1-71.8V382.2c17.7-3.1 31.1-18.1 31.1-36.2v-50.9c0.1-20.2-16.9-36.8-37.7-36.8z m-293.5-41.5h145.3v41.5H439.8v-41.5z m-146.2 83.1H729.5v41.5H293.6v-41.5z m404.8 530.2c0 16.7-13.7 30.3-30.6 30.3H355.4c-16.9 0-30.6-13.6-30.6-30.3V382.9h373.6v447.2z' fill='%23080808'%3E%3C/path%3E%3Cpath d='M511.6 798.9c11.5 0 20.8-9.3 20.8-20.8V466.8c0-11.5-9.3-20.8-20.8-20.8s-20.8 9.3-20.8 20.8v311.4c0 11.4 9.3 20.7 20.8 20.7zM407.8 798.9c11.5 0 20.8-9.3 20.8-20.8V466.8c0-11.5-9.3-20.8-20.8-20.8s-20.8 9.3-20.8 20.8v311.4c0.1 11.4 9.4 20.7 20.8 20.7zM615.4 799.6c11.5 0 20.8-9.3 20.8-20.8V467.4c0-11.5-9.3-20.8-20.8-20.8s-20.8 9.3-20.8 20.8v311.4c0 11.5 9.3 20.8 20.8 20.8z' fill='%23080808'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 0 0 0 18px !important;
}

.delete-svg3 {
    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 72 72' id='emoji' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.8640000000000001'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='color'%3E%3Cpath fill='%23FFFFFF' d='M51.7598,17H20.1525v37.65c0,4.0593,3.2907,5.6209,7.35,5.6209h16.9073c4.0593,0,7.35-1.5616,7.35-5.6209 V17z'%3E%3C/path%3E%3Cpolyline fill='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.44' points='31,16 31,12 41,12 41,16'%3E%3C/polyline%3E%3Cpolygon fill='%239b9b9a' points='51,37 51,46.5172 51,57.6207 48.3,60 33,60'%3E%3C/polygon%3E%3Crect x='17' y='16' width='38' height='4' fill='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.44'%3E%3C/rect%3E%3C/g%3E%3Cg id='hair'%3E%3C/g%3E%3Cg id='skin'%3E%3C/g%3E%3Cg id='skin-shadow'%3E%3C/g%3E%3Cg id='line'%3E%3Cpolyline fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.44' points='31,16 31,12 41,12 41,16'%3E%3C/polyline%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.44' d='M51,25v31c0,2.2091-1.7909,4-4,4H25c-2.2091,0-4-1.7909-4-4V25'%3E%3C/path%3E%3Crect x='17' y='16' width='38' height='4' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.44'%3E%3C/rect%3E%3Cline x1='41' x2='41' y1='28.25' y2='55' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.44'%3E%3C/line%3E%3Cline x1='31' x2='31' y1='28.25' y2='55' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.44'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 0 0 0 18px !important;
}

.pdf-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='-4 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M25.6686 26.0962C25.1812 26.2401 24.4656 26.2563 23.6984 26.145C22.875 26.0256 22.0351 25.7739 21.2096 25.403C22.6817 25.1888 23.8237 25.2548 24.8005 25.6009C25.0319 25.6829 25.412 25.9021 25.6686 26.0962ZM17.4552 24.7459C17.3953 24.7622 17.3363 24.7776 17.2776 24.7939C16.8815 24.9017 16.4961 25.0069 16.1247 25.1005L15.6239 25.2275C14.6165 25.4824 13.5865 25.7428 12.5692 26.0529C12.9558 25.1206 13.315 24.178 13.6667 23.2564C13.9271 22.5742 14.193 21.8773 14.468 21.1894C14.6075 21.4198 14.7531 21.6503 14.9046 21.8814C15.5948 22.9326 16.4624 23.9045 17.4552 24.7459ZM14.8927 14.2326C14.958 15.383 14.7098 16.4897 14.3457 17.5514C13.8972 16.2386 13.6882 14.7889 14.2489 13.6185C14.3927 13.3185 14.5105 13.1581 14.5869 13.0744C14.7049 13.2566 14.8601 13.6642 14.8927 14.2326ZM9.63347 28.8054C9.38148 29.2562 9.12426 29.6782 8.86063 30.0767C8.22442 31.0355 7.18393 32.0621 6.64941 32.0621C6.59681 32.0621 6.53316 32.0536 6.44015 31.9554C6.38028 31.8926 6.37069 31.8476 6.37359 31.7862C6.39161 31.4337 6.85867 30.8059 7.53527 30.2238C8.14939 29.6957 8.84352 29.2262 9.63347 28.8054ZM27.3706 26.1461C27.2889 24.9719 25.3123 24.2186 25.2928 24.2116C24.5287 23.9407 23.6986 23.8091 22.7552 23.8091C21.7453 23.8091 20.6565 23.9552 19.2582 24.2819C18.014 23.3999 16.9392 22.2957 16.1362 21.0733C15.7816 20.5332 15.4628 19.9941 15.1849 19.4675C15.8633 17.8454 16.4742 16.1013 16.3632 14.1479C16.2737 12.5816 15.5674 11.5295 14.6069 11.5295C13.948 11.5295 13.3807 12.0175 12.9194 12.9813C12.0965 14.6987 12.3128 16.8962 13.562 19.5184C13.1121 20.5751 12.6941 21.6706 12.2895 22.7311C11.7861 24.0498 11.2674 25.4103 10.6828 26.7045C9.04334 27.3532 7.69648 28.1399 6.57402 29.1057C5.8387 29.7373 4.95223 30.7028 4.90163 31.7107C4.87693 32.1854 5.03969 32.6207 5.37044 32.9695C5.72183 33.3398 6.16329 33.5348 6.6487 33.5354C8.25189 33.5354 9.79489 31.3327 10.0876 30.8909C10.6767 30.0029 11.2281 29.0124 11.7684 27.8699C13.1292 27.3781 14.5794 27.011 15.985 26.6562L16.4884 26.5283C16.8668 26.4321 17.2601 26.3257 17.6635 26.2153C18.0904 26.0999 18.5296 25.9802 18.976 25.8665C20.4193 26.7844 21.9714 27.3831 23.4851 27.6028C24.7601 27.7883 25.8924 27.6807 26.6589 27.2811C27.3486 26.9219 27.3866 26.3676 27.3706 26.1461ZM30.4755 36.2428C30.4755 38.3932 28.5802 38.5258 28.1978 38.5301H3.74486C1.60224 38.5301 1.47322 36.6218 1.46913 36.2428L1.46884 3.75642C1.46884 1.6039 3.36763 1.4734 3.74457 1.46908H20.263L20.2718 1.4778V7.92396C20.2718 9.21763 21.0539 11.6669 24.0158 11.6669H30.4203L30.4753 11.7218L30.4755 36.2428ZM28.9572 10.1976H24.0169C21.8749 10.1976 21.7453 8.29969 21.7424 7.92417V2.95307L28.9572 10.1976ZM31.9447 36.2428V11.1157L21.7424 0.871022V0.823357H21.6936L20.8742 0H3.74491C2.44954 0 0 0.785336 0 3.75711V36.2435C0 37.5427 0.782956 40 3.74491 40H28.2001C29.4952 39.9997 31.9447 39.2143 31.9447 36.2428Z' fill='%23EB5757'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: 0 0 0 18px !important;
}

.save-svg {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='100%25' height='100%25' viewBox='0 0 24 24' id='check-mark-circle-2' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cpolyline id='secondary' points='21 5 12 14 8 10' style='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3Cpath id='primary' d='M20.94,11A8.26,8.26,0,0,1,21,12a9,9,0,1,1-9-9,8.83,8.83,0,0,1,4,1' style='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 20px !important;
}

.save-svg-form {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' width='100%25' height='100%25' viewBox='-10 -10 35 45' id='check-mark-circle-2' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cpolyline id='secondary' points='21 5 12 14 8 10' style='fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3Cpath id='primary' d='M20.94,11A8.26,8.26,0,0,1,21,12a9,9,0,1,1-9-9,8.83,8.83,0,0,1,4,1' style='fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding: 0 0 0 25px !important;
    /* filter: invert(42%) sepia(41%) saturate(6617%) hue-rotate(157deg) brightness(91%) contrast(101%); */
}

.confirm-svg-form {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' width='100%25' height='100%25' viewBox='-10 -10 35 45' id='check-mark-circle-2' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cpolyline id='secondary' points='21 5 12 14 8 10' style='fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3Cpath id='primary' d='M20.94,11A8.26,8.26,0,0,1,21,12a9,9,0,1,1-9-9,8.83,8.83,0,0,1,4,1' style='fill: none; stroke: %23ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding-left: 43px !important;
    /* filter: invert(42%) sepia(41%) saturate(6617%) hue-rotate(157deg) brightness(91%) contrast(101%); */
}

.scan-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23000000' stroke-width='0.00024000000000000003'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8a1 1 0 0 1-2 0V5.923c0-.76.082-1.185.319-1.627.223-.419.558-.754.977-.977C4.738 3.082 5.162 3 5.923 3H8a1 1 0 0 1 0 2H5.923c-.459 0-.57.022-.684.082a.364.364 0 0 0-.157.157c-.06.113-.082.225-.082.684V8zm3 11a1 1 0 1 1 0 2H5.923c-.76 0-1.185-.082-1.627-.319a2.363 2.363 0 0 1-.977-.977C3.082 19.262 3 18.838 3 18.077V16a1 1 0 1 1 2 0v2.077c0 .459.022.57.082.684.038.07.087.12.157.157.113.06.225.082.684.082H8zm7-15a1 1 0 0 0 1 1h2.077c.459 0 .57.022.684.082.07.038.12.087.157.157.06.113.082.225.082.684V8a1 1 0 1 0 2 0V5.923c0-.76-.082-1.185-.319-1.627a2.363 2.363 0 0 0-.977-.977C19.262 3.082 18.838 3 18.077 3H16a1 1 0 0 0-1 1zm4 12a1 1 0 1 1 2 0v2.077c0 .76-.082 1.185-.319 1.627a2.364 2.364 0 0 1-.977.977c-.442.237-.866.319-1.627.319H16a1 1 0 1 1 0-2h2.077c.459 0 .57-.022.684-.082a.363.363 0 0 0 .157-.157c.06-.113.082-.225.082-.684V16zM3 11a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 30px !important;
    cursor:pointer;
}
.scan-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23000000' stroke-width='0.00024000000000000003'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8a1 1 0 0 1-2 0V5.923c0-.76.082-1.185.319-1.627.223-.419.558-.754.977-.977C4.738 3.082 5.162 3 5.923 3H8a1 1 0 0 1 0 2H5.923c-.459 0-.57.022-.684.082a.364.364 0 0 0-.157.157c-.06.113-.082.225-.082.684V8zm3 11a1 1 0 1 1 0 2H5.923c-.76 0-1.185-.082-1.627-.319a2.363 2.363 0 0 1-.977-.977C3.082 19.262 3 18.838 3 18.077V16a1 1 0 1 1 2 0v2.077c0 .459.022.57.082.684.038.07.087.12.157.157.113.06.225.082.684.082H8zm7-15a1 1 0 0 0 1 1h2.077c.459 0 .57.022.684.082.07.038.12.087.157.157.06.113.082.225.082.684V8a1 1 0 1 0 2 0V5.923c0-.76-.082-1.185-.319-1.627a2.363 2.363 0 0 0-.977-.977C19.262 3.082 18.838 3 18.077 3H16a1 1 0 0 0-1 1zm4 12a1 1 0 1 1 2 0v2.077c0 .76-.082 1.185-.319 1.627a2.364 2.364 0 0 1-.977.977c-.442.237-.866.319-1.627.319H16a1 1 0 1 1 0-2h2.077c.459 0 .57-.022.684-.082a.363.363 0 0 0 .157-.157c.06-.113.082-.225.082-.684V16zM3 11a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 30px !important;
    cursor:pointer;
}
.scan-div {
  /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
  
  /* This bit draws the box around it */
  border:1px solid grey;

  /* I've used padding so you can see the edges of the elements. */
  padding:1px;
}

.scan-div input {
  /* Tell the input to use all the available space */
  flex-grow:2;
  /* And hide the input's outline, so the form looks like the outline */
  border:none;
}

/* remove the input focus blue box, it will be in the wrong place. */
/* .scan-div input:focus {
  outline: none;
} */

/* Add the focus effect to the form so it contains the button */
/* .scan-div:focus-within { 
  outline: 1px solid blue
} */

/* #myModal {
    z-index: 1;
} */
.scan-modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1 !important; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

.scan-modal > .modal-content {
        background-color: #fefefe;
        margin: 15% auto; /* 15% from the top and centered */
        padding: 20px;
        border: 1px solid #888;
        width: 80%; /* Could be more or less, depending on screen size */
        display: block;
    }

.scan-modal > .close-button {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

.scan-modal > .close-button:hover,
.scan-modal > .close-button:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.icon-svg-20 {
    height: 20px;
    width: 20px;
    /*margin-bottom: 0.3px;*/
    /*margin-left: -3px;*/
}

.icon-svg-20c {
    height: 20px;
    width: 20px;
    filter: brightness(0) saturate(100%) invert(10%) sepia(96%) saturate(4841%) hue-rotate(357deg) brightness(87%) contrast(112%);
    /*margin-bottom: 0.3px;*/
    /*margin-left: -3px;*/
}

/*
.icon-svg:hover {
    filter: invert(1);
}
*/
.lock-reset {
    height: 24px;
    width: 24px;
    filter: invert(1);
}

.login-circle {
    height: 18px;
    width: 18px;
}

.icon-save-svg {
    height: 20px;
    width: 20px;
    margin-bottom: 0.3px;
    margin-left: -3px;
    filter: invert(1);
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.btn-icon-svg {
    height: 16px;
    width: 16px;
    filter: invert(1);
    /*margin-bottom: 0px;*/
    /*margin-left: -3px;*/
    /*filter: invert(42%) sepia(41%) saturate(6617%) hue-rotate(157deg) brightness(91%) contrast(101%);*/
}

.icon-20 {
    height: 20px !important;
    width: 20px !important;
}

.icon-22 {
    height: 22px !important;
    width: 22px !important;
}

.icon-24 {
    height: 24px !important;
    width: 24px !important;
}

.icon-26 {
    height: 26px !important;
    width: 26px !important;
}

.icon-28 {
    height: 28px !important;
    width: 28px !important;
}

.icon-32 {
    height: 32px !important;
    width: 32px !important;
}

.svg-color-1 {
    filter: var(--filter-1);
}

.btn-color-1 {
    background: var(--color-1);
}

.color-white {
    filter: invert(1);
}

/* privacy, terms, error */
.site-terms,
.site-policy,
.site-error {
    text-align: justify;
}

.site-terms p,
.site-terms ul,
.site-terms ol,
.site-policy p,
.site-policy ul,
.site-error p {
    font-size: 14px;
}

.site-terms h2,
.site-policy h2,
.site-error h2 {
    font-size: 28px;
    color: #009190;
}

.site-terms .nav-link.active,
.site-policy .nav-link.active {
    font-weight: 600;
}

/********************
	** PAGINATION **
	*****************/
.pagination {
    --i-pagination-padding-x: 0.75rem;
    --i-pagination-padding-y: 0.375rem;
    --i-pagination-font-size: 0.813rem;
    --i-pagination-color: var(--i-body-color);
    --i-pagination-bg: var(--i-secondary-bg);
    --i-pagination-border-width: var(--i-border-width);
    --i-pagination-border-color: var(--i-border-color);
    --i-pagination-border-radius: var(--i-border-radius);
    --i-pagination-hover-color: var(--i-link-hover-color);
    --i-pagination-hover-bg: var(--i-tertiary-bg);
    --i-pagination-hover-border-color: var(--i-border-color);
    --i-pagination-focus-color: var(--i-link-hover-color);
    --i-pagination-focus-bg: var(--i-secondary-bg);
    --i-pagination-focus-box-shadow: none;
    --i-pagination-active-color: #fff;
    --i-pagination-active-bg: var(--i-primary);
    --i-pagination-active-border-color: var(--i-primary);
    --i-pagination-disabled-color: var(--i-secondary-color);
    --i-pagination-disabled-bg: var(--i-secondary-bg);
    --i-pagination-disabled-border-color: var(--i-border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: flex-start;
}

.pagination a {
    font-size: 15px;
}

.pagination {
    display: flex;
    justify-content: flex-start;
}

.pagination li {
    margin-right: 5px;
}

.pagination a,
.pagination span {
    display: block;
    padding: 2px 8px;
    text-decoration: none;
    color: #000;
    /* background-color: #E3E9ED;
    border: 1px solid #E3E9ED; */
    border-radius: 5px;
}

.pagination a:hover,
.pagination .active a,
.pagination .active span {
    background-color: #009190;
    color: #fff;
}

.page-link {
    position: relative;
    display: block;
    padding: var(--i-pagination-padding-y) var(--i-pagination-padding-x);
    font-size: var(--i-pagination-font-size);
    color: var(--i-pagination-color);
    background-color: var(--i-pagination-bg);
    border: var(--i-pagination-border-width) solid var(--i-pagination-border-color);
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        -webkit-transition: none;
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--i-pagination-hover-color);
    background-color: var(--i-pagination-hover-bg);
    border-color: var(--i-pagination-hover-border-color);
}

.page-link:focus {
    z-index: 3;
    color: var(--i-pagination-focus-color);
    background-color: var(--i-pagination-focus-bg);
    outline: 0;
    -webkit-box-shadow: var(--i-pagination-focus-box-shadow);
    box-shadow: var(--i-pagination-focus-box-shadow);
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--i-pagination-active-color);
    background-color: var(--i-pagination-active-bg);
    border-color: var(--i-pagination-active-border-color);
}

.disabled>.page-link,
.page-link.disabled {
    color: var(--i-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--i-pagination-disabled-bg);
    border-color: var(--i-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(-1 * var(--i-border-width));
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--i-pagination-border-radius);
    border-bottom-left-radius: var(--i-pagination-border-radius);
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--i-pagination-border-radius);
    border-bottom-right-radius: var(--i-pagination-border-radius);
}

/********************
	** eol.PAGINATION **
	*****************/
.summary {
    color: #585858;
    font-size: 14px;
    position: absolute;
}


.dropdown-menu {
    min-width: fit-content;
    z-index: 1100 !important;
}

.dropdown-menu.lang {
    min-width: fit-content;
    /* z-index: 9902 !important; */
    /* position: relative !important; */
    /* background-color: #f5f5f5; */
    background-color: var(--i-body-bg);
}

/*
.dropdown-menu {
    --i-dropdown-zindex: 1100;
    --i-dropdown-min-width: 11rem;
    --i-dropdown-padding-x: 0;
    --i-dropdown-padding-y: 0.25rem;
    --i-dropdown-spacer: 0.125rem;
    --i-dropdown-font-size: 0.813rem;
    --i-dropdown-color: var(--i-body-color);
    --i-dropdown-bg: var(--i-secondary-bg);
    --i-dropdown-border-color: var(--i-border-color);
    --i-dropdown-border-radius: 0.3rem;
    --i-dropdown-border-width: var(--i-border-width);
    --i-dropdown-inner-border-radius: calc(0.3rem - var(--i-border-width));
    --i-dropdown-divider-bg: var(--i-border-color);
    --i-dropdown-divider-margin-y: 0.625rem;
    --i-dropdown-box-shadow: var(--i-box-shadow);
    --i-dropdown-link-color: var(--i-body-color);
    --i-dropdown-link-hover-color: var(--i-body-color);
    --i-dropdown-link-hover-bg: var(--i-tertiary-bg);
    --i-dropdown-link-active-color: var(--i-body-color);
    --i-dropdown-link-active-bg: var(--i-tertiary-bg);
    --i-dropdown-link-disabled-color: var(--i-secondary-color);
    --i-dropdown-item-padding-x: 0.9375rem;
    --i-dropdown-item-padding-y: 0.4rem;
    --i-dropdown-header-color: inherit;
    --i-dropdown-header-padding-x: 0.703125rem;
    --i-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--i-dropdown-zindex) !important;
    display: none;
    min-width: var(--i-dropdown-min-width);
    padding: var(--i-dropdown-padding-y) var(--i-dropdown-padding-x);
    margin: 0;
    font-size: var(--i-dropdown-font-size);
    color: var(--i-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--i-dropdown-bg);
    background-clip: padding-box;
    border: var(--i-dropdown-border-width) solid var(--i-dropdown-border-color);
    border-radius: var(--i-dropdown-border-radius);
}
*/

/**
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.btn-group>.btn:nth-child(n+3),
.btn-group> :not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
    **/



.drop-arrow-none:after {
    display: none;
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: 0;
}

.d-only {
    display: block;
}

.m-only {
    display: none !important;
}

.m-only-block {
    display: none !important;
}

.d-pad {
    padding-left: 10px;
    padding-bottom: 20px;
}

.p-0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.plr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.plr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.d-mr20 {
    margin-right: 18px !important;
}

.pz0 {
    padding: 0px !important;
}

.p20 {
    padding: 20px !important;
}

.bs0 {
    border-style: none !important;
}

.d-bs0 {
    border: 0 !important;
}

.br0 {
    border-radius: 0% !important;
}

.br5 {
    border-radius: 5px !important;
}

.ct-box {
    border-color: rgb(90 99 131 / 0.1);
    border-width: 2px;
    border-radius: 0.5rem;
    border-style: solid;
    padding: 0.6rem;
    box-shadow: var(--i-ct-box-shadow);
}

.ct-box2 {
    border-color: #e2e2e2;
    border-width: 1px;
    border-radius: 0.5rem;
    border-style: solid;
    padding: 0.6rem;
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

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

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

/* Freeze header */
.freeze-header {
    position: sticky;
    background: white;
    top: 0;
    z-index: 1;
}

/* to delete */
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

/*table.packing-details tbody td {
  border: 1px solid black;
  border-collapse: collapse;
}*/
table.packing-details tbody tr td:nth-child(1) {
    background-color: rgba(218, 209, 223, 0.28);
    width: 3em;
    min-width: 3em;
    max-width: 3em;
    word-break: break-all;
}

/*****************************************************************************************/
/* .m-block div.col:nth-child(1), */
.m-block div.border-separator:nth-child(1) {
    border-right: 1px solid rgb(var(--i-light-rgb));
}

.d-none {
    display: none !important;
}

.gap-1 {
    gap: .3125rem !important;
}

.gap-2 {
    gap: .625rem !important;
}

.d-gap-2 {
    gap: .6rem !important;
}

.align-items-center,
.avatar-group {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

/*****************************************************************************************/
.custom-card .custom-card-title,
.custom-card .custom-card-title span {
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    /*color: var(--i-color1);*/
}

.custom-card-title {
    margin-bottom: var(--i-card-title-spacer-y);
    color: var(--i-card-title-color);
}

.custom-card .custom-card-subtitle,
.custom-card .custom-card-subtitle span {
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    /*color: var(--i-color1);*/
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.fc-i-green {
    color: var(--i-color1) !important;
}

.fc>*>div {
    padding: 5px;
}

.fc>*>div:nth-child(2) {
    flex: 1;
    padding-left: 5px;
    color: var(--i-color1);
    text-align: right;
}

.fc>*>div:nth-child(1) {
    flex: 1 !important;
    font-weight: 600;
}

.fs-icon {
    font-size: 14px;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-semibold {
    font-weight: var(--i-font-weight-semibold) !important;
}

.start-100 {
    left: 100% !important;
}

.top-0 {
    top: 0 !important;
}

.p-1 {
    padding: 0.3125rem !important;
}

.p-1-5 {
    padding: 0.469rem !important;
}

.p-2 {
    padding: 0.625rem !important;
}

.position-relative {
    position: relative !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

/*************************************************************************************/
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

/** dashboard page*/
.dashboard-project .select2-selection {
    height: 48px;
    width: 400px;
    border-radius: 8px;
    padding: 12px 24px 12px 24px;
    margin: 24px 0 8px 0;
}

.dashboard-project .select2-selection--single .select2-selection__rendered {
    color: #585858;
    font-size: 14px;
}

.dashboard-project select.is-valid+.select2-container--krajee-bs5 .select2-selection--single {
    border-color: #E2E2E2;
}

.custom-card {
    --i-card-spacer-y: 1.25rem;
    --i-card-spacer-x: 1.25rem;
    --i-card-title-spacer-y: 0px;
    --i-border-radius: 0.3rem;
    --i-theme-card-border-width: 1px;
    --i-border-color: #edf2f9;
    --i-theme-card-border-color: var(--i-border-color);
    --i-card-border-width: var(--i-theme-card-border-width);
    --i-card-border-color: var(--i-theme-card-border-color);
    --i-card-border-radius: var(--i-border-radius);
    --i-card-box-shadow: var(--i-theme-card-box-shadow);
    --i-card-inner-border-radius: calc(var(--i-border-radius) - (var(--i-theme-card-border-width)));
    --i-card-cap-padding-y: 0.9375rem;
    --i-card-cap-padding-x: 1.25rem;
    --i-card-cap-bg: transparent;
    --i-card-bg: var(--i-secondary-bg);
    --i-card-img-overlay-padding: 1.25rem;
    --i-card-group-margin: 0.625rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--i-card-height);
    color: var(--i-body-color);
    word-wrap: break-word;
    background-color: var(--i-card-bg);
    background-clip: border-box;
    /*border: var(--i-card-border-width) solid var(--i-card-border-color);*/
    /*border-radius: var(--i-card-border-radius);*/
    padding: unset;
}

.custom-card-header {
    /*padding: var(--i-card-cap-padding-y) var(--i-card-cap-padding-x);*/
    margin-bottom: 0;
    /*color: var(--i-card-cap-color);*/
    background-color: var(--i-card-cap-bg);
    border-bottom: var(--i-card-border-width) solid var(--i-card-border-color);
}

.custom-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dashed var(--i-border-color);
}

.custom-card-body {
    --i-card-spacer-y: 1.25rem;
    --i-card-spacer-x: 0rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--i-card-spacer-y) var(--i-card-spacer-x);
    /* color: var(--i-card-color); */
}

.card {
    --i-card-spacer-y: 1.25rem;
    --i-card-spacer-x: 1.25rem;
    --i-card-title-spacer-y: 0;
    --i-card-border-width: var(--i-theme-card-border-width);
    --i-card-border-color: var(--i-theme-card-border-color);
    --i-card-border-radius: var(--i-border-radius);
    --i-card-box-shadow: var(--i-theme-card-box-shadow);
    --i-card-inner-border-radius: calc(var(--i-border-radius) - (var(--i-theme-card-border-width)));
    --i-card-cap-padding-y: 0.9375rem;
    --i-card-cap-padding-x: 1.25rem;
    --i-card-cap-bg: transparent;
    --i-card-bg: var(--i-secondary-bg);
    --i-card-img-overlay-padding: 1.25rem;
    --i-card-group-margin: 0.625rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--i-card-height);
    color: var(--i-body-color);
    word-wrap: break-word;
    background-color: var(--i-card-bg);
    background-clip: border-box;
    border: var(--i-card-border-width) solid var(--i-card-border-color);
    border-radius: var(--i-card-border-radius);
}

.card-head {
    height: 119px;
    font-weight: 600;
    font-size: 14px;
    color: #585858;
    display: flex;
    /* justify-content: center; */
    /*padding: 5px 5px;			*/
    /*border: 1px solid #E2E2E2;*/
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.card-detail {
    display: flex;
    flex-direction: col;
}

.card-table {
    height: 400px !important;
}

.card img {
    flex: 0 0 auto;
}

.card .detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*padding-left: 20px;*/
    gap: 5px;
    flex: 1 0 auto;
}

.card p {
    line-height: 21px;
    margin: 0;
}

/* .card h3 {
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	margin: 0;
	color: #000000;
} */

/* .card small {
	font-size: 12px;
	font-weight: 400;
	color: #585858;
} */

/* .card h4 {
	font-size: 14px;
	font-weight: 400;
	color: #585858;
} */

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.title-underline {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--i-card-inner-border-radius);
    border-top-right-radius: var(--i-card-inner-border-radius);
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--i-card-inner-border-radius);
    border-bottom-left-radius: var(--i-card-inner-border-radius);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--i-card-spacer-y) var(--i-card-spacer-x);
    color: var(--i-card-color);
}

.card-title {
    margin-bottom: var(--i-card-title-spacer-y);
    color: var(--i-card-title-color);
}

.card-subtitle {
    margin-top: calc(-0.5 * var(--i-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--i-card-subtitle-color);
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link+.card-link {
    margin-left: var(--i-card-spacer-x);
}

.card-header {
    padding: var(--i-card-cap-padding-y) var(--i-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--i-card-cap-color);
    background-color: var(--i-card-cap-bg);
    border-bottom: var(--i-card-border-width) solid var(--i-card-border-color);
}

.card-header:first-child {
    border-radius: var(--i-card-inner-border-radius) var(--i-card-inner-border-radius) 0 0;
}

.card-footer {
    padding: var(--i-card-cap-padding-y) var(--i-card-cap-padding-x);
    color: var(--i-card-cap-color);
    background-color: var(--i-card-cap-bg);
    border-top: var(--i-card-border-width) solid var(--i-card-border-color);
}

.card-footer:last-child {
    border-radius: 0 0 var(--i-card-inner-border-radius) var(--i-card-inner-border-radius);
}

.card-header-tabs {
    margin-right: calc(-0.5 * var(--i-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--i-card-cap-padding-y));
    margin-left: calc(-0.5 * var(--i-card-cap-padding-x));
    border-bottom: 0;
}

.card-header-tabs .nav-link.active {
    background-color: var(--i-card-bg);
    border-bottom-color: var(--i-card-bg);
}

.card-header-pills {
    margin-right: calc(-0.5 * var(--i-card-cap-padding-x));
    margin-left: calc(-0.5 * var(--i-card-cap-padding-x));
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--i-card-img-overlay-padding);
    border-radius: var(--i-card-inner-border-radius);
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--i-card-inner-border-radius);
    border-top-right-radius: var(--i-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--i-card-inner-border-radius);
    border-bottom-left-radius: var(--i-card-inner-border-radius);
}

.card-group>.card {
    margin-bottom: var(--i-card-group-margin);
}

.card {
    -webkit-box-shadow: var(--i-theme-card-box-shadow);
    box-shadow: var(--i-theme-card-box-shadow);
    margin-bottom: 0.625rem;
}

.card.card-collapse .card-header {
    border-bottom: 0;
}

.card[class*="text"] .card-action-item {
    background-color: rgba(var(--i-white-rgb), 0.2) !important;
    color: #fff !important;
}

.card .card-title,
.card .card-title span {
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    /*color: var(--i-color1);*/
}

.card.card-bordered {
    border: none;
    border-left: 3px solid;
}

.card-bg {
    background-color: var(--i-secondary-bg);
}

.card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dashed var(--i-border-color);
}

.card-header.border-dashed {
    border-bottom-style: dashed !important;
}

.card-out-of-container {
    margin-left: calc((1.25rem + var(--i-theme-card-border-width)) * -1);
    margin-right: calc((1.25rem + var(--i-theme-card-border-width)) * -1);
    border-radius: 0;
    border-top: 0;
}

.card-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
    margin-left: auto;
}

.card-action .card-action-item {
    display: inline-block;
    font-size: 16px;
    height: 24px;
    width: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 5%;
    background-color: rgba(var(--i-light-rgb), 0.75);
    color: #6c757d;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.card-action .card-action-item i {
    vertical-align: middle;
}

.card-action .card-action-item:hover {
    background-color: rgba(var(--i-primary-rgb), 0.2);
    color: var(--i-primary);
}

/** ALERT **/
.alert {
    --i-alert-bg: transparent;
    --i-alert-padding-x: 1rem;
    --i-alert-padding-y: 0.8rem;
    --i-alert-margin-bottom: 1rem;
    --i-alert-color: inherit;
    --i-alert-border-color: transparent;
    --i-alert-border: 0 solid var(--i-alert-border-color);
    --i-alert-border-radius: 0.3rem;
    --i-alert-link-color: inherit;
    position: relative;
    padding: var(--i-alert-padding-y) var(--i-alert-padding-x);
    margin-bottom: var(--i-alert-margin-bottom);
    color: var(--i-alert-color);
    background-color: var(--i-alert-bg);
    border: var(--i-alert-border);
    border-radius: var(--i-alert-border-radius);
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: var(--i-font-weight-bold);
    color: var(--i-alert-link-color);
}

.alert-dismissible {
    padding-right: 3rem;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1rem 1rem;
}

.alert-primary {
    --i-alert-color: var(--i-primary-text-emphasis);
    --i-alert-bg: var(--i-primary-bg-subtle);
    --i-alert-border-color: var(--i-primary-border-subtle);
    --i-alert-link-color: var(--i-primary-text-emphasis);
}

.alert-secondary {
    --i-alert-color: var(--i-secondary-text-emphasis);
    --i-alert-bg: var(--i-secondary-bg-subtle);
    --i-alert-border-color: var(--i-secondary-border-subtle);
    --i-alert-link-color: var(--i-secondary-text-emphasis);
}

.alert-success {
    --i-alert-color: var(--i-success-text-emphasis);
    --i-alert-bg: var(--i-success-bg-subtle);
    --i-alert-border-color: var(--i-success-border-subtle);
    --i-alert-link-color: var(--i-success-text-emphasis);
}

.alert-info {
    --i-alert-color: var(--i-info-text-emphasis);
    --i-alert-bg: var(--i-info-bg-subtle);
    --i-alert-border-color: var(--i-info-border-subtle);
    --i-alert-link-color: var(--i-info-text-emphasis);
}

.alert-warning {
    --i-alert-color: var(--i-warning-text-emphasis);
    --i-alert-bg: var(--i-warning-bg-subtle);
    --i-alert-border-color: var(--i-warning-border-subtle);
    --i-alert-link-color: var(--i-warning-text-emphasis);
}

.alert-danger {
    --i-alert-color: var(--i-danger-text-emphasis);
    --i-alert-bg: var(--i-danger-bg-subtle);
    --i-alert-border-color: var(--i-danger-border-subtle);
    --i-alert-link-color: var(--i-danger-text-emphasis);
}

.alert-purple {
    --i-alert-color: var(--i-purple-text-emphasis);
    --i-alert-bg: var(--i-purple-bg-subtle);
    --i-alert-border-color: var(--i-purple-border-subtle);
    --i-alert-link-color: var(--i-purple-text-emphasis);
}

.alert-light {
    --i-alert-color: var(--i-light-text-emphasis);
    --i-alert-bg: var(--i-light-bg-subtle);
    --i-alert-border-color: var(--i-light-border-subtle);
    --i-alert-link-color: var(--i-light-text-emphasis);
}

.alert-dark {
    --i-alert-color: var(--i-dark-text-emphasis);
    --i-alert-bg: var(--i-dark-bg-subtle);
    --i-alert-border-color: var(--i-dark-border-subtle);
    --i-alert-link-color: var(--i-dark-text-emphasis);
}

.progress,
.progress-stacked {
    --i-progress-height: 1rem;
    --i-progress-font-size: 0.60975rem;
    --i-progress-bg: var(--i-tertiary-bg);
    --i-progress-border-radius: var(--i-border-radius);
    --i-progress-box-shadow: var(--i-box-shadow-inset);
    --i-progress-bar-color: #fff;
    --i-progress-bar-bg: var(--i-primary);
    --i-progress-bar-transition: width 0.6s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--i-progress-height);
    overflow: hidden;
    font-size: var(--i-progress-font-size);
    background-color: var(--i-progress-bg);
    border-radius: var(--i-progress-border-radius);
}

.start-0 {
    left: 0 !important;
}

.start-10 {
    left: 10% !important;
}

.start-20 {
    left: 20% !important;
}

.start-25 {
    left: 25% !important;
}

.start-30 {
    left: 30% !important;
}

.start-50 {
    left: 50% !important;
}

.start-60 {
    left: 60% !important;
}

.start-70 {
    left: 70% !important;
}

.start-75 {
    left: 75% !important;
}

.start-100 {
    left: 100% !important;
}

.text-bg-light {
    color: #313a46 !important;
    background-color: RGBA(var(--i-light-rgb),
            var(--i-bg-opacity, 1)) !important;
}

.border-dashed {
    --i-border-style: dashed;
}

.border {
    border: var(--i-border-width) var(--i-border-style) var(--i-border-color) !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: var(--i-border-width) var(--i-border-style) var(--i-border-color) !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: var(--i-border-width) var(--i-border-style) var(--i-border-color) !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: var(--i-border-width) var(--i-border-style) var(--i-border-color) !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: var(--i-border-width) var(--i-border-style) var(--i-border-color) !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.custom-tab .nav-link {
    color: #009190;
    border: 1px solid #009190;
    border-radius: 6px 0 0 6px;
    max-height: 40px;
    width: 38vw;
}

.custom-tab .nav-link.active {
    color: white;
    background-color: #009190;
    border: 1px solid #009190;
}

/**
.custom-card-tabs {
  border-bottom: 1px solid var(--i-border-color) !important;
}
.custom-card-tabs .card-header-tabs {
  margin-top: calc(var(--i-card-cap-padding-y) * -1);
  border-bottom: 0 !important;
}
.custom-card-tabs .nav-link {
  --i-nav-link-padding-y: calc(var(--i-card-cap-padding-y) + 2px);
}

.nav {
  --i-nav-link-padding-x: 1rem;
  --i-nav-link-padding-y: 0.5rem;
  --i-nav-link-color: var(--i-body-color);
  --i-nav-link-hover-color: var(--i-link-hover-color);
  --i-nav-link-disabled-color: var(--i-secondary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--i-nav-link-padding-y) var(--i-nav-link-padding-x);
  font-size: var(--i-nav-link-font-size);
  font-weight: var(--i-nav-link-font-weight);
  color: var(--i-nav-link-color);
  background: 0 0;
  border: 0;
  -webkit-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    -webkit-transition: none;
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--i-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(26, 179, 148, 0.25);
  box-shadow: 0 0 0 0 rgba(26, 179, 148, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--i-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --i-nav-tabs-border-width: var(--i-border-width);
  --i-nav-tabs-border-color: var(--i-border-color);
  --i-nav-tabs-border-radius: var(--i-border-radius);
  --i-nav-tabs-link-hover-border-color: var(--i-secondary-bg)
    var(--i-secondary-bg) var(--i-border-color);
  --i-nav-tabs-link-active-color: var(--i-link-color);
  --i-nav-tabs-link-active-bg: var(--i-secondary-bg);
  --i-nav-tabs-link-active-border-color: var(--i-border-color)
    var(--i-border-color) var(--i-secondary-bg);
  border-bottom: var(--i-nav-tabs-border-width) solid
    var(--i-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--i-nav-tabs-border-width));
  border: var(--i-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--i-nav-tabs-border-radius);
  border-top-right-radius: var(--i-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--i-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--i-nav-tabs-link-active-color);
  background-color: var(--i-nav-tabs-link-active-bg);
  border-color: var(--i-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--i-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
**/
/****************************************************************************************************/
.t2 {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    /*margin: 0px 20px 10px 20px;*/
    white-space: nowrap;
    width: 100%;
    padding: 15px 20px 10px 20px;
}

.t2 h2 {
    font-size: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.t2 h4 {
    font-size: 16px;
}

/**********************************************************************************************
	** BUTTON **
	**********************************************************************************************/
/*
    .btn {
    --i-btn-padding-x: 1.1rem;
    --i-btn-padding-y: 0.4532rem;
    --i-btn-font-size: 0.813rem;
    --i-btn-font-weight: var(--i-font-weight-medium);
    --i-btn-line-height: 1.5;
    --i-btn-color: var(--i-body-color);
    --i-btn-bg: transparent;
    --i-btn-border-width: var(--i-border-width);
    --i-btn-border-color: transparent;
    --i-btn-border-radius: var(--i-border-radius);
    --i-btn-hover-border-color: transparent;
    --i-btn-box-shadow: 0px 2px 6px 0px;
    --i-btn-disabled-opacity: 0.65;
    --i-btn-focus-box-shadow: 0 0 0 0 rgba(var(--i-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--i-btn-padding-y) var(--i-btn-padding-x);
    font-family: var(--i-btn-font-family);
    font-size: var(--i-btn-font-size);
    font-weight: var(--i-btn-font-weight);
    line-height: var(--i-btn-line-height);
    color: var(--i-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--i-btn-border-width) solid var(--i-btn-border-color);
    border-radius: var(--i-btn-border-radius);
    background-color: var(--i-btn-bg);
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}
*/
.btn {
    --i-btn-padding-x: 1.1rem;
    --i-btn-padding-y: 0.4532rem;
    --i-btn-font-size: 0.875rem;
    --i-btn-font-weight: var(--i-font-weight-medium);
    --i-btn-line-height: 1.5;
    --i-btn-color: var(--i-body-color);
    --i-btn-bg: transparent;
    --i-btn-border-width: var(--i-border-width);
    --i-btn-border-color: transparent;
    --i-btn-border-radius: var(--i-border-radius);
    --i-btn-hover-border-color: transparent;
    --i-btn-box-shadow: 0px 2px 6px 0px;
    --i-btn-disabled-opacity: 0.65;
    --i-btn-focus-box-shadow: 0 0 0 0 rgba(var(--i-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--i-btn-padding-y) var(--i-btn-padding-x);
    font-family: var(--i-btn-font-family);
    font-size: var(--i-btn-font-size);
    font-weight: var(--i-btn-font-weight);
    line-height: var(--i-btn-line-height);
    color: var(--i-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--i-btn-border-width) solid var(--i-btn-border-color);
    border-radius: var(--i-btn-border-radius);
    background-color: var(--i-btn-bg);
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn {
    letter-spacing: 0px !important;
    /*line-height: 50px;*/
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none;
    }
}

.btn:hover {
    color: var(--i-btn-hover-color);
    background-color: var(--i-btn-hover-bg);
    border-color: var(--i-btn-hover-border-color);
}

.btn-no-border {
    border: none;
    /* background-color: #007bff; */
    color: white;
    padding: 10px 20px;
    cursor: pointer;
}

.btn-no-border:focus {
    outline: none;
}

.btn-default {
    --i-btn-color: var(--i-dark);
    --i-btn-bg: transparent;
    --i-btn-border-color: rgba(var(--i-dark-rgb), 0.1);
    --i-btn-hover-color: var(--i-dark);
    --i-btn-hover-bg: rgba(var(--i-dark-rgb), 0.02);
    --i-btn-hover-border-color: rgba(var(--i-dark-rgb), 0.3);
    --i-btn-active-bg: var(--i-tertiary-bg);
    --i-btn-active-color: var(--i-dark);
    --i-btn-active-border-color: rgba(var(--i-dark-rgb), 0.15);
    --i-btn-focus-shadow-rgb: 0 0 0 0 rgba(var(--i-light-rgb), 0.5);
}

.btn-purple {
    --i-btn-color: #fff;
    --i-btn-bg: #7b70ef;
    --i-btn-border-color: #7b70ef;
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #6f65d8;
    --i-btn-hover-border-color: #7268dd;
    --i-btn-focus-shadow-rgb: 143, 133, 241;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #7268dd;
    --i-btn-active-border-color: #7268dd;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #fff;
    --i-btn-disabled-bg: #7b70ef;
    --i-btn-disabled-border-color: #7b70ef;
}

.btn-i-green {
    --i-btn-color: #fff;
    --i-btn-bg: var(--i-color1);
    --i-btn-border-color: var(--i-color1);
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #1F9E9D;
    --i-btn-hover-border-color: #1F9E9D;
    --i-btn-focus-shadow-rgb: 143, 133, 241;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #1F9E9D;
    --i-btn-active-border-color: #1F9E9D;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #fff;
    --i-btn-disabled-bg: #7b70ef;
    --i-btn-disabled-border-color: #7b70ef;
}

.btn-i-green-text {
    --i-btn-color: var(--i-color1);
    --i-btn-bg: #fff;
    --i-btn-border-color: var(--i-color1);
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #6f65d8;
    --i-btn-hover-border-color: #7268dd;
    --i-btn-focus-shadow-rgb: 143, 133, 241;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #7268dd;
    --i-btn-active-border-color: #7268dd;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #fff;
    --i-btn-disabled-bg: #7b70ef;
    --i-btn-disabled-border-color: #7b70ef;
}

.btn-i-blue {
    --i-btn-color: #fff;
    --i-btn-bg: var(--i-blue);
    --i-btn-border-color: var(--i-blue);
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #2b7fc7;
    --i-btn-hover-border-color: #2b7fc7;
    --i-btn-focus-shadow-rgb: 143, 133, 241;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #2b7fc7;
    --i-btn-active-border-color: #2b7fc7;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #fff;
    --i-btn-disabled-bg: #1e476b;
    --i-btn-disabled-border-color: #1e476b;
}

.btn-danger {
    --i-btn-color: #fff;
    --i-btn-bg: #910001;
    --i-btn-border-color: #910001;
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #d64d5b;
    --i-btn-hover-border-color: #db4f5d;
    --i-btn-focus-shadow-rgb: 240, 111, 124;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #db4f5d;
    --i-btn-active-border-color: #db4f5d;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #fff;
    --i-btn-disabled-bg: #910001;
    --i-btn-disabled-border-color: #910001;
}

.btn-confirm {
    --i-btn-color: #fff;
    --i-btn-bg: #e0026e;
    --i-btn-border-color: #e0026e;
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #d84b8f;
    --i-btn-hover-border-color: #d84b8f;
    --i-btn-focus-shadow-rgb: 240, 111, 124;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #db4f5d;
    --i-btn-active-border-color: #db4f5d;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #fff;
    --i-btn-disabled-bg: #e0026e;
    --i-btn-disabled-border-color: #e0026e;
}

.btn-outline-danger {
    --i-btn-color: var(--i-danger);
    --i-btn-bg: transparent;
    --i-btn-border-color: var(--i-danger);
    --i-btn-hover-bg: var(--i-danger);
    --i-btn-hover-border-color: var(--i-danger);
    --i-btn-focus-shadow-rgb: var(--i-danger-rgb);
    --i-btn-active-bg: var(--i-danger);
    --i-btn-active-border-color: var(--i-danger);
}

.btn-grayish-blue {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background-color: #008CBA !important;
    border-color: #008CBA !important;
    text-align: center;
}

.btn-grayish-blue:hover,
.btn-grayish-blue:focus,
.btn-grayish-blue:active,
.btn-grayish-blue.active,
.open>.dropdown-toggle.btn-grayish-blue {
    color: #ffffff;
    background-color: #008CBA !important;
    border-color: #008CBA !important;
}

.btn-txt-centered {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-long {
    width: 247px !important;
    margin-left: 24px;
    height: 50px;
}

.btn-txt-size {
    font-size: 16px !important;
    box-shadow: 0 4px 2px -2px gray;
    cursor: pointer;
}

.btn-g-edit {
    width: 86px;
    height: 40px;
    /*line-height: 40px;*/
}

.btn-g-edit:hover {
    color: #fff;
    background-color: #009190;
    border-color: #009190;
}

.btn-edit-1 {
    width: 86px;
    height: 40px;
    /*line-height: 40px;*/
}

.btn-edit-1:hover {
    color: #fff;
    background-color: #009190;
    border-color: #009190;
}

/*.btn {
    font-size: 14px;
    letter-spacing: 2px;
    color: white;
    padding: 8px 8px 8px 8px;
}*/

.btn-filter {
    color: #009190;
    background: #ffffff;
    border-color: #009190;
    height: 40px;
    width: 94px;
}

.btn-filter:hover,
.btn-filter:focus,
.btn-filter:active,
.btn-filter.active,
.open>.dropdown-toggle.btn-filter {
    color: #009190;
    background: #ffffff;
    border-color: #009190;
}

.btn-reset {
    border: none;
    background: transparent;
    font-size: 14px;
    width: 40px;
    /* margin-left: 5px; */
    /* margin-right: 10px; */
    height: 40px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

.btn-view {
    font-weight: 600;
    background: #FF9900;
}

.btn-view:hover,
.btn-view:focus,
.btn-view:active,
.btn-view.active,
.open>.dropdown-toggle.btn-view {
    color: #fff;
    background-color: #cc7a00;
    border-color: #cc7a00;
}

.btn-edit {
    font-weight: 600;
    background: #514EF3;
}

.btn.e:hover {
    color: var(--i-color-white);
    /*background-color: var(--i-color-white);*/
    background-color: #0c4342;
    border-color: var(--i-color1);
}

.e:hover .btn-icon-svg {
    /*filter: invert(1);*/
    fill: #fce57e;
}

.btn-edit:hover,
.btn-edit:focus,
.btn-edit:active,
.btn-edit.active,
.open>.dropdown-toggle.btn-edit {
    color: #fff;
    background-color: #1612ef;
    border-color: #1612ef;
}

.btn-delete {
    /*font-weight: 600;*/
    /*width: 80px;*/
    /*height: 40px;*/
    /*background: #910001;*/
}

.table .btn-delete {
    /*font-weight: 600;*/
    width: 75px;
    height: 28px;
    /*background: #910001;*/
}

.table .btn-clear {
    width: 60px;
    height: 28px;
}

.table .btn-order-details {
    /*font-weight: 600;*/
    width: 130px;
    height: 28px;
    /*background: #910001;*/
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-group>.btn:nth-child(n+3),
.btn-group> :not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#myTable a.btn:active,
#myTable a.btn:focus,
#myTable a.btn:hover {
    background-color: var(--i-body-bg);
    border: 1px solid var(--i-body-bg);
    color: var(--i-color1);
    border-color: var(--i-color1);
}

#myTable a.btn-delete:hover,
#myTable a.btn-delete:focus,
#myTable a.btn-delete:active,
#myTable a.btn-delete.active,
.open>.dropdown-toggle.btn-delete {
    color: #fff;
    background-color: #910001;
    border-color: #910001;
}

#myTable th {
    position: sticky;
    /*top: 68px;*/
}

#buttonFilter.btn:hover {
    background-color: var(--i-body-bg);
    border: 1px solid var(--i-body-bg);
    color: var(--i-color1);
    border-color: var(--i-color1);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--i-btn-active-color);
    background-color: var(--i-btn-active-bg);
    border-color: var(--i-btn-active-border-color);
}

#buttonDispose:hover img,
#buttonSpoil:hover img {
    /* filter: sepia(100%) saturate(200%) hue-rotate(180deg); */
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.btn-delete:hover .icon-svg {
    filter: invert(1);
}

.btn-subdelete {
    font-weight: 600;
    background: #910001;
}

.btn-subdelete:hover,
.btn-subdelete:focus,
.btn-delete:active,
.btn-delete.active,
.open>.dropdown-toggle.btn-delete {
    color: #fff;
    background-color: #910001;
    border-color: #910001;
}

.btn-save {
    width: 90px !important;
    height: 40px;
    font-weight: 600;
    background-color: #009190;
}

.btn-save:hover,
.btn-save:focus,
.btn-save:active,
.btn-save.active,
.open>.dropdown-toggle.btn-save {
    color: #fff;
    background-color: #007473;
    border-color: #007473;
}

.btn-detail {
    font-weight: 600;
    background: #3DD1DB;
}

.btn-detail:hover,
.btn-detail:focus,
.btn-detail:active,
.btn-detail.active,
.open>.dropdown-toggle.btn-detail {
    color: #fff;
    background-color: #007473;
    border-color: #007473;
}

.btn-pdf {
    font-weight: 600;
    background: #8c8c8c !important;
}

.btn-pdf:hover,
.btn-pdf:focus,
.btn-pdf:active,
.btn-pdf.active,
.open>.dropdown-toggle.btn-pdf {
    color: #fff;
    background-color: #737373 !important;
    border-color: #737373 !important;
}

.btn-green {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background: #009190;
    border-color: #009190;
    text-align: center;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open>.dropdown-toggle.btn-green {
    color: #ffffff;
    background-color: #007473;
    border-color: #007473;
}

.btn-white {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    background: #ffffff;
    border-color: #000000;
    text-align: center;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open>.dropdown-toggle.btn-white {
    color: #ffffff;
    background-color: #009190;
    border-color: #009190;
}

.btn-gray {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    background: #ffffff;
    border-color: #000000;
    text-align: center;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open>.dropdown-toggle.btn-gray {
    color: #ffffff;
    background-color: #585858;
    border-color: #585858;
}

.btn-blue {
    background-color: #ECF5FA !important;
    border-color: #aed5ea !important;
}

.btn-xs-view {
    width: 65px;
    height: 28px;
    line-height: 28px;
}

.btn-xs-edit {
    width: 60px;
    height: 28px;
    line-height: 28px;
}


.btn-xs-details {
    width: auto;
    height: 28px;
    line-height: 28px;
}

.btn-xs-create {
    width: 120px;
    height: 28px;
    line-height: 28px;
}

.btn-xs-create-do {
    width: 120px;
    height: 28px;
    line-height: 28px;
}

.btn-company {
    height: auto;
    border: none;
    font-size: 16px;
}

.btn-company:focus {
    color: #000000;
}

/*
.btn-xs:hover,
.btn-xs:focus,
.btn-xs:active,
.btn-xs.active,
.open>.dropdown-toggle.btn-xs {
    color: #000000;
    background-color: #ffffff;
    border-color: #E3E9ED;
}
*/
.btn-xs-gap {
    margin-left: 4px;
}

.btn-icon-xs {
    font-size: 8px !important;
}

.btn-long {
    width: 247px !important;
    margin-left: 12px;
    margin-top: 12px;
}

.btn-group {
    /*height: 40px;*/
}

.btn-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(.5rem + 1.0em + 2px);
    width: calc(.5rem + 1.0em + 2px);
    padding: 0
}

.btn-icon :is(i, svg, img) {
    vertical-align: middle
}

.more-btn {
    color: #ffffff;
    background-color: #008CBA;
    border-color: #008CBA;
}

.more-btn:hover,
.more-btn:focus,
.more-btn:active,
.more-btn.active,
.open .dropdown-toggle.more-btn {
    color: #ffffff;
    background-color: #009DD1;
    border-color: #008CBA;
}

.more-btn:active,
.more-btn.active,
.open .dropdown-toggle.more-btn {
    background-image: none;
}

.more-btn.disabled,
.more-btn[disabled],
fieldset[disabled] .more-btn,
.more-btn.disabled:hover,
.more-btn[disabled]:hover,
fieldset[disabled] .more-btn:hover,
.more-btn.disabled:focus,
.more-btn[disabled]:focus,
fieldset[disabled] .more-btn:focus,
.more-btn.disabled:active,
.more-btn[disabled]:active,
fieldset[disabled] .more-btn:active,
.more-btn.disabled.active,
.more-btn[disabled].active,
fieldset[disabled] .more-btn.active {
    background-color: #008CBA;
    border-color: #008CBA;
}

.more-btn .badge {
    color: #008CBA;
    background-color: #ffffff;
}

.btn-is-edit {
    color: #FFFFFF;
    background-color: #009190;
    border-color: #009190;
}

.btn-is-edit:hover,
.btn-is-edit:focus,
.btn-is-edit:active,
.btn-is-edit.active,
.open .dropdown-toggle.btn-is-edit {
    color: #FFFFFF;
    /*background-color: #20ABAB;*/
    background-color: #007473;
    border-color: #009190;
}

.btn-is-edit:active,
.btn-is-edit.active,
.open .dropdown-toggle.btn-is-edit {
    background-image: none;
}

.btn-is-edit.disabled,
.btn-is-edit[disabled],
fieldset[disabled] .btn-is-edit,
.btn-is-edit.disabled:hover,
.btn-is-edit[disabled]:hover,
fieldset[disabled] .btn-is-edit:hover,
.btn-is-edit.disabled:focus,
.btn-is-edit[disabled]:focus,
fieldset[disabled] .btn-is-edit:focus,
.btn-is-edit.disabled:active,
.btn-is-edit[disabled]:active,
fieldset[disabled] .btn-is-edit:active,
.btn-is-edit.disabled.active,
.btn-is-edit[disabled].active,
fieldset[disabled] .btn-is-edit.active {
    background-color: #009190;
    border-color: #009190;
}

.btn-is-edit .badge {
    color: #009190;
    background-color: #FFFFFF;
}

.btn-is-color1 {
    color: #FFFFFF;
    background-color: #009190;
    border-color: #009190;
}

.btn-is-color1:hover,
.btn-is-color1:focus,
.btn-is-color1:active,
.btn-is-color1.active,
.open .dropdown-toggle.btn-is-color1 {
    color: #FFFFFF !important;
    background-color: #007473 !important;
    border-color: #009190 !important;
}

.btn-is-color1:active,
.btn-is-color1.active,
.open .dropdown-toggle.btn-is-color1 {
    background-image: none;
}

.btn-is-color1.disabled,
.btn-is-color1[disabled],
fieldset[disabled] .btn-is-color1,
.btn-is-color1.disabled:hover,
.btn-is-color1[disabled]:hover,
fieldset[disabled] .btn-is-color1:hover,
.btn-is-color1.disabled:focus,
.btn-is-color1[disabled]:focus,
fieldset[disabled] .btn-is-color1:focus,
.btn-is-color1.disabled:active,
.btn-is-color1[disabled]:active,
fieldset[disabled] .btn-is-color1:active,
.btn-is-color1.disabled.active,
.btn-is-color1[disabled].active,
fieldset[disabled] .btn-is-color1.active {
    background-color: #009190;
    border-color: #009190;
}

.btn-is-color1 .badge {
    color: #009190;
    background-color: #FFFFFF;
}

.btn-outline-info {
    --i-btn-color: #23c6c8;
    --i-btn-border-color: #23c6c8;
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #23c6c8;
    --i-btn-hover-border-color: #23c6c8;
    --i-btn-focus-shadow-rgb: 35, 198, 200;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #23c6c8;
    --i-btn-active-border-color: #23c6c8;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #23c6c8;
    --i-btn-disabled-bg: transparent;
    --i-btn-disabled-border-color: #23c6c8;
    --i-gradient: none;
}

.btn-outline-info {
    --i-btn-color: var(--i-color1);
    --i-btn-bg: transparent;
    --i-btn-border-color: var(--i-color1);
    --i-btn-hover-bg: var(--i-color1);
    --i-btn-hover-border-color: var(--i-color1);
    --i-btn-focus-shadow-rgb: var(--i-info-rgb);
    --i-btn-active-bg: var(--i-color1);
    --i-btn-active-border-color: var(--i-color1);
}

.btn-outline-danger {
    --i-btn-color: #ed5565;
    --i-btn-border-color: #ed5565;
    --i-btn-hover-color: #fff;
    --i-btn-hover-bg: #ed5565;
    --i-btn-hover-border-color: #ed5565;
    --i-btn-focus-shadow-rgb: 237, 85, 101;
    --i-btn-active-color: #fff;
    --i-btn-active-bg: #ed5565;
    --i-btn-active-border-color: #ed5565;
    --i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --i-btn-disabled-color: #ed5565;
    --i-btn-disabled-bg: transparent;
    --i-btn-disabled-border-color: #ed5565;
    --i-gradient: none;
}

.btn-cs {
    width: 247px;
    height: 50px;
}

.btn-i-shadow {
    --i-btn-border-color: #d7d7d7;
    --i-btn-border-width: 1px;
    box-shadow: 3px 3px 3px 0px rgba(14, 30, 37, 0.12);
    border-color: var(--i-btn-border-color);
    border-width: var(--i-btn-border-width);
}

/*********************************************************************************/

.me-1 {
    margin-right: .3125rem !important
}

#delete-modal .modal-title {
    font-size: 16px;
    font-weight: 600;
}

/**TOPBAR********************************************************************************/
.app-topbar {
    position: sticky;
    top: 0;
    z-index: 1500;
    background: var(--i-topbar-bg);
    -webkit-box-shadow: var(--i-theme-card-box-shadow);
    box-shadow: var(--i-theme-card-box-shadow);
    height: var(--i-topbar-height);
    margin-left: var(--i-sidenav-width);
    -webkit-transition: margin-left 0.25s ease-in-out;
    transition: margin-left 0.25s ease-in-out;
}

.app-topbar .topbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    border-bottom: var(--i-theme-card-border-width) solid var(--i-theme-card-border-color);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.app-topbar .topbar-menu .topbar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: var(--i-topbar-height);
}

.app-topbar .topbar-menu .topbar-item .topbar-link {
    z-index: 1;
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: var(--i-topbar-item-color);
    position: relative;
}

.app-topbar .topbar-menu .topbar-item .topbar-link:active,
.app-topbar .topbar-menu .topbar-item .topbar-link:focus,
.app-topbar .topbar-menu .topbar-item .topbar-link:hover {
    color: var(--i-topbar-item-hover-color);
}

.app-topbar .topbar-menu .topbar-item .topbar-badge {
    position: absolute;
    top: -10px;
    right: -1px;
}

.app-topbar ul {
    list-style-type: none;
    margin-bottom: 0;
}

.logo-topbar {
    float: left;
    display: none;
    line-height: var(--i-topbar-height);
    padding: 0 0.625rem;
}

.logo-topbar .logo-sm {
    display: none;
}

.logo-topbar .logo-light {
    display: none;
}

.logo-topbar .logo-dark {
    display: block;
}

/**eol.TOPBAR******************************************************************************/
.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

.az {
    font-size: 20px !important;
    font-weight: 600;
    color: #ff4d4d;
    background-color: #000000;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .813rem
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.4532rem 0.77rem;
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--i-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--i-secondary-bg);
    background-clip: padding-box;
    border: var(--i-border-width) solid var(--i-border-color2);
    border-radius: var(--i-border-radius);
    -webkit-transition: none;
    transition: none;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.4532rem 0.77rem;
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--i-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--i-tertiary-bg);
    border: var(--i-border-width) solid var(--i-border-color);
    border-radius: var(--i-border-radius);
}

.container-filter {
    display: flex;
    gap: 0px;
}

.input-grp-filter {
    flex: 1;
    height: 40px;
    box-sizing: border-box;
    margin-top: 1px;
}

.input-grp-filter-seperator {
    flex-basis: 39.47px;
    margin-top: 30px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.4532rem 0.77rem;
    font-weight: 400;
    color: var(--i-body-color);
    text-align: center;
    background-color: var(--i-tertiary-bg);
    border: var(--i-border-width) solid var(--i-border-color);
    border-left: hidden;
    border-right: hidden;
}

.t2.x .select2-selection,
.t2.x .btn {
    min-width: 100%;
}

.select2-container--krajee-bs5 .select2-selection--single .select2-selection__clear,
.select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__clear {
    margin-top: 1px;
    margin-right: 15px;
}

.select2-container--default .select2-selection--single {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    /* line-height: 35px; */
}

.select2-container--default .select2-selection--single {
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.select2-container--krajee-bs5 .select2-selection {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #fff;
    border: 1px solid var(--i-border-color2);
    border-radius: 0.25rem;
    color: #212529;
    outline: 0;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-dropdown {
    /* border: 1px solid #86b7fe; */
    border: var(--bs-border-width) solid var(--bs-border-color);
}

select.is-valid+.select2-container--krajee-bs5 .select2-selection--single,
.has-success.select2-container--krajee-bs5 .select2-dropdown,
.has-success .select2-container--krajee-bs5 .select2-selection {
    border-color: var(--bs-border-color);
}

.select2-container--krajee-bs5 .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-selection .select2-selection--multiple {
    /* width: 200px; */
    min-height: 40px;
    /* border-radius: var(--bs-border-radius);
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    overflow: auto; */
}

.select2-container--krajee-bs5 .select2-selection--single .select2-selection__placeholder {
    color: #BCC1CA !important;
    opacity: 1;
}

.select2-container--krajee-bs5.select2-container--open:not(.select2-container--disabled) .select2-selection,
.select2-container--krajee-bs5:not(.select2-container--disabled) .select2-selection:focus {}

#filtercontainer {
    width: 100%;
    height: 100%;
}

#leftcolumn {
    float: left;
    display: inline-block;
    width: 35px;
    height: 100%;
}

#contentwrapper {
    float: left;
    display: inline-block;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    height: 100%;
    margin-left: 5px;
}

.form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.form-group1 {
  width: 100%;
  padding: 5px 0;
}

.form-group1 label {
  display: block;
  margin-bottom: 5px;
}

.form-group1 input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

@media screen and (min-width: 600px) {
  .form-row {
    flex-direction: row;
  }

  .form-group1 {
    width: 50%;
    padding: 0 10px;
  }

  .form-group1:first-child {
      padding-left: 0;
  }

  .form-group1:last-child {
      padding-right: 0;
  }
}