@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

:root {
    --teal-100: #0F3D35;
    --teal-90: #175E51;
    --teal-80: #1F7A6A;
    --teal-70: #279B86;
    --teal-50: #2EB89F;
    --teal-40: #5CD6C0;
    --teal-30: #99E5D8;
    --teal-20: #BEEFE6;
    --teal-10: #E2F8F4;
    --teal-5: #E2F8F4;
    --neutral-100: #050605;
    --neutral-90: #282F2E;
    --neutral-80: #465351;
    --neutral-70: #667875;
    --neutral-60: #8FA3A0;
    --neutral-50: #B9C6C3;
    --neutral-40: #CFD8D7;
    --neutral-30: #E3E9E8;
    --neutral-20: #EEF1F1;
    --neutral-10: #F4F6F5;
    --neutral-5: #F9FAFA;
    --neutral-0: #F9FAFA;
    --green-dark: #2F7722;
    --green: #4ABC36;
    --green-light: #D8F2D3;
    --blue-dark: #0067E6;
    --blue: #2889FF;
    --blue-light: #EBF4FF;
    --orange-dark: #AB5C12;
    --orange: #FFB223;
    --orange-50: #F89A44;
    --orange-light: #FFF4E0;
    --red-dark: #DC041A;
    --red: #FF3F52;
    --red-light: #FFEBED;
    --purple-dark: #403692;
    --purple: #877AD6;
    --purple-light: #EAE6FE;
    --white: #ffffff;
    --black: #000000;
    --color-text-default: var(--neutral-90);
    --color-blanket: rgba(40, 47, 46, 0.80);
    --font-primary: 'Open Sans', sans-serif;
    --spacing-spacing-4: 4px;
    --spacing-spacing-8: 8px;
    --spacing-spacing-12: 12px;
    --spacing-spacing-16: 16px;
    --spacing-spacing-20: 20px;
    --spacing-spacing-24: 24px;
    --spacing-spacing-28: 28px;
    --spacing-spacing-32: 32px;
    --spacing-spacing-36: 36px;
    --spacing-spacing-40: 40px;
    --spacing-spacing-44: 44px;
    --spacing-spacing-48: 48px;
    --spacing-spacing-52: 52px;
    --spacing-spacing-56: 56px;
    --border-radius-inupts: 4px;
    --border-color-form-field: var(--neutral-70);
    --icon-close: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.660473%200.799021L0.721306%200.729021C0.82713%200.623173%200.967425%200.558817%201.11668%200.547653C1.26594%200.536489%201.41425%200.57926%201.53464%200.668188L1.60464%200.729021L6.99631%206.11985L12.388%200.728188C12.4457%200.668522%2012.5146%200.620941%2012.5909%200.588222C12.6672%200.555503%2012.7492%200.5383%2012.8322%200.537619C12.9152%200.536937%2012.9975%200.55279%2013.0743%200.584251C13.1511%200.615713%2013.2208%200.662154%2013.2795%200.720864C13.3381%200.779575%2013.3845%200.849379%2013.4159%200.926203C13.4473%201.00303%2013.4631%201.08533%2013.4623%201.16832C13.4615%201.25131%2013.4443%201.33331%2013.4115%201.40955C13.3787%201.48579%2013.331%201.55473%2013.2713%201.61235L7.88047%207.00402L13.2721%2012.3957C13.3779%2012.5016%2013.4421%2012.642%2013.4531%2012.7912C13.4641%2012.9405%2013.4212%2013.0887%2013.3321%2013.209L13.2713%2013.279C13.1655%2013.3849%2013.0252%2013.4492%2012.8759%2013.4604C12.7267%2013.4716%2012.5784%2013.4288%2012.458%2013.3399L12.388%2013.279L6.99631%207.88819L1.60464%2013.2799C1.48671%2013.3937%201.3288%2013.4566%201.16493%2013.4551C1.00106%2013.4536%200.84433%2013.3878%200.728504%2013.2718C0.612678%2013.1559%200.547022%2012.9991%200.545675%2012.8352C0.544329%2012.6714%200.607401%2012.5135%200.721306%2012.3957L6.11214%207.00402L0.720473%201.61235C0.61475%201.50643%200.550547%201.36608%200.539536%201.21682C0.528526%201.06757%200.571438%200.919317%200.660473%200.799021Z%22%20fill%3D%22%230F3D35%22%2F%3E%20%3C%2Fsvg%3E');
    --icon-success: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1.77997%207.46106C1.63779%207.32858%201.44975%207.25645%201.25545%207.25988C1.06114%207.26331%200.87576%207.34202%200.738347%207.47944C0.600934%207.61685%200.522222%207.80223%200.518794%207.99654C0.515365%208.19084%200.587489%208.37888%200.719969%208.52106L5.21997%2013.0211C5.36059%2013.1615%205.55122%2013.2404%205.74997%2013.2404C5.94872%2013.2404%206.13934%2013.1615%206.27997%2013.0211L17.28%202.02106C17.4125%201.87888%2017.4846%201.69084%2017.4811%201.49653C17.4777%201.30223%2017.399%201.11685%2017.2616%200.979435C17.1242%200.842022%2016.9388%200.763311%2016.7445%200.759882C16.5502%200.756454%2016.3621%200.828577%2016.22%200.961057L5.74997%2011.4311L1.77997%207.46106Z%22%20fill%3D%22%232F7722%22%2F%3E%0A%3C%2Fsvg%3E');
    --icon-danger: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2220%22%20viewBox%3D%220%200%2018%2020%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.45%200.15C11.992%202.057%2014.587%203%2017.25%203C17.4489%203%2017.6397%203.07902%2017.7803%203.21967C17.921%203.36032%2018%203.55109%2018%203.75V9C18%2014.001%2015.042%2017.676%209.275%2019.948C9.09828%2020.0176%208.90172%2020.0176%208.725%2019.948C2.958%2017.676%200%2014%200%209V3.75C0%203.55109%200.0790175%203.36032%200.21967%203.21967C0.360322%203.07902%200.551088%203%200.75%203C3.413%203%206.008%202.057%208.55%200.15C8.67982%200.0526335%208.83772%200%209%200C9.16228%200%209.32018%200.0526335%209.45%200.15ZM9%201.678C6.58%203.388%204.077%204.326%201.5%204.478V9C1.5%2013.256%203.953%2016.379%209%2018.442C14.047%2016.379%2016.5%2013.256%2016.5%209V4.478C13.923%204.326%2011.42%203.388%209%201.678ZM9%2014C9.19891%2014%209.38968%2014.079%209.53033%2014.2197C9.67098%2014.3603%209.75%2014.5511%209.75%2014.75C9.75%2014.9489%209.67098%2015.1397%209.53033%2015.2803C9.38968%2015.421%209.19891%2015.5%209%2015.5C8.80109%2015.5%208.61032%2015.421%208.46967%2015.2803C8.32902%2015.1397%208.25%2014.9489%208.25%2014.75C8.25%2014.5511%208.32902%2014.3603%208.46967%2014.2197C8.61032%2014.079%208.80109%2014%209%2014ZM9%205.004C9.18124%205.00401%209.35634%205.06964%209.49293%205.18877C9.62952%205.30789%209.71835%205.47245%209.743%205.652L9.75%205.754V12.252C9.74994%2012.442%209.67776%2012.6249%209.54803%2012.7638C9.4183%2012.9026%209.2407%2012.9871%209.05112%2013C8.86154%2013.013%208.67411%2012.9535%208.5267%2012.8336C8.37929%2012.7137%208.2829%2012.5422%208.257%2012.354L8.25%2012.252V5.754C8.25%205.55509%208.32902%205.36432%208.46967%205.22367C8.61032%205.08302%208.80109%205.004%209%205.004Z%22%20fill%3D%22%23DC041A%22%2F%3E%0A%3C%2Fsvg%3E');
    --icon-warning: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M8.90931%201.02721C9.4069%200.751693%209.99038%200.674849%2010.5423%200.812143C11.0943%200.949438%2011.5738%201.29068%2011.8843%201.76721L11.9673%201.90521L19.7263%2015.9142C19.9095%2016.2453%2020.0062%2016.6172%2020.0076%2016.9956C20.0089%2017.3739%2019.9148%2017.7465%2019.734%2018.0789C19.5532%2018.4112%2019.2914%2018.6926%2018.973%2018.897C18.6546%2019.1014%2018.2898%2019.2222%2017.9123%2019.2482L17.7583%2019.2542H2.24231C1.86435%2019.2542%201.49248%2019.159%201.16102%2018.9774C0.829571%2018.7957%200.549214%2018.5335%200.345832%2018.2149C0.142451%2017.8964%200.0225994%2017.5317%20-0.00265974%2017.1546C-0.0279189%2016.7775%200.0422284%2016.4001%200.201307%2016.0572L0.273308%2015.9142L8.03031%201.90521C8.23483%201.53599%208.54008%201.23173%208.90931%201.02721ZM18.4143%2016.6402L10.6543%202.63221C10.5937%202.52307%2010.5068%202.43078%2010.4014%202.36373C10.2961%202.29668%2010.1757%202.25698%2010.0512%202.24824C9.92662%202.2395%209.80185%202.26199%209.6882%202.31368C9.57454%202.36536%209.47558%202.4446%209.40031%202.54421L9.34331%202.63221L1.58631%2016.6402C1.52683%2016.7474%201.49452%2016.8674%201.49219%2016.9899C1.48985%2017.1125%201.51758%2017.2337%201.57293%2017.343C1.62828%2017.4523%201.70958%2017.5464%201.80971%2017.6171C1.90984%2017.6877%202.02575%2017.7327%202.14731%2017.7482L2.24231%2017.7542H17.7583C17.8808%2017.7541%2018.0014%2017.724%2018.1095%2017.6666C18.2177%2017.6092%2018.3101%2017.5261%2018.3788%2017.4247C18.4474%2017.3233%2018.4902%2017.2066%2018.5034%2017.0848C18.5166%2016.9631%2018.4997%2016.84%2018.4543%2016.7262L18.4143%2016.6402ZM9.99931%2014.2472C10.1331%2014.243%2010.2664%2014.2657%2010.3912%2014.3139C10.516%2014.3622%2010.6299%2014.4351%2010.726%2014.5282C10.8222%2014.6214%2010.8986%2014.7329%2010.9508%2014.8561C11.003%2014.9794%2011.0299%2015.1119%2011.0299%2015.2457C11.0299%2015.3796%2011.003%2015.512%2010.9508%2015.6353C10.8986%2015.7586%2010.8222%2015.8701%2010.726%2015.9632C10.6299%2016.0563%2010.516%2016.1292%2010.3912%2016.1775C10.2664%2016.2258%2010.1331%2016.2484%209.99931%2016.2442C9.73996%2016.236%209.49398%2016.1272%209.31343%2015.9409C9.13287%2015.7545%209.03191%2015.5052%209.03191%2015.2457C9.03191%2014.9862%209.13287%2014.7369%209.31343%2014.5506C9.49398%2014.3642%209.73996%2014.2554%209.99931%2014.2472ZM9.99431%206.74521C10.1756%206.74495%2010.3508%206.81033%2010.4876%206.92928C10.6243%207.04822%2010.7134%207.21267%2010.7383%207.39221L10.7453%207.49421L10.7493%2011.9962C10.7515%2012.1877%2010.6804%2012.3728%2010.5506%2012.5135C10.4207%2012.6542%2010.242%2012.74%2010.0509%2012.7532C9.85991%2012.7663%209.67107%2012.7059%209.52314%2012.5843C9.3752%2012.4628%209.27938%2012.2892%209.25531%2012.0992L9.24931%2011.9972L9.24531%207.49521C9.24531%207.2963%209.32432%207.10554%209.46498%206.96488C9.60563%206.82423%209.7964%206.74521%209.99531%206.74521H9.99431Z%22%20fill%3D%22%23AB5C12%22%2F%3E%0A%3C%2Fsvg%3E');
    --icon-info: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M10%20-0.00146484C15.524%20-0.00146484%2020.002%204.47654%2020.002%2010.0005C20.002%2015.5235%2015.524%2020.0015%2010%2020.0015C4.47605%2020.0015%20-0.00195312%2015.5235%20-0.00195312%2010.0005C-0.00195313%204.47654%204.47605%20-0.00146484%2010%20-0.00146484ZM10%201.49854C8.87586%201.48634%207.76041%201.69724%206.71827%202.11901C5.67612%202.54078%204.72798%203.16505%203.92871%203.9557C3.12944%204.74635%202.49492%205.68767%202.06187%206.72518C1.62882%207.76268%201.40584%208.87578%201.40584%2010C1.40584%2011.1243%201.62882%2012.2374%202.06187%2013.2749C2.49492%2014.3124%203.12944%2015.2537%203.92871%2016.0444C4.72798%2016.835%205.67612%2017.4593%206.71827%2017.8811C7.76041%2018.3028%208.87586%2018.5137%2010%2018.5015C12.2321%2018.4673%2014.3611%2017.5566%2015.9274%2015.9661C17.4937%2014.3756%2018.3717%2012.2328%2018.3717%2010.0005C18.3717%207.76825%2017.4937%205.62552%2015.9274%204.03499C14.3611%202.44447%2012.2321%201.53277%2010%201.49854ZM9.99605%208.49854C10.1775%208.4983%2010.3528%208.56383%2010.4896%208.68297C10.6264%208.80212%2010.7154%208.96681%2010.74%209.14654L10.747%209.24854L10.75%2014.7505C10.75%2014.9406%2010.6778%2015.1235%2010.5481%2015.2623C10.4183%2015.4012%2010.2407%2015.4856%2010.0512%2015.4986C9.86158%2015.5115%209.67415%2015.452%209.52675%2015.3321C9.37934%2015.2122%209.28295%2015.0408%209.25705%2014.8525L9.25005%2014.7515L9.24705%209.24954C9.24705%209.05062%209.32606%208.85986%209.46672%208.71921C9.60737%208.57855%209.79813%208.49954%209.99705%208.49954L9.99605%208.49854ZM10%205.00253C10.1338%204.9983%2010.2671%205.02099%2010.3919%205.06927C10.5168%205.11754%2010.6307%205.19041%2010.7268%205.28355C10.8229%205.37669%2010.8994%205.48819%2010.9516%205.61145C11.0038%205.7347%2011.0307%205.86718%2011.0307%206.00104C11.0307%206.13489%2011.0038%206.26737%2010.9516%206.39062C10.8994%206.51388%2010.8229%206.62538%2010.7268%206.71852C10.6307%206.81166%2010.5168%206.88453%2010.3919%206.9328C10.2671%206.98108%2010.1338%207.00377%2010%206.99954C9.7407%206.99133%209.49472%206.88253%209.31416%206.69617C9.13361%206.50981%209.03265%206.26051%209.03265%206.00104C9.03265%205.74156%209.13361%205.49226%209.31416%205.3059C9.49472%205.11954%209.7407%205.01074%2010%205.00253Z%22%20fill%3D%22%230067E6%22%2F%3E%0A%3C%2Fsvg%3E');
    --icon-sort-down: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2215%22%20viewBox%3D%220%200%208%2015%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4%200L7.4641%206.75H0.535898L4%200Z%22%20fill%3D%22%23CFD8D7%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2015L0.535898%208.25L7.4641%208.25L4%2015Z%22%20fill%3D%22%23282F2E%22%2F%3E%0A%3C%2Fsvg%3E');
    --icon-sort-up: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2215%22%20viewBox%3D%220%200%208%2015%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4%200L7.4641%206.75H0.535898L4%200Z%22%20fill%3D%22%23282F2E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2015L0.535898%208.25L7.4641%208.25L4%2015Z%22%20fill%3D%22%23CFD8D7%22%2F%3E%0A%3C%2Fsvg%3E');
    --icon-sort: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2215%22%20viewBox%3D%220%200%208%2015%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4%200L7.4641%206.75H0.535898L4%200Z%22%20fill%3D%22%23CFD8D7%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M4%2015L0.535898%208.25L7.4641%208.25L4%2015Z%22%20fill%3D%22%23CFD8D7%22%2F%3E%0A%3C%2Fsvg%3E');
}

/* TYPOGRAPHY */
body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body li,
body a {
    font-family: var(--font-primary) !important;
    color: var(--neutral-90);
}

    body,
    body h1,
    body h2,
    body h3,
    body h4,
    body h5,
    body h6 {
        font-family: var(--font-primary) !important;
        color: var(--neutral-90);
    }

        body h1 {
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
        }

        body .h1 {
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            padding: 36px 0;
            margin: 0;
        }

        body h2 {
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 130%;
            margin: 0 0 var(--spacing-spacing-12);
        }

@media (max-width: 768px) {
    body h2,
    body .h1 {
        font-size: 20px;
    }
}

body h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 var(--spacing-spacing-12);
}

@media (max-width: 768px) {
    body h3 {
        font-size: 18px;
    }
}

body h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 var(--spacing-spacing-12);
}

@media (max-width: 768px) {
    body h4 {
        font-size: 16px;
    }
}

body h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 var(--spacing-spacing-12);
}

body .h6,
body h6 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 var(--spacing-spacing-12);
}

body .h7 {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

body .h8 {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

body p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

    body p.small {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
    }

    body p:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
    }

body ul {
    padding: 0 0 0 20px;
    margin: 0;
}

    body ul li {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

.semibold {
    font-weight: 600 !important;
}

.regular {
    font-weight: 400 !important;
}

/* GLOBALS */
body {
    background-color: var(--neutral-5) !important;
}

@media (max-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow-x: scroll;
    font-size: .875em;
    /* white-space: pre-wrap; */
    display: block;
    background-color: #1d1f20;
    height: auto;
    padding: 0 10px;
    margin: 20px 0 40px;
    color: #efefef;
    border-radius: 5px;
    font-size: 12px;
}

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

.float-end {
    margin-left: auto !important;
}

.private-mode-banner {
    z-index: 20;
}

.dark-mode {
    background-color: var(--teal-100);
}

iframe::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

iframe::-webkit-scrollbar-thumb {
    background: var(--neutral-30);
    border-radius: 3px;
}

iframe::-webkit-scrollbar-track {
    background: var(--neutral-10);
    border: 0 none transparent;
}

.form-loading {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

body .text-muted {
    color: var(--color-text-default);
}

/* PAGE HEADER */
div.page-header {
    padding: 0;
    margin: 0;
}

.page-header h1,
.page-header-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
    padding: var(--spacing-spacing-40) 0;
}

.page-header-sticky {
    /* position: sticky;
    top: 0; */
    background-color: var(--white);
    z-index: 10;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

    .page-header-sticky.attached {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .page-header-sticky ~ .wrapper-body {
        padding-top: var(--spacing-spacing-24);
    }

    .page-header-sticky .page-header-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 130%;
        margin: 0;
        padding: var(--spacing-spacing-40) 0;
    }

    .page-header-sticky .page-header-back-button {
        color: var(--teal-80);
        font-size: 14px;
        font-weight: 400;
        text-decoration-line: underline;
        display: flex;
        align-items: center;
        gap: var(--spacing-spacing-4);
        margin-top: var(--spacing-spacing-16);
    }

        .page-header-sticky .page-header-back-button:active,
        .page-header-sticky .page-header-back-button:focus,
        .page-header-sticky .page-header-back-button:hover {
            color: var(--teal-80);
            text-decoration-line: underline;
        }

        .page-header-sticky .page-header-back-button::before {
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M10.3533%202.81333C10.447%202.90708%2010.4996%203.03417%2010.4996%203.16667C10.4996%203.29917%2010.447%203.42625%2010.3533%203.52L5.87334%208L10.3533%2012.48C10.4025%2012.5258%2010.4419%2012.581%2010.4692%2012.6423C10.4965%2012.7036%2010.5112%2012.7699%2010.5124%2012.837C10.5136%2012.9041%2010.5012%2012.9708%2010.4761%2013.0331C10.4509%2013.0953%2010.4135%2013.1519%2010.366%2013.1994C10.3186%2013.2468%2010.262%2013.2843%2010.1997%2013.3094C10.1375%2013.3346%2010.0708%2013.3469%2010.0037%2013.3457C9.93652%2013.3445%209.87032%2013.3298%209.80898%2013.3025C9.74765%2013.2752%209.69245%2013.2358%209.64667%2013.1867L4.81334%208.35333C4.71971%208.25958%204.66711%208.1325%204.66711%208C4.66711%207.8675%204.71971%207.74042%204.81334%207.64667L9.64667%202.81333C9.74042%202.7197%209.86751%202.66711%2010%202.66711C10.1325%202.66711%2010.2596%202.7197%2010.3533%202.81333Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E');
            width: 16px;
            height: 16px;
        }

    .page-header-sticky .page-header-title + .form-type {
        display: block;
        margin-top: -20px;
        padding-bottom: var(--spacing-spacing-24);
        font-size: 14px;
        font-weight: 600;
        color: var(--neutral-80);
    }

@media (max-width: 768px) {
    .page-header h1,
    .page-header-title {
        font-size: 24px;
        padding: var(--spacing-spacing-32) 0;
    }

    .page-header-sticky .page-header-title {
        font-size: 24px;
        padding: var(--spacing-spacing-16) 0 var(--spacing-spacing-16);
    }

        .page-header-sticky .page-header-title + .form-type {
            margin-top: -8px;
            font-size: 12px;
        }
}

/* FORM HEADER INFO */
.header-form-info {
    display: flex;
    justify-content: space-between;
}

    .header-form-info > div:first-child {
        flex: 1;
        padding: var(--spacing-spacing-24) 0;
    }

        .header-form-info > div:first-child .header-title {
            flex: 1;
            margin-top: 0;
            margin-bottom: var(--spacing-spacing-4);
            font-size: 30px;
        }

    .header-form-info .header-back {
        margin-bottom: var(--spacing-spacing-8);
        display: inline-flex;
        align-items: center;
        gap: var(--spacing-spacing-4);
    }

        .header-form-info .header-back::before {
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M10.3533%202.81334C10.447%202.90709%2010.4996%203.03417%2010.4996%203.16667C10.4996%203.29917%2010.447%203.42626%2010.3533%203.52001L5.87334%208.00001L10.3533%2012.48C10.4025%2012.5258%2010.4419%2012.581%2010.4692%2012.6423C10.4965%2012.7036%2010.5112%2012.7699%2010.5124%2012.837C10.5136%2012.9041%2010.5012%2012.9708%2010.4761%2013.0331C10.4509%2013.0953%2010.4135%2013.1519%2010.366%2013.1994C10.3186%2013.2468%2010.262%2013.2843%2010.1997%2013.3094C10.1375%2013.3346%2010.0708%2013.3469%2010.0037%2013.3457C9.93652%2013.3446%209.87032%2013.3299%209.80898%2013.3025C9.74765%2013.2752%209.69245%2013.2358%209.64667%2013.1867L4.81334%208.35334C4.71971%208.25959%204.66711%208.13251%204.66711%208.00001C4.66711%207.86751%204.71971%207.74042%204.81334%207.64667L9.64667%202.81334C9.74042%202.71971%209.86751%202.66711%2010%202.66711C10.1325%202.66711%2010.2596%202.71971%2010.3533%202.81334Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E');
            display: block;
            width: 16px;
            height: 16px;
        }

    .header-form-info > div:first-child .form-type {
        display: block;
        font-size: 14px;
        font-weight: 600;
        color: var(--neutral-80);
    }

    .header-form-info > div:nth-child(2) {
        display: flex;
        flex-wrap: nowrap;
        gap: var(--spacing-spacing-16);
        justify-content: flex-end;
        align-items: center;
    }

    .header-form-info .header-field-container {
        flex-wrap: nowrap;
        transition: opacity .3s;
        display: flex;
        justify-content: flex-end;
    }

    .header-form-info .header-field {
        padding: 0 16px 0 16px;
        flex: auto;
        width: auto;
    }

        .header-form-info .header-field:not(:last-child) {
            border-right: 1px solid var(--neutral-30);
        }

    .header-form-info .header-field-value {
        font-size: 14px;
        font-weight: 700;
        color: var(--color-text-default);
    }

    .header-form-info .header-field-label {
        font-size: 12px;
        font-weight: 400;
        color: var(--neutral-80);
    }

    .header-form-info .header-button {
        width: 32px;
        height: 32px;
        background: transparent;
        border-radius: 4px;
        display: none;
        align-items: center;
        justify-content: center;
        border: 0 none transparent;
    }

        .header-form-info .header-button:active,
        .header-form-info .header-button:focus,
        .header-form-info .header-button:hover {
            background: var(--neutral-30);
        }

.header-field-header {
    display: none;
}

@media (max-width: 992px) {
    .header-form-info .header-button {
        display: flex;
        margin-left: var(--spacing-spacing-8);
    }

    .header-form-info .header-field-container {
        flex-direction: column;
        top: 80px;
        padding: var(--spacing-spacing-16);
        background: white;
        width: 252px;
        gap: var(--spacing-spacing-16);
        border: 1px solid var(--neutral-30);
        border-radius: 4px;
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

    .header-form-info .header-button:focus + .header-field-container,
    .header-form-info .header-button:hover + .header-field-container {
        z-index: 10;
        opacity: 1;
    }

    .header-form-info .header-field {
        border: 0 none transparent !important;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-form-info .header-field-value {
        flex: 1;
    }

    .header-form-info .header-field-label {
        flex: 0.7;
    }

    .header-field-header {
        display: block;
        padding-bottom: var(--spacing-spacing-8);
        border-bottom: 1px solid var(--neutral-30);
    }

        .header-field-header .header-title {
            font-size: 14px;
            font-weight: 700;
            margin: 0;
            padding: 0;
        }

        .header-field-header .form-type {
            display: block;
            font-size: 12px;
            font-weight: 600;
            color: var(--neutral-80);
        }
}

@media (max-width: 767px) {
    .header-form-info > div:first-child .header-title {
        font-size: 20px;
    }
}
/* SECTIONS */
/* sections power pages markup */
.container .crmEntityFormView {
    border: 0 none transparent;
    background-color: transparent;
}

    .container .crmEntityFormView .actions {
        border: 0 none transparent;
        margin: 0;
        padding: 0;
    }

.entitylist:not(.entitylist > .entitylist),
.entity-form .tab .tab-column div > fieldset {
    background-color: var(--white);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    border: 0 none transparent;
    border-radius: 8px;
    padding: var(--spacing-spacing-16) var(--spacing-spacing-24) var(--spacing-spacing-24);
    margin-bottom: var(--spacing-spacing-20);
}

.in-iframe .entitylist:not(.entitylist > .entitylist),
.in-iframe .entity-form .tab .tab-column div > fieldset {
    margin-bottom: 0 !important;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}

.entity-form .tab .tab-column div > fieldset:last-child {
    margin-bottom: var(--spacing-spacing-20);
}

.page-profile #mainContent > .page-profile-form > fieldset > legend,
.entity-form .tab .tab-column div > fieldset legend {
    margin: 0 -24px var(--spacing-spacing-16) -24px;
    border-bottom: 1px solid var(--neutral-30);
    padding: 0 var(--spacing-spacing-24) var(--spacing-spacing-12);
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    color: var(--color-text-default);
    width: calc(100% + 48px);
}

.in-iframe .page-profile #mainContent > .page-profile-form > fieldset > legend,
.in-iframe .entity-form .tab .tab-column div > fieldset legend {
    margin: 0 0 var(--spacing-spacing-16) !important;
    width: 100% !important;
    padding-left: 0;
}

.page-profile #mainContent > .page-profile-form > fieldset > legend .profile-page-heading,
.entity-form .tab .tab-column div > fieldset legend h3 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
}

.section .section-item .entitylist:not(.entitylist > .entitylist) {
    background-color: transparent;
    box-shadow: none !important;
    border-radius: 0px;
    padding: 0;
    margin-bottom: 0;
    border-top: 1px solid var(--neutral-30) !important;
}

@media (max-width: 767px) {
    .page-profile #mainContent > .page-profile-form > fieldset > legend .profile-page-heading,
    .entity-form .tab .tab-column div > fieldset legend h3 {
        font-size: 16px;
    }

    html[dir=ltr] .crmEntityFormView .tab .tab-column {
        float: none !important;
        padding-left: 0 !important;
    }

    .entitylist:not(.entitylist > .entitylist),
    :not(.entitylist) > .entitylist,
    .entity-form .tab .tab-column div > fieldset {
        border-radius: 0;
        padding: var(--spacing-spacing-16);
        /* margin-left: -12px;
        margin-right: -12px; */
    }
    /* .body-iframe .entity-form .tab .tab-column div > fieldset {
        margin-left: 0 !important;
        margin-right: 0 !important;
    } */
}
/* sections own markup */
.section:not(:last-child) {
    margin-bottom: var(--spacing-spacing-24);
}

.section .section-item {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    border: 0 none transparent;
    border-radius: 8px;
    background-color: var(--white);
}

.section .section-header {
    margin: 0;
}

.section .section-title,
.section .section-toggle {
    padding: 0 var(--spacing-spacing-24) 0;
    font-size: 18px;
    font-weight: 700;
    gap: var(--spacing-spacing-24);
    justify-content: space-between;
    line-height: 140%;
    color: var(--color-text-default);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0 none transparent;
    background-color: transparent;
    height: 56px;
}

    .section .section-toggle:not(.collapsed) {
        border-bottom: 1px solid var(--neutral-30);
    }

    .section .section-toggle:active {
        background-color: transparent;
        box-shadow: none;
    }

    .section .section-toggle:focus {
        box-shadow: none;
    }

        .section .section-toggle:focus:focus-visible {
            outline: 2px solid var(--black);
            border: 0 none transparent;
        }

    .section .section-toggle::after {
        border: 0 none transparent;
        content: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.508711%200.545604C0.625899%200.428562%200.784752%200.36282%200.950378%200.36282C1.116%200.36282%201.27486%200.428562%201.39204%200.545604L6.99204%206.1456L12.592%200.545604C12.6493%200.484198%2012.7183%200.434946%2012.7949%200.400786C12.8716%200.366626%2012.9544%200.348258%2013.0383%200.346777C13.1222%200.345296%2013.2056%200.360734%2013.2834%200.392168C13.3612%200.423602%2013.4319%200.47039%2013.4912%200.529739C13.5506%200.589088%2013.5974%200.659782%2013.6288%200.737605C13.6602%200.815429%2013.6757%200.898786%2013.6742%200.982705C13.6727%201.06662%2013.6544%201.14939%2013.6202%201.22605C13.586%201.30272%2013.5368%201.37172%2013.4754%201.42894L7.43371%207.4706C7.31652%207.58765%207.15767%207.65339%206.99204%207.65339C6.82642%207.65339%206.66757%207.58765%206.55038%207.4706L0.508711%201.42894C0.391669%201.31175%200.325928%201.1529%200.325928%200.98727C0.325928%200.821645%200.391669%200.662792%200.508711%200.545604Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E');
        padding: 0;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: none;
        border-radius: 4px;
        transition: all .25s;
        transform: rotate(0deg);
    }

    .section .section-toggle:not(.collapsed)::after {
        transform: rotate(180deg);
    }

.section .section-header:hover .section-toggle::after {
    background-color: var(--neutral-20);
}

.section .section-header:active .section-toggle::after {
    background-color: var(--neutral-30);
}

.section .section-title {
    border-bottom: 1px solid var(--neutral-30) !important;
}

.section .section-body {
    padding: var(--spacing-spacing-16) var(--spacing-spacing-24);
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

    .section .section-body.section-body-contact {
        padding: var(--spacing-spacing-32) var(--spacing-spacing-32) var(--spacing-spacing-40);
    }

        .section .section-body.section-body-contact p {
            margin-bottom: 0 !important;
        }

@media (max-width: 767px) {
    .section .section-body h2,
    .section .section-title,
    .section .section-toggle {
        font-size: 16px;
    }

    .section .section-body,
    .section .section-title,
    .section .section-toggle {
        padding: var(--spacing-spacing-16);
    }

    .section .section-item {
        border-radius: 0;
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: var(--spacing-spacing-16);
    }
}
/* DIVIDER */
hr.large {
    border: 0 none transparent !important;
    outline: 0 none transparent !important;
    height: 40px;
    margin: 0 !important;
}

/* BUTTONS */
.btn {
    font-family: var(--font-primary) !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    min-height: 32px;
    height: auto;
    padding: 0 16px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    text-decoration: none;
    transition: background-color 0.5s ease;
}

    /* BUTTON - large */
    .btn.btn-lg {
        height: 40px;
    }

    /* BUTTON - icon */
    .btn.btn-icon {
        width: 32px;
        font-size: 0;
        padding: 0;
        gap: 0;
    }

        .btn.btn-icon i {
            font-size: 14px;
        }

    .btn.btn-lg.btn-icon {
        width: 40px;
    }

    .btn.btn-icon-start {
        flex-direction: row-reverse;
    }

    .btn img,
    .btn i {
        height: 16px;
        width: auto;
    }

    /* BUTTON - primary */
    .btn.btn-primary {
        background-color: var(--teal-40) !important;
        border: 0 none transparent !important;
        color: var(--teal-100) !important;
    }

        .btn.btn-primary:hover {
            background-color: var(--teal-30) !important;
            border: 0 none transparent !important;
            color: var(--teal-100) !important;
        }

        .btn.btn-primary:focus,
        .btn.btn-primary:active {
            background-color: var(--teal-40) !important;
            border: 0 none transparent !important;
            color: var(--teal-100) !important;
        }

        .btn.btn-primary:focus-visible {
            background-color: var(--teal-40) !important;
            outline: solid;
            outline-width: 2px;
            outline-offset: 1px;
            border: 2px solid var(--white) !important;
            box-shadow: none;
            color: var(--teal-100) !important;
        }

        .btn.btn-primary.btn-disabled,
        .btn.btn-primary:disabled {
            background-color: var(--neutral-20) !important;
            color: var(--neutral-50) !important;
            opacity: 1 !important;
        }

    /* BUTTON - secondary/default */
    .btn.btn-info,
    .btn.btn-default,
    .btn.btn-secondary {
        background-color: var(--white) !important;
        border: 2px solid var(--teal-40) !important;
        color: var(--teal-100) !important;
    }

        .btn.btn-info:hover,
        .btn.btn-default:hover,
        .btn.btn-secondary:hover {
            background-color: var(--teal-40) !important;
            border-color: var(--teal-40) !important;
            color: var(--teal-100) !important;
        }

        .btn.btn-info:active,
        .btn.btn-default:active,
        .btn.btn-secondary:active {
            background-color: var(--teal-30) !important;
            border-color: var(--teal-30) !important;
            color: var(--teal-100) !important;
        }

        .btn.btn-info:focus-visible,
        .btn.btn-default:focus-visible,
        .btn.btn-secondary:focus-visible {
            background-color: transparent;
            color: var(--teal-100);
            outline: solid;
            outline-offset: 2px;
            outline-width: 2px;
            box-shadow: none;
            color: var(--teal-100);
        }

        .btn.btn-info.btn-disabled,
        .btn.btn-info:disabled,
        .btn.btn-default.btn-disabled,
        .btn.btn-default:disabled,
        .btn.btn-secondary.btn-disabled,
        .btn.btn-secondary:disabled {
            background-color: var(--white) !important;
            border: 2px solid var(--neutral-50) !important;
            color: var(--neutral-50) !important;
            opacity: 1;
        }

    /* BUTTON - link/ghost */
    .btn.btn-link {
        gap: 6px;
        background-color: transparent;
        border: 0 none transparent;
        color: var(--teal-100) !important;
        font-weight: 700 !important;
    }

        .btn.btn-link:focus,
        .btn.btn-link:hover {
            background-color: var(--neutral-20);
            border: 0 none transparent;
            color: var(--teal-100) !important;
        }

        .btn.btn-link:active {
            background-color: var(--neutral-30);
            border: 0 none transparent;
            color: var(--teal-100) !important;
        }

        .btn.btn-link:focus-visible {
            background-color: transparent;
            color: var(--teal-100);
            outline: solid;
            outline-width: 2px;
            box-shadow: none;
            color: var(--teal-100);
        }

        .btn.btn-link.btn-disabled,
        .btn.btn-link:disabled {
            background-color: transparent;
            color: var(--neutral-50) !important;
            opacity: 1;
        }

/* LINKS */
body a.anchor-inherit-styles,
body a:not(.btn) {
    color: var(--teal-80);
    text-decoration: underline;
}

    body a.anchor-inherit-styles:hover,
    body a:not(.btn):hover {
        color: var(--teal-100);
        text-decoration: underline;
    }

    body a.anchor-inherit-styles:active,
    body a:not(.btn):active {
        color: var(--teal-100);
        text-decoration: underline;
    }

    body a.anchor-inherit-styles:focus-visible,
    body a:not(.btn):focus-visible {
        color: var(--teal-80);
        text-decoration: underline;
        outline-width: 2px;
        outline-offset: 4px;
    }

    body a.anchor-inherit-styles:disabled,
    body a.anchor-inherit-styles.disabled,
    body a:not(.btn):disabled,
    body a:not(.btn).disabled {
        color: var(--neutral-50);
        text-decoration: underline;
    }
/* dark mode */
.dark-mode a.anchor-inherit-styles,
.dark-mode a:not(.btn) {
    color: var(--neutral-5);
    text-decoration: underline;
}

    .dark-mode a.anchor-inherit-styles:hover,
    .dark-mode a:not(.btn):hover {
        color: var(--neutral-40);
        text-decoration: underline;
    }

    .dark-mode a.anchor-inherit-styles:active,
    .dark-mode a:not(.btn):active {
        color: var(--neutral-40);
        text-decoration: underline;
    }

    .dark-mode a.anchor-inherit-styles:focus-visible,
    .dark-mode a:not(.btn):focus-visible {
        color: var(--neutral-5);
        text-decoration: underline;
        border: 1px solid var(--white);
        outline-width: 1px;
        outline-offset: 2px;
        outline-color: var(--black);
        padding: 2px;
    }

    .dark-mode a.anchor-inherit-styles:disabled,
    .dark-mode a.anchor-inherit-styles.disabled,
    .dark-mode a:not(.btn):disabled,
    .dark-mode a:not(.btn).disabled {
        color: var(--neutral-40);
        text-decoration: underline;
    }

/* SKIP LINK */
a.skip-to-content {
    background-color: var(--white);
    border: 2px solid var(--teal-70);
    padding: 0 var(--spacing-spacing-16);
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline !important;
}

    a.skip-to-content:focus-visible {
        border: 2px solid var(--teal-70);
        outline-offset: 1px !important;
        outline: 2px solid var(--black);
    }

@media (max-width: 767px) {
    .skip-to-content {
        height: 32px;
    }
}

/* HEADER */
body .static-top.navbar-dark .navbar-brand {
    padding: 0;
}

    body .static-top.navbar-dark .navbar-brand .header-logos {
        position: relative;
        height: 120px;
    }

.navbar .navbar-brand .qld-logo svg,
.navbar .navbar-brand .qld-logo img {
    width: 287px;
    margin: 0 0 20px;
}

.header-logos-unify {
    display: flex;
    gap: var(--spacing-spacing-36);
    align-items: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
}

.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: #5cd6c0 !important;
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

.navbar .navbar-brand .unify-logo svg,
.navbar .navbar-brand .unify-logo img {
    height: auto;
    width: 310px;
    margin-top: -10px;
}

.navbar .navbar-brand .youth-logo {
    display: block;
    position: relative;
    font-size: 28px;
    font-weight: 700
}

    .navbar .navbar-brand .youth-logo svg,
    .navbar .navbar-brand .youth-logo img {
        height: auto;
        width: 167px;
        margin-bottom: -8px;
    }

@media (max-width: 992px) {
    .navbar .navbar-brand .youth-logo svg,
    .navbar .navbar-brand .youth-logo img {
        margin-bottom: 0;
        position: relative;
        top: 3px;
    }
}

@media (max-width: 767px) {
    .navbar .navbar-brand .qld-logo svg,
    .navbar .navbar-brand .qld-logo img {
        margin: 0 0 10px;
        width: 236px;
    }

    .header-logos-unify {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: var(--spacing-spacing-4);
    }

    .navbar .navbar-brand .youth-logo:before {
        display: none;
    }

    .navbar .navbar-brand .unify-logo svg,
    .navbar .navbar-brand .unify-logo img {
        top: 0px;
        width: 208px;
        margin-top: 0;
    }

    .navbar .navbar-brand .youth-logo svg,
    .navbar .navbar-brand .youth-logo img {
        top: 0px;
        width: 130px;
    }

    .navbar .navbar-brand .youth-logo {
        display: block;
        position: relative;
        top: -8px;
        height: 30px;
    }
}

body .navbar.static-top .container {
    align-items: start;
    flex-wrap: nowrap;
}

.navbar .skip-to-content {
    position: absolute;
    left: -100%;
    top: 20px;
    transition: left .5s ease-in-out;
    ;
    color: var(--neutral-100);
    text-decoration: none;
    z-index: 1000;
}

    .navbar .skip-to-content:focus {
        left: 20px;
        color: var(--neutral-100);
        text-decoration: none;
    }

body .menu-bar > .navbar-nav {
    gap: 8px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

body .static-top.navbar-dark {
    background-color: var(--teal-40);
    box-shadow: none;
}

body .menu-bar > .navbar-nav > li.divider-vertical {
    display: none;
}

body .menu-bar > .navbar-nav > li > a {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 170%;
    color: var(--neutral-90) !important;
    display: flex;
    gap: 8px;
    padding: var(--spacing-spacing-4) var(--spacing-spacing-12) !important;
    border: 0 none transparent !important;
    border-radius: 4px !important;
    margin: 0;
    text-decoration: none !important;
}

    body .menu-bar > .navbar-nav > li > a:focus,
    body .menu-bar > .navbar-nav > li > a:active,
    body .menu-bar > .navbar-nav > li > a:hover {
        text-decoration: none !important;
        color: var(--neutral-90);
        background-color: var(--teal-10);
        outline: 0px solid transparent;
        border: 0 none transparent !important;
    }

    body .menu-bar > .navbar-nav > li > a:focus-visible {
        text-decoration: none !important;
        color: var(--neutral-90);
        background-color: var(--teal-10);
        outline: solid;
        outline-width: 2px
    }

    body .menu-bar > .navbar-nav > li > a.nav-link--current {
        position: relative;
    }
/* Dropdown menu */
body .navbar-nav > li.dropdown > a:focus,
body .navbar-nav a.dropdown-toggle.show,
body .menu-bar > .navbar-nav a.dropdown-toggle.show:active,
body .menu-bar > .navbar-nav a.dropdown-toggle.show:hover,
body .menu-bar > .navbar-nav > li.dropdown > a:active,
body .menu-bar > .navbar-nav > li.dropdown > a:hover {
    text-decoration: none !important;
    color: var(--neutral-90) !important;
    background-color: var(--teal-10) !important;
}

body .menu-bar > .navbar-nav > li.dropdown > a:focus-visible {
    text-decoration: none !important;
    color: var(--neutral-90) !important;
    background-color: var(--teal-10) !important;
    outline: solid;
    outline-width: 2px
}

body .menu-bar > .navbar-nav > li .dropdown-toggle.show:focus,
body .menu-bar > .navbar-nav > li .dropdown-toggle.show {
    background-color: var(--teal-10);
}

body .menu-bar > .navbar-nav > li .dropdown-toggle::after {
    align-self: center;
    border: 0 none transparent !important;
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%226%22%20viewBox%3D%220%200%2012%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.806871%200.23641C0.900621%200.142776%201.0277%200.0901829%201.1602%200.0901829C1.2927%200.0901829%201.41979%200.142776%201.51354%200.23641L5.99354%204.71641L10.4735%200.23641C10.5193%200.187285%2010.5745%200.147883%2010.6358%200.120555C10.6972%200.0932275%2010.7634%200.0785328%2010.8305%200.0773483C10.8977%200.0761638%2010.9643%200.0885137%2011.0266%200.113661C11.0889%200.138808%2011.1454%200.176238%2011.1929%200.223718C11.2404%200.271197%2011.2778%200.327752%2011.303%200.390011C11.3281%200.45227%2011.3404%200.518956%2011.3393%200.586091C11.3381%200.653226%2011.3234%200.719435%2011.2961%200.780768C11.2687%200.842101%2011.2293%200.897301%2011.1802%200.943076L6.34687%205.77641C6.25312%205.87004%206.12604%205.92264%205.99354%205.92264C5.86104%205.92264%205.73395%205.87004%205.6402%205.77641L0.806871%200.943076C0.713237%200.849326%200.660645%200.722243%200.660645%200.589743C0.660645%200.457242%200.713237%200.33016%200.806871%200.23641Z%22%20fill%3D%22%23212121%22%2F%3E%20%3C%2Fsvg%3E');
}

body .menu-bar > .navbar-nav > li .dropdown-toggle .caret {
    display: none;
}

body .menu-bar > .navbar-nav .dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0;
    left: auto;
    min-width: 120%;
}

body .menu-bar > .navbar-nav .dropdown-menu.show {
    margin-top: var(--spacing-spacing-4);
    background-color: var(--white);
    border: 1px solid var(--neutral-30);
    padding: var(--spacing-spacing-4);
    position: absolute !important;
}

    body .menu-bar > .navbar-nav .dropdown-menu.show .dropdown-divider {
        display: none;
    }

    body .menu-bar > .navbar-nav .dropdown-menu.show > li > a {
        padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        color: var(--color-text-default);
    }

        body .menu-bar > .navbar-nav .dropdown-menu.show > li > a:active,
        body .menu-bar > .navbar-nav .dropdown-menu.show > li > a:focus,
        body .menu-bar > .navbar-nav .dropdown-menu.show > li > a:hover {
            text-decoration: none;
            border: 0 none transparent !important;
            background-color: var(--teal-10);
            color: var(--color-text-default);
        }

        body .menu-bar > .navbar-nav .dropdown-menu.show > li > a:focus-visible {
            text-decoration: none;
            border: 0 none transparent !important;
            background-color: var(--teal-10) !important;
            color: var(--color-text-default) !important;
            outline: 2px solid var(--black);
            outline-offset: 1px;
        }

/* HEADER MOBILE */
.bg-mobile-menu,
.top-mobile-menu,
.navbar-nav-header,
body .menu-bar > .navbar-nav .dropdown-menu .dropdown-header {
    display: none;
}

body .navbar .navbar-toggler {
    display: none;
}

@media (max-width: 992px) {
    .bg-mobile-menu {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 18;
        background-color: rgba(40, 47, 46, 0.80);
        transition: all .25s;
    }

    .navbar {
        position: relative;
    }

    body .static-top .menu-bar > .navbar-nav {
        margin-top: 0 !important;
        gap: 0px !important;
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }

    body .navbar .navbar-toggler {
        position: absolute;
        right: var(--spacing-spacing-16);
        top: var(--spacing-spacing-16);
        width: 40px;
        height: 40px;
        background-color: transparent;
        border: none 0 transparent;
        margin: 0;
        padding: 0;
        transition: all .2s;
        display: flex;
    }

        body .navbar .navbar-toggler:focus-visible,
        body .navbar .navbar-toggler:focus,
        body .navbar .navbar-toggler:hover {
            background-color: var(--teal-10);
            box-shadow: none;
            border: 0 none transparent;
            outline: 0 none transparent;
        }

        body .navbar .navbar-toggler:active {
            background-color: var(--teal-30);
        }

    .navbar-toggler .bar {
        position: absolute;
        width: 24px;
        height: 1px;
        background-color: var(--neutral-90);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .navbar-toggler::before,
    .navbar-toggler::after {
        content: '';
        position: absolute;
        width: 24px;
        height: 1px;
        background-color: var(--neutral-90);
        top: 50%;
        left: 50%;
        transition: all .25s;
    }

    .navbar-toggler::before {
        transform: translate(-50%, calc(-50% - 5px));
    }

    .navbar-toggler::after {
        transform: translate(-50%, calc(-50% + 5px));
    }

    body .menu-bar > .navbar-nav .dropdown-menu[data-bs-popper] {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .top-mobile-menu {
        background-color: var(--white);
        border-bottom: 2px solid var(--neutral-30);
        margin: -24px -16px var(--spacing-spacing-12);
        padding: 24px 16px 0;
        display: block;
    }

    #navbar,
    body .static-top .menu-bar > .navbar-nav .dropdown-menu {
        position: fixed !important;
        z-index: 20;
        width: 100%;
        min-height: 100%;
        margin: 0 !important;
        border: 0 none transparent !important;
        transform: translateX(100%) !important;
        padding: var(--spacing-spacing-12) var(--spacing-spacing-16) !important;
        transition: transform .2s .2s;
        opacity: 0;
        display: block !important;
        visibility: hidden;
        border-radius: 0 !important;
        top: 0 !important;
        right: 0 !important;
        max-width: 375px !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #navbar {
        background-color: var(--neutral-5);
    }

    body .static-top .menu-bar > .navbar-nav .dropdown-menu {
        background-color: var(--white);
    }

        #navbar.show,
        body .static-top .menu-bar > .navbar-nav .dropdown-menu.show {
            transform: translateX(0) !important;
            opacity: 1;
            visibility: visible;
        }

        body .menu-mobile-header,
        body .static-top .navbar-nav-header,
        body .static-top .menu-bar > .navbar-nav .dropdown-menu .dropdown-header {
            padding: var(--spacing-spacing-8);
            margin-bottom: var(--spacing-spacing-16);
            justify-content: space-between;
            align-items: center;
            display: flex;
        }

            .navbar-nav-header .js-close-menu,
            body .menu-mobile-header .js-close-menu {
                margin-left: auto;
            }

        body .static-top .menu-bar > .navbar-nav > li > a,
        body .static-top .menu-bar > .navbar-nav .dropdown-menu.show > li > a {
            padding: var(--spacing-spacing-8) var(--spacing-spacing-16) !important;
            margin-bottom: var(--spacing-spacing-8) !important;
            font-weight: 600 !important;
            color: var(--color-text-default) !important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            body .static-top .menu-bar > .navbar-nav > li > a.nav-link--current:after {
                display: none !important;
            }

    body .static-top .menu-bar > .navbar-nav > li .dropdown-toggle::after {
        transform: rotate(-90deg);
    }
}

/* SECONDARY MENU */
@media (max-width: 992px) {
    nav.menu-bar.menu-bar-secondary,
    #mainContent nav.menu-bar.menu-bar-secondary {
        display: none;
    }
}

nav.menu-bar.menu-bar-secondary {
    background-color: white;
    position: relative;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    z-index: 11;
}

.menu-bar-secondary ul.nav.navbar-nav.weblinks {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    gap: 0;
}

@media (max-width: 1200px) {
    .menu-bar-secondary ul.nav.navbar-nav.weblinks {
        max-width: 1140px;
    }
}

@media (min-width: 1200px) {
    .menu-bar-secondary ul.nav.navbar-nav.weblinks {
        max-width: 1140px;
    }
}

@media (min-width: 1200px) {
    .menu-bar-secondary ul.nav.navbar-nav.weblinks {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .menu-bar-secondary ul.nav.navbar-nav.weblinks {
        max-width: 1320px;
    }
}

body .menu-bar.menu-bar-secondary .navbar-nav > li > a {
    padding: 0 var(--spacing-spacing-16) !important;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
}

    body .menu-bar.menu-bar-secondary .navbar-nav > li > a.nav-link--current:after {
        content: '';
        position: absolute;
        height: 3px;
        background-color: var(--teal-30);
        bottom: 0;
        left: 2px;
        right: 2px
    }

    body .menu-bar.menu-bar-secondary .navbar-nav > li > a:hover {
        background-color: var(--teal-10);
    }

body .menu-bar.menu-bar-secondary .navbar-nav > li.dropdown > a:focus,
body .menu-bar.menu-bar-secondary .navbar-nav a.dropdown-toggle.show,
body .menu-bar.menu-bar-secondary > .navbar-nav a.dropdown-toggle.show:active,
body .menu-bar.menu-bar-secondary > .navbar-nav a.dropdown-toggle.show:hover,
body .menu-bar.menu-bar-secondary > .navbar-nav > li.dropdown > a:active,
body .menu-bar.menu-bar-secondary > .navbar-nav > li.dropdown > a:hover {
    text-decoration: none !important;
    color: var(--neutral-90);
    background-color: var(--teal-10) !important;
}

body .menu-bar.menu-bar-secondary > .navbar-nav .dropdown-menu.show {
    border-radius: 0px 0px 4px 4px;
}

    body .menu-bar.menu-bar-secondary > .navbar-nav .dropdown-menu.show > li > a {
        padding: var(--spacing-spacing-8) var(--spacing-spacing-40) var(--spacing-spacing-8) var(--spacing-spacing-12);
    }

/* ANCHOR LINKS */
.anchor-links {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-spacing-12);
    position: sticky;
    top: 0px;
    margin-left: var(--spacing-spacing-24);
}

@media (max-width: 992px) {
    .anchor-links {
        display: none;
    }
}

.anchor-links .anchor-links-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

.anchor-links .list-group {
    border: 0 none transparent;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-spacing-4);
}

.anchor-links .list-group-item {
    font-size: 14px;
    color: var(--color-text-default) !important;
    font-weight: 400;
    padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
    border-radius: 4px;
    background-color: transparent;
    border: 0 none transparent;
    text-decoration: none !important;
    transition: all .25s;
}

    .anchor-links .list-group-item > span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .anchor-links .list-group-item:hover {
        background-color: var(--teal-10);
    }

    .anchor-links .list-group-item:first-child {
        border-radius: 4px;
    }

    .anchor-links .list-group-item.active:active,
    .anchor-links .list-group-item.active:focus,
    .anchor-links .list-group-item.active:hover,
    .anchor-links .list-group-item.active {
        background: var(--teal-20) !important;
        font-weight: 700;
        color: var(--color-text-default);
    }

    .anchor-links .list-group-item:focus-visible {
        outline: 2px solid var(--black);
        outline-offset: 1px;
        border: 0 none transparent;
    }

    .anchor-links .list-group-item.disabled {
        color: var(--neutral-60);
    }

/* BREADCRUMB */
ul.breadcrumb {
    padding: var(--spacing-spacing-12) 0;
}

/* DROPDOWN */
.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--border-radius-inupts);
    border: 1px solid var(--neutral-50);
    padding: var(--spacing-spacing-8) var(--spacing-spacing-32) var(--spacing-spacing-8) var(--spacing-spacing-12);
}

    .dropdown-toggle .dropdown-text {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dropdown-toggle:focus,
    .dropdown-toggle:active,
    .dropdown-toggle:hover {
        border: 1px solid var(--neutral-50);
    }

    .dropdown-toggle::after {
        content: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.508711%200.545604C0.625899%200.428562%200.784752%200.36282%200.950378%200.36282C1.116%200.36282%201.27486%200.428562%201.39204%200.545604L6.99204%206.1456L12.592%200.545604C12.6493%200.484198%2012.7183%200.434946%2012.7949%200.400786C12.8716%200.366626%2012.9544%200.348258%2013.0383%200.346777C13.1222%200.345296%2013.2056%200.360734%2013.2834%200.392168C13.3612%200.423602%2013.4319%200.47039%2013.4912%200.529739C13.5506%200.589088%2013.5974%200.659782%2013.6288%200.737605C13.6602%200.815429%2013.6757%200.898786%2013.6742%200.982705C13.6727%201.06662%2013.6544%201.14939%2013.6202%201.22605C13.586%201.30272%2013.5368%201.37172%2013.4754%201.42894L7.43371%207.4706C7.31652%207.58765%207.15767%207.65339%206.99204%207.65339C6.82642%207.65339%206.66757%207.58765%206.55038%207.4706L0.508711%201.42894C0.391669%201.31175%200.325928%201.1529%200.325928%200.98727C0.325928%200.821645%200.391669%200.662792%200.508711%200.545604Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E');
        border: 0 !important;
    }

/* ACCORDION */
.accordion .accordion-item {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    border: 0 none transparent;
}

.accordion .accordion-header {
    margin: 0;
}

.accordion .accordion-button {
    padding: 0 var(--spacing-spacing-24);
    font-size: 14px;
    font-weight: 700;
    gap: var(--spacing-spacing-24);
    justify-content: space-between;
    line-height: 140%;
    color: var(--color-text-default);
    height: 56px;
}

    .accordion .accordion-button:focus {
        box-shadow: none;
        border-color: var(--neutral-30);
    }

        .accordion .accordion-button:focus:focus-visible {
            outline: 2px solid var(--black);
            border: 0 none transparent;
        }

    .accordion .accordion-button:not(.collapsed) {
        background-color: var(--white);
        border-bottom: 1px solid var(--neutral-30);
        box-shadow: none;
    }

    .accordion .accordion-button::after {
        border: 0 none transparent;
        content: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.508711%200.545604C0.625899%200.428562%200.784752%200.36282%200.950378%200.36282C1.116%200.36282%201.27486%200.428562%201.39204%200.545604L6.99204%206.1456L12.592%200.545604C12.6493%200.484198%2012.7183%200.434946%2012.7949%200.400786C12.8716%200.366626%2012.9544%200.348258%2013.0383%200.346777C13.1222%200.345296%2013.2056%200.360734%2013.2834%200.392168C13.3612%200.423602%2013.4319%200.47039%2013.4912%200.529739C13.5506%200.589088%2013.5974%200.659782%2013.6288%200.737605C13.6602%200.815429%2013.6757%200.898786%2013.6742%200.982705C13.6727%201.06662%2013.6544%201.14939%2013.6202%201.22605C13.586%201.30272%2013.5368%201.37172%2013.4754%201.42894L7.43371%207.4706C7.31652%207.58765%207.15767%207.65339%206.99204%207.65339C6.82642%207.65339%206.66757%207.58765%206.55038%207.4706L0.508711%201.42894C0.391669%201.31175%200.325928%201.1529%200.325928%200.98727C0.325928%200.821645%200.391669%200.662792%200.508711%200.545604Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E');
        padding: 0;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: none;
        border-radius: 4px;
    }

.accordion .accordion-item:hover .accordion-button::after {
    background-color: var(--neutral-20);
}

.accordion .accordion-item:active .accordion-button::after {
    background: var(--neutral-30);
}

.accordion .accordion-body {
    padding: var(--spacing-spacing-16) var(--spacing-spacing-24);
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.accordion.accordion-standard .accordion-item {
    box-shadow: none;
    border: 1px solid var(--neutral-30);
}

/* TABLES */
.entity-grid {
    /* padding: var(--spacing-spacing-24);
    border-radius: 8px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); */
}

    .entity-grid .message {
        text-align: center;
        padding: 0;
    }

        .entity-grid .message .alert {
            font-size: 14px !important;
            font-style: normal !important;
            font-weight: 600 !important;
            text-align: center !important;
        }

table.table {
    margin-bottom: 0;
}

    table.table th {
        border-bottom: 2px solid var(--neutral-5);
        padding: 16px 12px;
    }

        table.table th a {
            text-decoration: none;
            font-weight: 700;
            display: flex;
            gap: 4px;
            font-size: 14px;
            justify-content: space-between;
        }

    table.table td {
        border-width: 0 !important;
        font-weight: 400;
        font-size: 14px;
        padding: 0 var(--spacing-spacing-12) !important;
        height: 40px;
        vertical-align: middle;
    }

    table.table > tbody > tr:nth-of-type(even) > * {
        background-color: var(--white);
        --bs-table-accent-bg: unset;
    }

    table.table > tbody > tr:nth-of-type(odd) > * {
        background-color: var(--neutral-5);
        --bs-table-accent-bg: unset;
    }

.entitylist,
.entity-grid {
    border: 0 none transparent !important;
}

/* TABLE CARD VIEW */
@media (max-width: 575px) {
    .table-responsive .table:not(.modal table),
    .table-responsive .table:not(.modal table).table tbody,
    .table-responsive .table:not(.modal table).table thead,
    .table-responsive .table:not(.modal table).table tbody,
    .table-responsive .table:not(.modal table).table th,
    .table-responsive .table:not(.modal table).table td,
    .table-responsive .table:not(.modal table).table tr {
        display: block;
        width: 100%;
        clear: both;
    }

        .table-responsive .table:not(.modal table).table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .table-responsive .table:not(.modal table).table td,
        .table-responsive .table:not(.modal table).tableth {
            border: none;
            border-bottom: 1px solid var(--neutral-5);
        }

        .table-responsive .table:not(.modal table).table td {
            padding: var(--spacing-spacing-4) 0 var(--spacing-spacing-4) 50% !important;
            box-sizing: border-box;
            min-height: 36px;
            border-right: 0 none transparent;
        }

            .table-responsive .table:not(.modal table).table td[aria-label="action menu"] {
                min-height: 40px;
            }

            .table-responsive .table:not(.modal table).table td:before {
                float: left;
                width: 95%;
                padding: 0 0 0 var(--spacing-spacing-12);
                margin-left: -100%;
                content: attr(data-th);
                font-size: 13px;
                font-style: normal;
                font-weight: 700;
                color: var(--black);
                max-width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-right: var(--spacing-spacing-12);
            }

            .table-responsive .table:not(.modal table).table td[aria-label="action menu"] {
                width: auto !important;
            }
}

/* TABLE HEADER */
.view-toolbar.grid-actions {
    margin: 0;
    padding: var(--spacing-spacing-12) 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0 none transparent;
    flex-direction: column;
    gap: var(--spacing-spacing-12);
}

.control .view-toolbar.grid-actions {
    padding-top: 0;
}

.view-toolbar .nav.nav-pills {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    max-width: 100%;
    overflow: visible;
}

    .view-toolbar .nav.nav-pills > * {
        max-width: 100%;
    }

    .view-toolbar .nav.nav-pills a {
        max-width: 100%;
    }

        .view-toolbar .nav.nav-pills a .title {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (min-width: 768px) {
    .view-toolbar.grid-actions {
        flex-direction: row;
    }
}

.view-toolbar.grid-actions.clearfix::after {
    display: none !important;
}

.entity-form .view-toolbar.grid-actions .input-group .btn {
    width: auto !important;
    border: 1px solid var(--border-color-form-field) !important;
    border-radius: var(--border-radius-inupts) !important;
}

.entity-form .view-toolbar.grid-actions .input-group > .input-group-btn .btn {
    width: auto !important;
    border: 1px solid var(--border-color-form-field);
    border-left: 0 none transparent !important;
    border-radius: 0 var(--border-radius-inupts) var(--border-radius-inupts) 0 !important;
}

.view-toolbar.grid-actions .dropdown-toggle {
    display: flex;
    gap: 4px;
    height: 40px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0;
    align-items: center;
    justify-content: center;
    border: 0 none transparent;
    color: var(--color-text-default);
    background-color: transparent;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
}

    .view-toolbar.grid-actions .dropdown-toggle:focus,
    .view-toolbar.grid-actions .dropdown-toggle:active,
    .view-toolbar.grid-actions .dropdown-toggle:hover {
        border: 0 none transparent !important;
        color: var(--color-text-default);
        background-color: transparent;
        outline: none;
    }

    .view-toolbar.grid-actions .dropdown-toggle .fa {
        display: none;
    }

.view-toolbar.grid-actions .dropdown-menu {
    border-radius: 3px;
    min-width: 120%;
    border: 1px solid var(--neutral-20);
    padding: var(--spacing-spacing-8);
}

    .view-toolbar.grid-actions .dropdown-menu a {
        padding: 4px 15px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.dropdown-menu > .active > a,
.view-toolbar .dropdown-menu a:focus,
.view-toolbar .dropdown-menu a:active,
.view-toolbar .dropdown-menu a:hover {
    color: var(--teal-80);
    text-decoration: none;
    border: 0 none transparent;
    padding: 4px 15px;
    background-color: transparent;
}

.view-search {
    float: none !important;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative;
}

    .view-search .query {
        flex: 1;
        display: flex !important;
        border: 1px solid var(--neutral-20);
    }

    .view-search .input-group-btn {
        display: flex !important;
    }

        .view-search .input-group-btn .btn {
            align-self: stretch;
            border: 1px solid var(--neutral-20);
            color: var(--teal-80);
            background-color: var(--white);
        }

            .view-search .input-group-btn .btn:focus,
            .view-search .input-group-btn .btn:active,
            .view-search .input-group-btn .btn:hover {
                align-self: stretch;
                border: 1px solid var(--teal-80) !important;
                border-left: 0 none transparent !important;
                color: var(--teal-80) !important;
                background-color: var(--white) !important;
            }

.view-grid.table-responsive > span:first-child {
    display: block;
    text-align: left;
    padding: 0 0 var(--spacing-spacing-8);
}

.view-grid.table-responsive::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.view-grid.table-responsive::-webkit-scrollbar-thumb {
    background: var(--neutral-30);
    border-radius: 3px;
}

.view-grid.table-responsive::-webkit-scrollbar-track {
    background: var(--neutral-10);
    border: 0 none transparent;
}

.view-grid table.table {
    border: 1px solid var(--neutral-30) !important;
}

    .view-grid table.table thead th {
        border: 1px solid var(--neutral-30) !important;
        color: var(--black);
        font-weight: 700;
        position: relative;
    }

    .view-grid table.table tbody th {
        border-right: 1px solid var(--neutral-30) !important;
        color: var(--neutral-90);
        border-bottom: 0 none transparent;
    }

    .view-grid table.table td[aria-label="action menu"] {
        width: 50px;
    }

.view-grid.table-responsive table.table th[aria-label="Actions"],
.view-grid.table-responsive table.table td[aria-label="action menu"] {
    position: sticky;
    right: 0;
}

.view-grid table.table th[aria-label="Actions"]::before,
.view-grid table.table td[aria-label="action menu"]::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--neutral-30);
    top: 0;
    left: 0;
}

.view-grid table.table th[aria-label="Actions"]::after,
.view-grid table.table td[aria-label="action menu"]::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--neutral-30);
    top: 0;
    right: -1px;
}

.view-grid table.table th[aria-label="Actions"] {
    background-color: var(--white);
}

.view-grid table.table th .truncate,
.view-grid table.table th a {
    text-overflow: ellipsis;
    color: var(--black);
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 20px);
    display: block;
    font-weight: 700;
}

.view-grid table.table th.sort-enabled:not(.sort) a:after {
    content: var(--icon-sort);
    width: 16px;
    height: 22px;
    position: absolute;
    right: 10px;
    bottom: 0;
    transform: translateY(-50%);
    z-index: 0;
}

.view-grid table.table th.sort a .fa:before {
    content: '';
    width: 16px;
    height: 22px;
    position: absolute;
    right: 10px;
    bottom: 0;
    transform: translateY(-50%);
    z-index: 0;
}

.view-grid table.table th.sort a .fa.fa-arrow-up:before {
    content: var(--icon-sort-up);
}

.view-grid table.table th.sort a .fa.fa-arrow-down:before {
    content: var(--icon-sort-down);
}

.view-grid table.table tr.selected td {
    background-color: var(--teal-10) !important;
    border-right: 0 none transparent !important;
}

.view-grid table.table tr:hover td {
    background-color: var(--neutral-20);
}

.view-grid table.table td {
    border-right: 1px solid var(--neutral-30);
    color: var(--neutral-90);
}

    .view-grid table.table td .fa {
        cursor: pointer;
    }

    .view-grid table.table td .fa-check:before {
        background: var(--teal-80);
        color: var(--white);
        border-radius: 2px;
        padding: 1px;
        width: 16px;
        height: 16px;
        display: block;
        line-height: 14px;
        font-size: 10px;
    }

.view-grid table span[role=checkbox].fa.fa-fw {
    width: 16px;
    height: 16px;
    border: 1px solid var(--neutral-40);
    border-radius: 2px;
}
/* TABLES - lookup */
.lookup .view-toolbar.grid-actions {
    flex-direction: row-reverse;
}
/* TABLES - documents */
table.table[aria-label="Document list"] .fa-level-up,
table.table[aria-label="Document list"] .fa-folder {
    filter: invert(39%) sepia(12%) saturate(4972%) hue-rotate(131deg) brightness(83%) contrast(76%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

    table.table[aria-label="Document list"] .fa-level-up::before {
        content: '';
        max-width: 100%;
        max-height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        width: 20px;
        height: 20px;
        display: block;
        background-image: var(--i-folder-up);
        position: relative;
        top: 3px;
    }

table.table[aria-label="Document list"] tbody td .fa-folder::before {
    content: '';
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    background-image: var(--i-folder);
    position: relative;
    top: 3px;
}

table.table[aria-label="Document list"] tbody td a span:not(.fa) {
    color: var(--teal-80);
    text-decoration: underline;
}

table.table[aria-label="Document list"] tbody td abbr[title] {
    text-decoration: none;
}

.cell.table.sharepoint-documents > .table-info {
    margin-bottom: -40px;
    position: relative;
    bottom: -50px;
    margin-top: -35px;
    left: 10px;
}

.breadcrumb.sharepoint-breadcrumbs {
    display: none !important;
}

.add-file .checkbox > label {
    display: flex;
    gap: var(--spacing-spacing-8);
    align-items: center;
}

/* TABLES - action button */
table.table .dropdown .btn:focus,
table.table .dropdown .btn:active,
table.table .dropdown .btn:hover,
table.table .dropdown .btn,
table.table .dropup .btn:focus,
table.table .dropup .btn:active,
table.table .dropup .btn:hover,
table.table .dropup .btn,
table.table .action.dropdown .btn:focus,
table.table .action.dropdown .btn:active,
table.table .action.dropdown .btn:hover,
table.table .action.dropdown .btn {
    padding: 0 !important;
    height: 32px;
    width: 32px;
    border-radius: 3px !important;
    border: 1px solid var(--neutral-30) !important;
    display: block;
    position: relative;
    background-color: var(--white) !important;
    color: var(--teal-80) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    table.table .dropdown .btn .fa,
    table.table .dropup .btn .fa,
    table.table .action.dropdown .btn .fa {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

        table.table .dropdown .btn .fa::before,
        table.table .dropup .btn .fa::before,
        table.table .action.dropdown .btn .fa::before {
            height: 32px;
            width: 32px;
            content: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.99984%206.45841C9.80833%206.45841%209.61869%206.42069%209.44176%206.34741C9.26482%206.27412%209.10406%206.1667%208.96864%206.03128C8.83322%205.89586%208.7258%205.73509%208.65251%205.55816C8.57923%205.38123%208.5415%205.19159%208.5415%205.00008C8.5415%204.80857%208.57923%204.61893%208.65251%204.442C8.7258%204.26507%208.83322%204.1043%208.96864%203.96888C9.10406%203.83347%209.26482%203.72605%209.44176%203.65276C9.61869%203.57947%209.80833%203.54175%209.99984%203.54175C10.3866%203.54175%2010.7575%203.69539%2011.031%203.96888C11.3045%204.24237%2011.4582%204.61331%2011.4582%205.00008C11.4582%205.38686%2011.3045%205.75779%2011.031%206.03128C10.7575%206.30477%2010.3866%206.45841%209.99984%206.45841ZM9.99984%2011.4584C9.61306%2011.4584%209.24213%2011.3048%208.96864%2011.0313C8.69515%2010.7578%208.5415%2010.3869%208.5415%2010.0001C8.5415%209.61331%208.69515%209.24237%208.96864%208.96888C9.24213%208.69539%209.61306%208.54175%209.99984%208.54175C10.3866%208.54175%2010.7575%208.69539%2011.031%208.96888C11.3045%209.24237%2011.4582%209.61331%2011.4582%2010.0001C11.4582%2010.3869%2011.3045%2010.7578%2011.031%2011.0313C10.7575%2011.3048%2010.3866%2011.4584%209.99984%2011.4584ZM8.5415%2015.0001C8.5415%2015.3869%208.69515%2015.7578%208.96864%2016.0313C9.24213%2016.3048%209.61306%2016.4584%209.99984%2016.4584C10.3866%2016.4584%2010.7575%2016.3048%2011.031%2016.0313C11.3045%2015.7578%2011.4582%2015.3869%2011.4582%2015.0001C11.4582%2014.6133%2011.3045%2014.2424%2011.031%2013.9689C10.7575%2013.6954%2010.3866%2013.5417%209.99984%2013.5417C9.61306%2013.5417%209.24213%2013.6954%208.96864%2013.9689C8.69515%2014.2424%208.5415%2014.6133%208.5415%2015.0001Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E%0A');
            display: flex;
            align-items: center;
            justify-content: center;
            transform: translateY(2px);
        }

.dropdown-menu.show,
table.table .dropdown .dropdown-menu.show
table.table .dropup .dropdown-menu.show
table.table .action.dropdown .dropdown-menu.show {
    border-radius: 4px;
    border: 1px solid var(--neutral-30);
    background: var(--white);
    padding: var(--spacing-spacing-4);
}

    .dropdown-menu.show li a,
    table.table .dropdown .dropdown-menu.show li a,
    table.table .dropup .dropdown-menu.show li a,
    table.table .action.dropdown .dropdown-menu.show li a {
        padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
        display: flex;
        gap: var(--spacing-spacing-8);
        align-items: center;
        justify-content: flex-start;
        text-decoration: none;
        border-radius: 4px;
    }

        .dropdown-menu.show li a:focus,
        .dropdown-menu.show li a:active,
        .dropdown-menu.show li a:hover,
        table.table .dropdown .dropdown-menu.show li a:focus,
        table.table .dropdown .dropdown-menu.show li a:active,
        table.table .dropdown .dropdown-menu.show li a:hover,
        table.table .dropup .dropdown-menu.show li a:focus,
        table.table .dropup .dropdown-menu.show li a:active,
        table.table .dropup .dropdown-menu.show li a:hover,
        table.table .action.dropdown .dropdown-menu.show li a:focus,
        table.table .action.dropdown .dropdown-menu.show li a:active,
        table.table .action.dropdown .dropdown-menu.show li a:hover {
            background-color: var(--teal-10);
            color: var(--color-text-default);
            display: flex;
        }

/* TABLES - search input */
.view-toolbar,
.toolbar-actions {
    width: 100%;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .view-toolbar .btn,
    .toolbar-actions .btn {
        height: 40px;
        border: 1px solid var(--border-color-form-field) !important;
        background-color: transparent !important;
        color: var(--teal-100) !important;
    }

    .toolbar-actions button.clear-button,
    .view-toolbar button.clear-button {
        display: block;
        position: absolute;
        right: 35px;
        border: 0 none transparent !important;
        transform: scale(0.7);
        background-color: transparent;
        height: 40px;
        display: flex;
        width: 40px;
        align-items: center;
        justify-content: center;
        z-index: 30;
    }

    .view-toolbar .btn:active,
    .view-toolbar .btn:focus,
    .view-toolbar .btn:hover,
    .toolbar-actions .btn:active,
    .toolbar-actions .btn:focus,
    .toolbar-actions .btn:hover {
        height: 40px;
        border: 1px solid var(--border-color-form-field) !important;
        background-color: transparent !important;
        color: var(--teal-100) !important;
    }

    .view-toolbar .btn .fa {
        filter: invert(14%) sepia(5%) saturate(1241%) hue-rotate(122deg) brightness(94%) contrast(88%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .view-toolbar .btn .fa::before {
            content: '';
            max-width: 100%;
            max-height: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            width: 16px;
            height: 16px;
            display: block;
        }

    .view-toolbar .btn .fa-folder::before {
        background-image: var(--i-folder);
    }

    .view-toolbar .btn .fa-plus-circle::before {
        background-image: var(--i-plus);
    }

    .view-toolbar .btn .fa-search::before {
        background-image: var(--i-search);
    }

    .toolbar-actions .view-search {
        width: 100%;
    }

    .toolbar-actions .query {
        border: 1px solid var(--border-color-form-field) !important;
        border-right: 0 none transparent !important;
        border-radius: var(--border-radius-inupts) 0 0 var(--border-radius-inupts) !important;
        transition: none;
        width: 100%;
    }

    .toolbar-actions .input-group-btn button {
        background-color: transparent !important;
        align-self: stretch;
        border: 1px solid var(--border-color-form-field) !important;
        border-left: 0 none transparent !important;
        border-radius: 0 var(--border-radius-inupts) var(--border-radius-inupts) 0 !important;
        width: 40px;
        transition: none;
    }

    .input-group:hover .query,
    .input-group:hover .input-group-btn button,
    .toolbar-actions .query:active,
    .toolbar-actions .query:active ~ .input-group-btn button,
    .toolbar-actions .query:hover,
    .toolbar-actions .query:hover ~ .input-group-btn button {
        border-color: var(--teal-80) !important;
    }

    .toolbar-actions .query:focus-visible,
    .toolbar-actions .query:focus-visible ~ .input-group-btn button {
        border-color: var(--black) !important;
        border-width: 2px !important;
        box-shadow: none;
    }

    .toolbar-actions .query:focus,
    .toolbar-actions .query:focus ~ .input-group-btn button {
        border-color: var(--teal-80) !important;
        border-width: 2px !important;
        box-shadow: none;
    }

@media (min-width: 768px) {
    .toolbar-actions .query,
    .toolbar-actions {
        width: auto;
    }

        .toolbar-actions .view-search {
            width: 240px;
        }
}

/* TABLES - Page coutner */
.page-counter {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-right: auto;
    height: 38px;
    display: flex;
    align-items: center;
}

/* BODY */
.wrapper-body {
    background-color: var(--neutral-5);
    padding: 0 0 var(--spacing-spacing-24);
}

.in-iframe .wrapper-body {
    background-color: var(--white);
    padding-right: var(--spacing-spacing-12);
}

.page-header-sticky + .wrapper-body {
    padding: var(--spacing-spacing-24) 0;
}

/* TABS */
.crmEntityFormView .tab {
    margin-bottom: 0 !important;
}

.tab-title {
    display: none;
}

.tabs-steps-container.progress-pills,
.tabs-container {
    background-color: var(--white);
    border-top: 1px solid var(--neutral-30);
    margin-bottom: var(--spacing-spacing-24);
    box-shadow: 0px 4px 20px -5px rgba(0, 0, 0, 0.05);
}

.tabs-steps-container:not(.progress-bar) > * {
    margin: 0 auto;
    padding: 0 var(--spacing-spacing-12);
}

@media (min-width: 1200px) {
    .tabs-steps-container:not(.progress-bar) > * {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .tabs-steps-container:not(.progress-bar) > * {
        max-width: 1320px;
    }
}

.tabs-steps-container.progress-pills .list-group,
.nav.nav-pills {
    display: flex;
    padding: 0 var(--spacing-spacing-4);
    flex-direction: row !important;
    align-items: center;
    gap: var(--spacing-spacing-4);
    background-color: var(--white);
    margin-bottom: 0 !important;
    overflow-x: auto;
    flex-wrap: nowrap;
    height: 58px;
}

    .tabs-steps-container.progress-pills .list-group .list-group-item,
    .nav.nav-pills .nav-item .nav-link {
        display: flex;
        padding: var(--spacing-spacing-16) var(--spacing-spacing-12);
        margin: 0;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-spacing-12);
        border-radius: 8px !important;
        border: 0 none transparent !important;
        background-color: transparent;
        color: var(--color-text-default) !important;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.56px;
        white-space: nowrap;
        line-height: 10px;
    }

        .tabs-steps-container.progress-pills .list-group .list-group-item .fa-solid,
        .tabs-steps-container.progress-pills .list-group .list-group-item .fa {
            display: none;
        }

        .nav.nav-pills .nav-item .nav-link:hover {
            background-color: var(--teal-10);
        }

        .nav.nav-pills .nav-item .nav-link:active {
            background-color: var(--teal-20);
        }

        .nav.nav-pills .nav-item .nav-link:focus-visible {
            outline: 2px solid var(--black);
            outline-offset: 1px;
        }

        .tabs-steps-container.progress-pills .list-group .list-group-item:active,
        .progress.list-group .list-group-item:active,
        .progress.list-group .list-group-item:hover {
            cursor: default;
        }

        .tabs-steps-container.progress-pills .list-group .list-group-item.active,
        .nav.nav-pills .nav-item .nav-link.active {
            background-color: var(--teal-20);
            font-weight: 700;
        }

        .tabs-steps-container.progress-pills .list-group .list-group-item.incomplete,
        .nav.nav-pills .nav-item .nav-link.disabled {
            color: var(--neutral-50) !important;
            text-decoration: none;
        }

/* STEPS */
[id*='ProgressIndicator'] {
    opacity: 0;
    height: 0px;
    transition: opacity .25s, height .25s;
    min-height: 58px;
    display: flex;
    align-items: center;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.tabs-steps-container.progress-steps {
    background-color: var(--white);
    border-top: 1px solid var(--neutral-30);
    /* margin-bottom: var(--spacing-spacing-24); */
    min-height: 58px;
}

    .tabs-steps-container.progress-steps .progress.list-group {
        display: flex;
        padding: var(--spacing-spacing-8) 0;
        flex-direction: row;
        align-items: center;
        gap: var(--spacing-spacing-24);
        background-color: var(--white);
        margin-bottom: 0 !important;
        overflow-x: auto;
    }

        .tabs-steps-container.progress-steps .progress.list-group .list-group-item {
            padding: var(--spacing-spacing-4) 0;
            display: flex;
            gap: var(--spacing-spacing-8);
            align-items: center;
            font-size: 14px;
            font-weight: 700;
            background-color: var(--white);
            border: 0 none transparent;
            color: var(--neutral-90) !important;
        }

            .tabs-steps-container.progress-steps .progress.list-group .list-group-item .number {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                justify-items: center;
                text-align: center;
                padding: 0;
                margin: 0;
                line-height: 1;
            }

            .tabs-steps-container.progress-steps .progress.list-group .list-group-item.active .number {
                border: 2px solid var(--teal-40);
                color: var(--teal-80);
            }

            .tabs-steps-container.progress-steps .progress.list-group .list-group-item.incomplete {
                font-weight: 600;
            }

                .tabs-steps-container.progress-steps .progress.list-group .list-group-item.incomplete .number {
                    border: 2px solid var(--neutral-50);
                    color: var(--neutral-50);
                }

@media (max-width: 767px) {
    .tabs-steps-container.progress-steps ol.progress.list-group,
    .tabs-steps-container.progress-steps .progress.list-group {
        flex-direction: row !important;
    }

        .tabs-steps-container.progress-steps .progress.list-group .list-group-item.list-group-item-success,
        .tabs-steps-container.progress-steps .progress.list-group .list-group-item.incomplete {
            font-size: 0px;
            color: transparent;
        }

            .tabs-steps-container.progress-steps .progress.list-group .list-group-item.incomplete .number {
                color: var(--neutral-50);
                font-size: 14px;
            }
}
/* step success */
.tabs-steps-container.progress-steps .progress.list-group .list-group-item.list-group-item-success {
    font-weight: 600;
}

    .tabs-steps-container.progress-steps .progress.list-group .list-group-item.list-group-item-success .fa-solid,
    .tabs-steps-container.progress-steps .progress.list-group .list-group-item.list-group-item-success .number {
        display: none;
    }

    .tabs-steps-container.progress-steps .progress.list-group .list-group-item.list-group-item-success::before {
        content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1.58513%205.34579C1.4785%205.24643%201.33746%205.19234%201.19174%205.19491C1.04601%205.19748%200.906972%205.25652%200.803913%205.35958C0.700853%205.46264%200.641819%205.60168%200.639248%205.7474C0.636677%205.89313%200.690769%206.03416%200.790129%206.14079L4.16513%209.51579C4.2706%209.62113%204.41357%209.6803%204.56263%209.6803C4.71169%209.6803%204.85466%209.62113%204.96013%209.51579L13.2101%201.26579C13.3095%201.15916%2013.3636%201.01813%2013.361%200.872401C13.3584%200.726675%2013.2994%200.587636%2013.1963%200.484577C13.0933%200.381517%2012.9542%200.322483%2012.8085%200.319912C12.6628%200.317341%2012.5218%200.371433%2012.4151%200.470793L4.56263%208.32329L1.58513%205.34579Z%22%20fill%3D%22%23282F2E%22%2F%3E%0A%3C%2Fsvg%3E');
        width: 24px;
        height: 24px;
        background-color: var(--teal-40);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        border-radius: 50%;
    }

/* STAGES */
.progress-stages.tabs-steps-container {
    border-top: 0 none transparent;
    margin-top: -20px;
    margin-bottom: 0;
}

.progress-stages .progress.list-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    min-width: 767px
}

    .progress-stages .progress.list-group:before {
        content: '';
        position: absolute;
        background: var(--neutral-20);
        height: 4px;
        left: 0;
        right: 0;
    }

    .progress-stages .progress.list-group .list-group-item {
        background-color: var(--white);
        padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
    }

        .progress-stages .progress.list-group .list-group-item:first-child {
            padding-left: 24px;
        }

        .progress-stages .progress.list-group .list-group-item:last-child {
            padding-right: 24px;
        }

        .progress-stages .progress.list-group .list-group-item::before {
            content: '';
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: var(--orange-50);
            outline-offset: 2px;
            outline: 2px solid var(--orange-50);
        }

        .progress-stages .progress.list-group .list-group-item.incomplete::before {
            background-color: var(--white);
            outline: 2px solid var(--neutral-40);
        }

        .progress-stages .progress.list-group .list-group-item.list-group-item-success::before {
            outline: 0 none transparent;
            background-color: var(--orange-50);
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1.18681%205.30731C1.09203%205.21899%200.966661%205.17091%200.837127%205.17319C0.707593%205.17548%200.584003%205.22795%200.492394%205.31956C0.400785%205.41117%200.348311%205.53476%200.346025%205.6643C0.34374%205.79383%200.391822%205.91919%200.480142%206.01398L3.48014%209.01398C3.57389%209.10761%203.70097%209.1602%203.83348%209.1602C3.96598%209.1602%204.09306%209.10761%204.18681%209.01398L11.5201%201.68064C11.6085%201.58586%2011.6565%201.4605%2011.6543%201.33096C11.652%201.20143%2011.5995%201.07784%2011.5079%200.986229C11.4163%200.894621%2011.2927%200.842146%2011.1632%200.839861C11.0336%200.837575%2010.9083%200.885657%2010.8135%200.973977L3.83348%207.95398L1.18681%205.30731Z%22%20fill%3D%22%23282F2E%22%2F%3E%0A%3C%2Fsvg%3E');
            width: 20px;
            height: 20px;
        }

/* PROGRESS BAR */
.progress-bar.tabs-steps-container {
    min-height: 4px;
    height: 4px;
}

    .progress-bar.tabs-steps-container div.progress {
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0 none transparent;
        box-shadow: none;
        font-size: 0px;
        color: transparent;
        background-color: var(--neutral-30);
    }

        .progress-bar.tabs-steps-container div.progress .progress-bar {
            height: 4px;
            background-color: var(--teal-70);
        }


/* FORMS */
input::placeholder,
.form-control::placeholder {
    color: var(--neutral-60) !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: 0 none transparent !important;
}

.entity-form .section td.cell {
    font-size: 14px;
    font-weight: 400;
    padding: 0 var(--spacing-spacing-12) var(--spacing-spacing-20);
}

.entity-form .section > tbody > tr:last-child .cell {
    padding-bottom: 0;
}

.entity-form .section td:first-child {
    padding-left: 0;
}

.entity-form .section .cell.zero-cell {
    display: none !important;
}

.entity-form .section td:has(+ .zero-cell),
.entity-form .section td:last-child {
    padding-right: 0;
}

.entity-form .field-label {
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    color: var(--color-text-default);
    padding-bottom: var(--spacing-spacing-8);
}

.msos-input,
.account-page .portal-form .row .form-control,
.entity-form .form-control {
    border-radius: var(--border-radius-inupts);
    border: 1px solid var(--border-color-form-field);
    height: 40px;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: var(--color-text-default);
    transition-duration: 0s !important;
}

    .msos-input[readonly="readonly"]:disabled,
    .account-page .portal-form .row .form-control[readonly="readonly"]:disabled,
    .entity-form .form-control[readonly="readonly"]:disabled,
    .msos-input[readonly="readonly"],
    .account-page .portal-form .row .form-control[readonly="readonly"],
    .entity-form .form-control[readonly="readonly"] {
        border: 0 none transparent !important;
        color: var(--color-text-default);
        background-color: transparent !important;
    }

        .msos-input[readonly="readonly"]:focus-visible,
        .account-page .portal-form .row .form-control[readonly="readonly"]:focus-visible,
        .entity-form .form-control[readonly="readonly"]:focus-visible,
        .msos-input[readonly="readonly"]:focus,
        .account-page .portal-form .row .form-control[readonly="readonly"]:focus,
        .entity-form .form-control[readonly="readonly"]:focus {
            outline: 0 none transparent !important;
        }

.entity-form textarea.form-control {
    height: 150px;
    resize: vertical !important;
}

.entity-form .form-control + .text-muted {
    top: 0px !important;
    left: 10px !important;
}

.control .text-muted ~ .form-control.textarea {
    height: 20px !important;
    resize: vertical !important;
}

.account-page .portal-form .row .form-control:active,
.entity-form .form-control:active,
.entity-form .form-control:active ~ .btn,
.entity-form .form-control:active ~ .input-group-btn .btn,
.account-page .portal-form .row .form-control:hover,
.styledSelect:hover,
.entity-form .form-control:hover,
.entity-form .form-control:hover ~ .btn,
.entity-form .form-control:hover ~ .input-group-btn .btn {
    border-color: var(--teal-80);
}

.account-page .portal-form .row .form-control:focus-visible,
.entity-form .form-control:focus-visible,
.entity-form .form-control:focus-visible ~ .input-group-btn .btn,
.entity-form .form-control:focus-visible ~ .btn {
    border-color: var(--black);
    border-width: 2px;
    box-shadow: none;
}

.account-page .portal-form .row .form-control:focus,
.styledSelect:focus,
.styledSelect:focus-visible,
.entity-form .form-control:focus,
.entity-form .form-control:focus ~ .input-group-btn,
.entity-form .form-control:focus ~ .btn.input-group-addon,
.entity-form .form-control:focus ~ .btn,
.entity-form .form-control:focus ~ .input-group-btn .btn {
    border-color: var(--teal-80) !important;
    border-width: 2px !important;
    box-shadow: none;
    outline: 0 none transparent;
}

.entity-form .form-control:disabled ~ .btn,
.entity-form .form-control:disabled {
    border-color: var(--neutral-30);
    background-color: var(--neutral-20) !important;
    color: var(--neutral-50);
}

.entity-form .form-control[aria-invalid="true"] ~ .btn,
.entity-form .form-control[aria-invalid="true"] {
    border-color: var(--red-dark);
    color: var(--black);
}

.entity-form .input-group .form-control {
    border-radius: var(--border-radius-inupts) 0px 0 var(--border-radius-inupts);
    border-right: 0 none transparent !important;
}

.entity-form .input-group .btn.input-group-addon,
.entity-form .input-group .btn {
    background-color: transparent !important;
    align-self: stretch;
    border: 1px solid var(--border-color-form-field) !important;
    border-left: 0 none transparent !important;
    border-radius: 0 var(--border-radius-inupts) var(--border-radius-inupts) 0 !important;
    width: 40px;
    padding: 0;
}

    .entity-form .input-group .btn.clearlookupfield {
        border-radius: 0px !important;
        border-right: 0 none transparent !important;
    }

        .entity-form .input-group .btn.clearlookupfield:active,
        .entity-form .input-group .btn.clearlookupfield:focus,
        .entity-form .input-group .btn.clearlookupfield:hover {
            border-radius: 0px !important;
            border-right: 0 none transparent !important;
        }

    .entity-form .input-group .btn:active,
    .entity-form .input-group .btn:focus {
        background-color: transparent !important;
        border: 1px solid var(--teal-80) !important;
        border-left: 0 none transparent !important;
        color: inherit;
        outline: 0px;
    }

    .entity-form .input-group .btn:focus-visible:focus,
    .entity-form .input-group .btn:focus-visible {
        outline-offset: 1px;
        outline: 2px solid var(--black);
    }

    .entity-form .input-group .btn:hover .fa::before,
    .entity-form .input-group .btn .fa::before {
        color: var(--teal-80);
    }

    .entity-form .fa-calendar,
    .entity-form .input-group .btn .fa-times,
    .entity-form .input-group .btn .fa-search {
        filter: invert(39%) sepia(12%) saturate(4972%) hue-rotate(131deg) brightness(83%) contrast(76%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .entity-form .input-group .btn .fa-search::before {
            content: '';
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            background-image: var(--i-search);
            width: 16px;
            height: 16px;
        }

        .entity-form .input-group .btn .fa-times::before {
            content: '';
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            background-image: var(--i-dismiss);
            width: 12px;
            height: 12px;
        }

    .entity-form .input-group .btn .fa-calendar::before {
        content: '';
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        background-image: var(--i-calendar);
        width: 16px;
        height: 16px;
    }

.entity-form .form-select {
    background-image: url(/arrow-down.png);
    background-size: 14px 7px;
}

    .entity-form .form-select:disabled {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

.entity-form .input-group-addon,
.entity-form .input-group-addon.active {
    padding: 0 !important;
    width: 40px;
}

.container-file-input .btn-for-file-input {
    width: auto;
    white-space: nowrap;
}

.file-link-and-delete .file-name-container {
    display: flex;
    margin: 0;
    align-items: center;
    padding: 0;
    font-size: 12px;
}

.file-name-container {
    max-width: 100%;
}

.file-link-and-delete {
    width: 100%;
}

.msos-selecteditems-toggle-container button.msos-selecteditems-toggle {
    color: var(--teal-80) !important;
    text-decoration: underline !important;
}

    .msos-selecteditems-toggle-container button.msos-selecteditems-toggle:hover {
        color: var(--teal-100) !important;
        text-decoration: underline !important;
    }

    .msos-selecteditems-toggle-container button.msos-selecteditems-toggle:focus {
        outline: 0 none transparent;
        border: 0 none transparent;
    }

    .msos-selecteditems-toggle-container button.msos-selecteditems-toggle:focus-visible {
        color: var(--teal-80);
        text-decoration: underline;
        outline-width: 2px;
        outline-offset: 4px;
    }

    .msos-selecteditems-toggle-container button.msos-selecteditems-toggle:active {
        color: var(--teal-100) !important;
        text-decoration: underline !important;
    }

.in-iframe .msos-container .msos-selecteditems-container,
.in-iframe .msos-container .msos-inner-container {
    display: none !important;
}

@media (max-width: 767px) {
    .crmEntityFormView .cell {
        margin-bottom: var(--spacing-spacing-24) !important;
    }

    .entity-form .section td:first-child {
        padding-left: 0;
        padding-right: 0;
    }

    .entity-form .section td:has(+ .zero-cell),
    .entity-form .section td:last-child {
        padding-right: 0;
        padding-left: 0;
    }

    .entity-form .section td.cell {
        padding: 0;
    }
}
/* SELECTS */
body .msos-selection-container {
    border-radius: 3px;
    width: 100% !important;
    border: 1px solid var(--neutral-20) !important;
    padding: var(--spacing-spacing-8);
    background-color: var(--white) !important;
}

body .msos-label .msos-checkbox {
    position: static !important;
    clip: unset;
    width: 16px;
    height: 16px !important;
    overflow: unset;
    white-space: unset;
    opacity: unset;
    height: unset;
    margin: unset;
}

body .msos-selection-container .msos-label-text {
    padding: var(--spacing-spacing-8) var(--spacing-spacing-16) !important;
}

body .msos-label .msos-checkbox:checked + .msos-label-text:before {
    display: none !important;
}

.msos-selection-container .msos-label::after,
body .msos-option-selected:focus::after {
    display: none !important;
}

.msos-selection-container .msos-label {
    display: flex;
    align-items: center;
}

/* SELECT CUSTOM */
.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%;
}

.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    border-radius: var(--border-radius-inupts);
    border: 1px solid var(--border-color-form-field);
    height: 40px;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: var(--color-text-default);
    padding-left: 10px;
}

    .styledSelect:after {
        content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0.508467%200.545604C0.625655%200.428562%200.784508%200.36282%200.950134%200.36282C1.11576%200.36282%201.27461%200.428562%201.3918%200.545604L6.9918%206.1456L12.5918%200.545604C12.649%200.484198%2012.718%200.434946%2012.7947%200.400786C12.8714%200.366626%2012.9541%200.348258%2013.038%200.346777C13.122%200.345296%2013.2053%200.360734%2013.2831%200.392168C13.361%200.423602%2013.4316%200.47039%2013.491%200.529739C13.5503%200.589088%2013.5971%200.659782%2013.6286%200.737605C13.66%200.815429%2013.6754%200.898786%2013.674%200.982705C13.6725%201.06662%2013.6541%201.14939%2013.62%201.22605C13.5858%201.30272%2013.5365%201.37172%2013.4751%201.42894L7.43347%207.4706C7.31628%207.58765%207.15743%207.65339%206.9918%207.65339C6.82617%207.65339%206.66732%207.58765%206.55013%207.4706L0.508467%201.42894C0.391425%201.31175%200.325684%201.1529%200.325684%200.98727C0.325684%200.821645%200.391425%200.662792%200.508467%200.545604Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E');
        width: 14px;
        height: 24px;
        position: absolute;
        right: 10px;
        top: 7px;
        transition: transform .25s;
    }

    .styledSelect.active:after {
        transform: rotate(180deg);
        top: 7px;
    }

.options {
    display: none;
    position: absolute;
    top: 110%;
    right: 0;
    left: 0;
    z-index: 5;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border-radius: var(--border-radius-sm, 4px);
    border: 1px solid var(--neutral-30);
    background: var(--white);
}

    .options a {
        margin: 0;
        padding: 0 var(--spacing-spacing-12);
        height: 40px;
        display: flex;
        align-items: center;
        border-radius: 4px;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: var(--color-text-default) !important;
        text-decoration: none !important;
    }

        .options a:hover {
            background-color: var(--teal-10);
            color: var(--color-text-default);
        }

/* CHECKBOXES */
.multiselectgroup {
    padding-bottom: 0 !important;
}

.multiselectgroup-flexContainer {
    padding-left: 0 !important;
}

.crmEntityFormView .cell.checkbox-cell div.table-info {
    padding-left: 8px !important;
}

.crmEntityFormView .cell div.control span.checkbox {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.crmEntityFormView .cell.checkbox-cell div.control {
    height: 24px;
    display: block;
}

.crmEntityFormView .cell.checkbox-cell label:hover {
    cursor: pointer;
}

.entity-form .ms-Checkbox-checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid var(--neutral-70);
    border-radius: 3px;
}

    .entity-form .ms-Checkbox-checkbox + span {
        line-height: 1;
    }

.entity-form .ms-Checkbox:hover .ms-Checkbox-checkbox {
    border-color: var(--teal-80) !important;
}

.entity-form .ms-Checkbox.is-checked .ms-Checkbox-checkbox {
    border-color: var(--teal-80) !important;
    background-color: var(--teal-80) !important;
}

.entity-form .ms-Checkbox .ms-Checkbox-checkbox .ms-Checkbox-checkmark {
    font-weight: bold !important;
    color: var(--white);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transform: translateY(1px);
}

.entity-form .ms-Checkbox:hover .ms-Checkbox-checkbox .ms-Checkbox-checkmark {
    color: var(--white);
}

.form-check {
    padding: 0;
}

    .form-check > label {
        display: flex;
        align-items: center;
        gap: var(--spacing-spacing-8);
    }

        .form-check > label:hover input[type="checkbox"]::after {
            border-color: var(--teal-70);
        }

        .form-check > label:active input[type="checkbox"]:not(:checked)::after {
            border: 2px solid var(--teal-70);
        }

        .form-check > label:hover {
            cursor: pointer;
        }

    .form-check span {
        font-size: 14px;
        font-weight: 400;
    }

input[type="checkbox"] {
    position: relative;
    margin: 0 !important;
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px;
}

    input[type="checkbox"]:hover {
        cursor: pointer;
    }

    input[type="checkbox"]::after {
        content: '';
        background-color: white;
        width: 16px;
        height: 16px;
        display: block;
        border-radius: 3px;
        border: 1px solid var(--neutral-70);
    }

    input[type="checkbox"]:hover::after {
        border-color: var(--teal-70);
    }

    input[type="checkbox"]:active::after {
        border: 2px solid var(--teal-70);
    }

    input[type="checkbox"]:checked::after {
        content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%20%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3.69232%208.61546L6.76924%2011.077L12.3077%203.69238%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
        border: 0 none transparent;
    }

.ms-Checkbox input[type="checkbox"] {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}

    .ms-Checkbox input[type="checkbox"]::after {
        display: none;
    }


/* RADION BUTTONS */
.boolean-radio {
    display: flex;
    align-items: center;
    gap: var(--spacing-spacing-16);
    font-size: 14px;
    font-weight: 400;
}

    .boolean-radio > span {
        display: flex;
        flex-wrap: nowrap;
        gap: var(--spacing-spacing-8);
        align-items: center;
    }

    .boolean-radio > label {
        margin-left: -8px;
    }

    .boolean-radio input:hover,
    .boolean-radio label:hover {
        cursor: pointer;
    }

input[type="radio"] {
    position: relative;
    margin: 0 10px 0 0 !important;
    display: inline-flex;
    align-items: center;
    width: 16px;
    height: 16px;
    top: 1px;
    cursor: pointer;
}

    input[type="radio"]:not(:last-of-type) {
        margin-bottom: 12px !important;
    }

.boolean-radio input[type="radio"] {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

    .boolean-radio input[type="radio"] + label {
        top: 0 !important;
    }

input[type="radio"] + label {
    position: relative;
    top: -1px;
    cursor: pointer;
}

input[type="radio"]::after {
    content: '';
    background-color: white;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    border: 1px solid var(--neutral-70);
}

input[type="radio"]:not(:disabled):hover::after {
    border-color: var(--teal-70);
}

input[type="radio"]:focus-visible {
    outline: 0 none transparent;
}

    input[type="radio"]:focus-visible::after {
        outline-offset: 1px;
        outline: 2px solid var(--black);
    }

input[type="radio"]:not(:disabled):active::after {
    border: 2px solid var(--teal-70);
}

input[type="radio"]:checked::after {
    content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%0A%20%20%3Crect%20y%3D%220.5%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%20%20%3Crect%20x%3D%224.9231%22%20y%3D%225.42285%22%20width%3D%226.15385%22%20height%3D%226.15385%22%20rx%3D%223.07692%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
    border: 0 none transparent;
}

input[type="radio"]:disabled::after {
    border-color: var(--neutral-40);
}

input[type="radio"]:checked:disabled::after {
    content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%20%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23E3E9E8%22%2F%3E%0A%20%20%3Crect%20x%3D%224.92307%22%20y%3D%224.92285%22%20width%3D%226.15385%22%20height%3D%226.15385%22%20rx%3D%223.07692%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
    border: 0 none transparent;
}

/* FORMS ONLY READ */
/* .read-only-content .entity-form .section:not(.table) colgroup {
    display: none;
}
.read-only-content .entity-form .section:not(.table) tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
}
.read-only-content .entity-form .section:not(.table) tbody > tr {
    display: flex;
    justify-content: space-between;
    flex: 0 0 auto;
}
.read-only-content .entity-form .section:not(.table) tbody > tr > td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 0;
} */
.read-only-content .entity-form .section:not(.table) tbody > tr > td .wrap-read-only {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

    .read-only-content .entity-form .section:not(.table) tbody > tr > td .wrap-read-only.wrap-read-only-column {
        flex-direction: column;
        flex: 1;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .read-only-content .entity-form .section:not(.table) tbody > tr > td .wrap-read-only.wrap-read-only-column .control {
            margin-left: 0;
            padding-top: 20px;
        }

        .read-only-content .entity-form .section:not(.table) tbody > tr > td .wrap-read-only.wrap-read-only-column .multiselectgroup-flexContainer > * {
            max-width: 50%;
        }

.read-only-content .entity-form .section:not(.table) tbody > tr > td label {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .read-only-content .entity-form .section:not(.table) tbody > tr > td label .ms-Checkbox-text {
        max-width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 20px;
    }

.read-only-content .entity-form .section:not(.table) tbody > tr > td .table-info {
    display: flex;
    align-items: center;
    width: auto;
    max-width: 50%;
    padding-right: 20px;
}

.read-only-content .entity-form .section:not(.table) tbody > tr > td .control {
    position: relative;
    width: 100%;
}

    .read-only-content .entity-form .section:not(.table) tbody > tr > td .control .form-control {
        border: 0 none transparent !important;
        padding: 0;
        margin: 0;
    }

        .read-only-content .entity-form .section:not(.table) tbody > tr > td .control .form-control:not(textarea) {
            height: auto;
        }

        .read-only-content .entity-form .section:not(.table) tbody > tr > td .control .form-control:focus {
            outline: 0 none transparent;
        }

/* MODALS */
.modal-backdrop {
    z-index: 1000;
}

.modal {
    background: var(--color-blanket);
}

    .modal .entity-grid {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .modal .modal-content {
        border-radius: 8px;
    }

    .modal .modal-header {
        border-bottom: 0 none transparent;
        padding: var(--spacing-spacing-24) var(--spacing-spacing-24) 0;
    }

        .modal .modal-header .modal-title {
            order: 0;
            margin-top: 0;
            color: var(--color-text-default) !important;
            display: flex;
            align-items: center;
            gap: var(--spacing-spacing-12);
        }

            .modal .modal-header .modal-title > .fa {
                display: none;
            }

        .modal .modal-header .form-close,
        .modal .modal-header .btn-close {
            order: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .modal .modal-header .btn-close:focus-visible:focus,
            .modal .modal-header .btn-close:focus-visible {
                outline-offset: 1px;
                outline: 2px solid var(--black);
                opacity: 1;
                box-shadow: none;
            }

            .modal .modal-header .form-close span,
            .modal .modal-header .btn-close span {
                display: none;
            }

            .modal .modal-header .btn-close:before,
            .modal .modal-header .form-close:before {
                content: var(--icon-close);
                position: relative;
                height: 14px;
                width: 14px;
                display: block;
            }

    .modal .modal-body {
        padding: var(--spacing-spacing-16) var(--spacing-spacing-24) var(--spacing-spacing-32);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }

        .modal .modal-body p:last-of-type {
            margin-bottom: 0;
            padding-bottom: 0;
        }

    .modal .modal-footer {
        border-top: 0 none transparent;
        padding: 0 var(--spacing-spacing-24) var(--spacing-spacing-24);
    }

        .modal .modal-footer .primary {
            order: 1;
        }

        .modal .modal-footer .cancel {
            order: 0;
        }

@media (max-width: 767px) {
    .modal .modal-dialog {
        margin: 0;
        box-shadow: none;
        border: 0 none transparent;
        border-radius: 0;
        min-height: 100%;
        max-width: 100%;
        width: 100%;
    }

        .modal .modal-dialog .modal-content {
            border-radius: 0;
            border: 0 none transparent;
            box-shadow: none;
            min-height: 100vh;
        }
}
/* Icon variants */
.modal.modal-icon .modal-body > * {
    padding-left: var(--spacing-spacing-36);
}

.modal .modal-header .modal-title svg path {
    fill: var(--color-text-default) !important;
}

/* PAGINATION */
/* Lookup */
.entity-lookup .remove-value {
    display: none;
}

.view-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .view-pagination .pagination {
        margin: 0;
        border: 1px solid var(--neutral-30);
        border-radius: 4px;
        margin-top: var(--spacing-spacing-12);
    }

        .view-pagination .pagination .page-link {
            text-decoration: none;
            height: 38px;
            width: auto;
            padding: 0 var(--spacing-spacing-12);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-right: 1px solid var(--neutral-30);
        }

            .view-pagination .pagination .page-link:focus {
                box-shadow: none !important;
            }

        .view-pagination .pagination .page-item:last-child .page-link {
            border-right: 0 none transparent;
        }

        .view-pagination .pagination .page-link:hover {
            background-color: var(--neutral-10);
            cursor: pointer;
        }

        .view-pagination .pagination .page-link:focus-visible {
            outline: 2px solid var(--black);
            border: 0 none transparent;
            box-shadow: none;
            outline-offset: 1px;
        }

        .view-pagination .pagination .disabled .page-link *,
        .view-pagination .pagination .disabled .page-link {
            opacity: .4;
        }

        .view-pagination .pagination .active .page-link {
            background-color: var(--teal-40) !important;
            color: var(--teal-100) !important;
            border: 0 none transparent;
            border-radius: 0;
            font-weight: 700;
        }

        .view-pagination .pagination .page-link.entity-pager-prev-link {
            color: transparent !important;
            display: block;
            position: relative;
            margin: 0;
            transition: none !important;
        }

            .view-pagination .pagination .page-link.entity-pager-prev-link:after {
                content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.3532%202.81322C10.4469%202.90697%2010.4994%203.03405%2010.4994%203.16655C10.4994%203.29905%2010.4469%203.42614%2010.3532%203.51989L5.87322%207.99989L10.3532%2012.4799C10.4023%2012.5257%2010.4417%2012.5809%2010.4691%2012.6422C10.4964%2012.7035%2010.5111%2012.7697%2010.5123%2012.8369C10.5135%2012.904%2010.5011%2012.9707%2010.476%2013.033C10.4508%2013.0952%2010.4134%2013.1518%2010.3659%2013.1992C10.3184%2013.2467%2010.2619%2013.2842%2010.1996%2013.3093C10.1374%2013.3344%2010.0707%2013.3468%2010.0035%2013.3456C9.9364%2013.3444%209.87019%2013.3297%209.80886%2013.3024C9.74753%2013.2751%209.69233%2013.2357%209.64655%2013.1866L4.81322%208.35322C4.71959%208.25947%204.66699%208.13239%204.66699%207.99989C4.66699%207.86739%204.71959%207.7403%204.81322%207.64655L9.64655%202.81322C9.7403%202.71959%209.86739%202.66699%209.99989%202.66699C10.1324%202.66699%2010.2595%202.71959%2010.3532%202.81322Z%22%20fill%3D%22%23212121%22%2F%3E%0A%3C%2Fsvg%3E');
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                height: 16px;
                width: 16px;
            }

        .view-pagination .pagination .page-link.entity-pager-next-link {
            color: transparent !important;
            display: block;
            position: relative;
            margin: 0;
            transition: none !important;
        }

            .view-pagination .pagination .page-link.entity-pager-next-link:after {
                content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.3532%202.81322C10.4469%202.90697%2010.4994%203.03405%2010.4994%203.16655C10.4994%203.29905%2010.4469%203.42614%2010.3532%203.51989L5.87322%207.99989L10.3532%2012.4799C10.4023%2012.5257%2010.4417%2012.5809%2010.4691%2012.6422C10.4964%2012.7035%2010.5111%2012.7697%2010.5123%2012.8369C10.5135%2012.904%2010.5011%2012.9707%2010.476%2013.033C10.4508%2013.0952%2010.4134%2013.1518%2010.3659%2013.1992C10.3184%2013.2467%2010.2619%2013.2842%2010.1996%2013.3093C10.1374%2013.3344%2010.0707%2013.3468%2010.0035%2013.3456C9.9364%2013.3444%209.87019%2013.3297%209.80886%2013.3024C9.74753%2013.2751%209.69233%2013.2357%209.64655%2013.1866L4.81322%208.35322C4.71959%208.25947%204.66699%208.13239%204.66699%207.99989C4.66699%207.86739%204.71959%207.7403%204.81322%207.64655L9.64655%202.81322C9.7403%202.71959%209.86739%202.66699%209.99989%202.66699C10.1324%202.66699%2010.2595%202.71959%2010.3532%202.81322Z%22%20fill%3D%22%23212121%22%2F%3E%0A%3C%2Fsvg%3E');
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%) rotate(180deg);
                height: 16px;
                width: 16px;
            }

        .view-pagination .pagination > .active > a:focus {
            box-shadow: none;
        }

@media (max-width: 768px) {
    /* .view-pagination .pagination {
        overflow: visible;
    }
    .view-pagination .pagination .page-item:not(.disabled):not(.active):not(:last-child):not(:nth-last-child(2)):not(:first-child):not(:nth-child(2)) {
        display: none;
    }
    .view-pagination .pagination .page-item.active + .page-item {
        display: block !important;
    } */
}

/* ALERTS */
div.notifications {
    margin-top: 0;
    margin-bottom: 0;
    padding: var(--spacing-spacing-20) 0;
}

div.message.alert,
.alert {
    padding: var(--spacing-spacing-16) var(--spacing-spacing-44) var(--spacing-spacing-16) var(--spacing-spacing-20) !important;
    border-radius: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: block;
    position: relative;
    text-shadow: none;
    text-align: left;
}

    .alert .fa {
        display: none;
    }

    div.message.alert *,
    .alert * {
        text-shadow: none;
    }

    .alert p:last-of-type {
        margin-bottom: 0;
    }

    .alert .validation-header,
    div.message.alert .alert-heading,
    .alert .alert-heading {
        font-size: 14px !important;
        font-weight: 700;
        line-height: 160%;
        margin: 0 0 var(--spacing-spacing-8) !important;
    }

    div.message.alert.alert-success,
    .alert.alert-success {
        color: var(--color-text-default);
        background-color: var(--green-light);
        border: 0 none transparent;
    }

        div.message.alert.alert-success .alert-heading,
        .alert.alert-success .validation-header,
        .alert.alert-success .alert-heading {
            color: var(--green-dark) !important;
        }

    div.message.alert.alert-info,
    .alert.alert-info {
        color: var(--color-text-default);
        background-color: var(--blue-light);
        border: 0 none transparent;
    }

        div.message.alert.alert-info .alert-heading,
        .alert.alert-info .validation-header,
        .alert.alert-info .alert-heading {
            color: var(--blue-dark) !important;
        }

    div.message.alert.alert-warning,
    .alert.alert-warning {
        color: var(--color-text-default);
        background-color: var(--orange-light);
        border: 0 none transparent;
    }

        div.message.alert.alert-warning .alert-heading,
        .alert.alert-warning .validation-header,
        .alert.alert-warning .alert-heading {
            color: var(--orange-dark) !important;
        }

    div.message.alert.alert-danger,
    .alert.alert-danger {
        color: var(--color-text-default);
        background-color: var(--red-light);
        border: 0 none transparent;
    }

        div.message.alert.alert-danger .alert-heading,
        .alert.alert-danger .validation-header,
        .alert.alert-danger .alert-heading {
            color: var(--red-dark) !important;
        }

    div.message.alert a,
    .alert a {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-decoration-line: underline;
        color: var(--teal-80) !important;
    }

        div.message.alert a:active,
        .alert a:active,
        div.message.alert a:hover,
        .alert a:hover {
            color: var(--teal-100) !important;
        }

    .alert.alert-icon:before {
        content: '';
        position: absolute;
        left: var(--spacing-spacing-20) !important;
        top: var(--spacing-spacing-16) !important;
        padding: 0;
        width: 20px;
        height: 20px;
    }

    .alert.alert-success.alert-icon:before {
        content: var(--icon-success);
    }

    .alert.alert-info.alert-icon:before {
        content: var(--icon-info);
    }

    .alert.alert-warning.alert-icon:before {
        content: var(--icon-warning);
    }

    .alert.alert-danger.alert-icon:before {
        content: var(--icon-danger);
    }

    .alert.alert-icon svg path {
        color: red;
    }

    div.message.alert > svg,
    .alert > svg {
        position: absolute;
        left: var(--spacing-spacing-20) !important;
        top: var(--spacing-spacing-16) !important;
        padding: 0;
        width: 20px;
        height: 20px;
    }

        div.message.alert > svg ~ *:not(.btn-close),
        .alert > svg ~ *:not(.btn-close),
        .alert.alert-icon > *:not(.btn-close) {
            padding-left: var(--spacing-spacing-32);
        }

    div.message.alert .btn-close,
    .alert .btn-close {
        position: absolute;
        right: var(--spacing-spacing-20) !important;
        top: var(--spacing-spacing-16) !important;
        padding: 0;
        width: 14px;
        height: 14px;
        border-radius: 0px;
    }

        .alert .btn-close:focus-visible {
            outline-offset: 1px;
            outline: 1px solid var(--black);
        }

        div.message.alert .btn-close:before,
        .alert .btn-close:before {
            content: var(--icon-close);
            position: relative;
            height: 14px;
            width: 14px;
            display: block;
        }

        div.message.alert .btn-close span,
        .alert .btn-close span {
            display: none;
        }

    .alert .alert-actions {
        padding-top: var(--spacing-spacing-8);
    }

        .alert .alert-actions ul {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .alert .alert-actions ul li {
                position: relative;
                margin: 0;
                padding: 0 var(--spacing-spacing-20) 0 0;
            }

                .alert .alert-actions ul li:not(:last-child)::after {
                    content: '·';
                    font-size: 20px;
                    color: var(--teal-80);
                    position: absolute;
                    right: 5px;
                    top: 50%;
                    transform: translateY(-50%);
                }

                .alert .alert-actions ul li:last-child {
                    padding: 0;
                }

                .alert .alert-actions ul li a {
                    color: var(--teal-80);
                    font-size: 14px;
                    font-weight: 400;
                    text-decoration-line: underline;
                }

                    .alert .alert-actions ul li a:hover,
                    .alert .alert-actions ul li a:focus,
                    .alert .alert-actions ul li a:active {
                        color: var(--teal-100);
                    }

/* TOAST NOTIFICATIONS */
.toast-container {
    width: 100%;
    max-width: 600px;
    bottom: var(--spacing-spacing-8);
    position: fixed;
    left: calc((100% - 600px) / 2);
}

@media (max-width: 768px) {
    .toast-container {
        max-width: 90%;
        left: 5%;
    }
}

.toast-container .toast {
    width: 100%;
    border-radius: 4px;
    border: 0 none transparent;
    padding: var(--spacing-spacing-8);
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-spacing-8);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

    .toast-container .toast.show {
        display: flex;
    }

    .toast-container .toast.toast-success {
        background-color: var(--green-light);
    }

    .toast-container .toast.toast-info {
        background-color: var(--blue-light);
    }

    .toast-container .toast.toast-warning {
        background-color: var(--orange-light);
    }

    .toast-container .toast.toast-danger {
        background-color: var(--red-light);
    }

.toast .toast-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-spacing-8);
    padding: 0 var(--spacing-spacing-8);
}

    .toast .toast-actions .btn-close {
        padding: 0;
        width: 12px;
        height: 12px;
    }

    .toast .toast-actions .btn:focus,
    .toast .toast-actions .btn:active,
    .toast .toast-actions .btn:hover {
        background-color: transparent;
        opacity: .8;
    }

.toast .btn-close:after {
    padding: 0;
    content: var(--icon-close);
}

.toast .toast-content {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-spacing-8);
}

.toast.toast-icon .toast-content:before {
    content: '';
    width: 20px;
    height: 20px;
    display: flex;
    align-self: flex-start;
    padding: var(--spacing-spacing-4) 2px;
}

.toast.toast-success.toast-icon .toast-content:before {
    content: var(--icon-success);
}

.toast.toast-info.toast-icon .toast-content:before {
    content: var(--icon-info);
}

.toast.toast-warning.toast-icon .toast-content:before {
    content: var(--icon-warning);
}

.toast.toast-danger.toast-icon .toast-content:before {
    content: var(--icon-danger);
}

.toast .toast-body {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    flex: 1;
}

.toast .toast-header {
    border: 0 none transparent;
    font-size: 14px;
    font-weight: 700;
    border-radius: 0;
    background-color: transparent;
    padding: 0 0 var(--spacing-spacing-4) 0;
    line-height: 100%;
}

.toast.toast-success .toast-header {
    color: var(--green-dark);
}

.toast.toast-info .toast-header {
    color: var(--blue-dark);
}

.toast.toast-warning .toast-header {
    color: var(--orange-dark);
}

.toast.toast-danger .toast-header {
    color: var(--red-dark);
}

/* TOOLTIOP */
.tooltip {
    opacity: 1 !important;
}

    .tooltip .tooltip-arrow {
        display: none;
    }

    .tooltip .tooltip-inner {
        background-color: var(--teal-100);
        color: var(--white);
        padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
        font-size: 14px;
        font-family: var(--font-primary);
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }

/* CALENDAR WIDGET */
.bootstrap-datetimepicker-widget {
    border: 2px solid var(--neutral-10)
}

    .bootstrap-datetimepicker-widget table td {
        padding: 6px 8px;
    }

.entity-form .section .bootstrap-datetimepicker-widget td:last-child,
.entity-form .section .bootstrap-datetimepicker-widget td:first-child {
    padding: 6px 8px !important;
}

.bootstrap-datetimepicker-widget .datepicker-days thead tr:last-child th {
    padding-top: var(--spacing-spacing-16);
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: var(--teal-40);
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget tr td.active button {
    background: var(--teal-40);
    color: var(--black) !important;
    text-shadow: none;
}
/* timepicker */
.picker-switch table,
.timepicker-picker table {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.timepicker-picker table {
    padding-bottom: var(--spacing-spacing-8);
}

    .picker-switch table tbody,
    .timepicker-picker table tbody {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .picker-switch table tr,
    .timepicker-picker table tr {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        gap: var(--spacing-spacing-8);
    }

.entity-form .section .bootstrap-datetimepicker-widget a span,
.entity-form .section .bootstrap-datetimepicker-widget .timepicker-picker table tr td a {
    padding: var(--spacing-spacing-8) !important;
    text-decoration: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .entity-form .section .bootstrap-datetimepicker-widget a span:hover {
        background-color: transparent !important;
    }

.entity-form .section .bootstrap-datetimepicker-widget a,
.entity-form .section .bootstrap-datetimepicker-widget a[data-action],
.entity-form .section .bootstrap-datetimepicker-widget .picker-switch table tr td:first-child,
.entity-form .section .bootstrap-datetimepicker-widget .picker-switch table tr td,
.entity-form .section .bootstrap-datetimepicker-widget .timepicker-picker table tr td span,
.entity-form .section .bootstrap-datetimepicker-widget .timepicker-picker table tr td:first-child,
.entity-form .section .bootstrap-datetimepicker-widget .timepicker-picker table tr td {
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none;
}

.entity-form .section .bootstrap-datetimepicker-widget table td,
.entity-form .section .bootstrap-datetimepicker-widget table td span,
.entity-form .section .bootstrap-datetimepicker-widget table td span a {
    height: auto;
    line-height: 100%;
}

.entity-form .timepicker-picker .btn {
    border-left: 1px solid var(--neutral-50) !important;
    border-radius: var(--border-radius-inupts) !important;
}

.entity-form .section .bootstrap-datetimepicker-widget .year,
.entity-form .section .bootstrap-datetimepicker-widget .month {
    padding: var(--spacing-spacing-12);
}

.entity-form .section .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
}

/* TAGS */
.tag {
    height: 40px;
    border-radius: var(--border-radius-inupts);
    padding: var(--spacing-spacing-4) var(--spacing-spacing-8);
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral-20);
    color: var(--color-text-default);
    gap: var(--spacing-spacing-4);
}

    .tag:focus,
    .tag:hover {
        background-color: var(--neutral-40);
        text-decoration: underline;
        cursor: default;
    }

    .tag:active {
        background-color: var(--neutral-50);
        text-decoration: underline;
    }

    .tag:focus-visible {
        background-color: var(--neutral-40);
        outline-offset: 1px;
        outline: 1px solid var(--black);
    }

    .tag .btn-close {
        padding: 0;
        width: 12px;
        height: 12px;
        background-color: transparent;
    }

        .tag .btn-close:hover {
            cursor: pointer;
        }

        .tag .btn-close:after {
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%229%22%20viewBox%3D%220%200%208%209%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M0.196259%200.779535L0.232759%200.737535C0.296254%200.674026%200.380431%200.635412%200.469985%200.628714C0.55954%200.622016%200.648524%200.647678%200.72076%200.701035L0.76276%200.737535L3.99776%203.97203L7.23276%200.737035C7.26737%200.701235%207.30876%200.672687%207.35452%200.653055C7.40028%200.633424%207.44949%200.623102%207.49929%200.622693C7.54908%200.622284%207.59845%200.631796%207.64453%200.650673C7.69061%200.66955%207.73246%200.697415%207.76766%200.732641C7.80285%200.767867%207.83068%200.809749%207.84951%200.855844C7.86834%200.901939%207.87781%200.951323%207.87735%201.00111C7.8769%201.05091%207.86653%201.10011%207.84685%201.14585C7.82718%201.19159%207.79859%201.23296%207.76276%201.26753L4.52826%204.50253L7.76326%207.73753C7.82669%207.80109%207.86522%207.8853%207.87182%207.97485C7.87843%208.06441%207.85268%208.15336%207.79926%208.22553L7.76276%208.26754C7.69927%208.33104%207.61509%208.36966%207.52553%208.37636C7.43598%208.38305%207.34699%208.35739%207.27476%208.30404L7.23276%208.26754L3.99776%205.03303L0.76276%208.26803C0.692002%208.33631%200.597258%208.37407%200.498934%208.37317C0.40061%208.37226%200.306574%208.33278%200.237078%208.26322C0.167583%208.19366%200.128188%208.09959%200.127381%208.00126C0.126573%207.90294%200.164416%207.80823%200.232759%207.73753L3.46726%204.50253L0.232259%201.26753C0.168825%201.20398%200.130304%201.11977%200.123697%201.03022C0.117091%200.940663%200.142839%200.851712%200.196259%200.779535Z%22%20fill%3D%22%23282F2E%22%2F%3E%0A%3C%2Fsvg%3E');
            width: 100%;
            height: auto;
            display: block;
        }

div.msos-container:not(.msos-disabled).msos-active,
div.msos-container:not(.msos-disabled).msos-focused,
div.msos-container:not(.msos-disabled) {
    padding: 0 !important;
    margin: 0;
    display: block;
    height: auto;
    min-height: unset !important;
    border: 0 none transparent !important;
    box-shadow: none !important;
}

div.msos-container .msos-input-container {
    padding: 0;
    height: auto;
    min-height: unset;
}

.msos-filter-container .msos-caret-button:hover,
.msos-filter-container .msos-caret-button:active,
.msos-filter-container .msos-caret-button:focus,
.msos-filter-container:focus .msos-caret-button,
.msos-filter-container:active .msos-caret-button,
.msos-filter-container:hover .msos-caret-button {
    border: 1px solid var(--border-color-form-field) !important;
    border-left: 0 none transparent !important;
}

.msos-filter-container:focus .msos-input,
.msos-filter-container:active .msos-input,
.msos-filter-container:hover .msos-input,
div.msos-container .msos-input-container .msos-input:focus,
div.msos-container .msos-input-container .msos-input:active,
div.msos-container .msos-input-container .msos-input:hover,
div.msos-container .msos-input-container .msos-input {
    height: 40px;
    border-radius: var(--border-radius-inupts) 0 0 var(--border-radius-inupts) !important;
    /* border: 1px solid var(--border-color-form-field) !important; */
    border-right: 0 none transparent !important;
    padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
}

div.msos-container .msos-caret-container .msos-caret-button {
    height: 40px;
    width: 40px;
    border-radius: 0 var(--border-radius-inupts) var(--border-radius-inupts) 0;
    border: 1px solid var(--border-color-form-field);
    border-left: 0 none transparent;
    padding: 0;
    margin: 0;
}

    div.msos-container .msos-caret-container .msos-caret-button .msos-glyph:after {
        content: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.508711%200.545604C0.625899%200.428562%200.784752%200.36282%200.950378%200.36282C1.116%200.36282%201.27486%200.428562%201.39204%200.545604L6.99204%206.1456L12.592%200.545604C12.6493%200.484198%2012.7183%200.434946%2012.7949%200.400786C12.8716%200.366626%2012.9544%200.348258%2013.0383%200.346777C13.1222%200.345296%2013.2056%200.360734%2013.2834%200.392168C13.3612%200.423602%2013.4319%200.47039%2013.4912%200.529739C13.5506%200.589088%2013.5974%200.659782%2013.6288%200.737605C13.6602%200.815429%2013.6757%200.898786%2013.6742%200.982705C13.6727%201.06662%2013.6544%201.14939%2013.6202%201.22605C13.586%201.30272%2013.5368%201.37172%2013.4754%201.42894L7.43371%207.4706C7.31652%207.58765%207.15767%207.65339%206.99204%207.65339C6.82642%207.65339%206.66757%207.58765%206.55038%207.4706L0.508711%201.42894C0.391669%201.31175%200.325928%201.1529%200.325928%200.98727C0.325928%200.821645%200.391669%200.662792%200.508711%200.545604Z%22%20fill%3D%22%231F7A6A%22%2F%3E%0A%3C%2Fsvg%3E');
    }

div.msos-container .msos-selected-display-item {
    border-radius: 3px;
    background: var(--neutral-20);
    padding: var(--spacing-spacing-4) var(--spacing-spacing-8);
    color: var(--neutral-90);
}

    div.msos-container .msos-selected-display-item:hover .msos-quick-delete,
    div.msos-container .msos-selected-display-item:focus .msos-quick-delete,
    div.msos-container .msos-selected-display-item:focus,
    div.msos-container .msos-selected-display-item:hover {
        background: var(--neutral-40) !important;
    }

    div.msos-container .msos-selected-display-item:active .msos-quick-delete,
    div.msos-container .msos-selected-display-item:active {
        background: var(--neutral-50) !important;
    }

    div.msos-container .msos-selected-display-item:focus-visible {
        background: var(--neutral-40) !important;
        outline-offset: 1px;
        outline: 1px solid var(--black);
    }

        div.msos-container .msos-selected-display-item:focus-visible .msos-quick-delete {
            background: var(--neutral-40) !important;
        }

    div.msos-container .msos-selected-display-item .msos-selected-display-item-text {
        padding: 0;
        display: flex;
        align-items: center;
    }

    div.msos-container .msos-selected-display-item .msos-quick-delete {
        padding: 0 0 0 4px;
    }

.selected-records .item {
    margin-left: var(--spacing-spacing-12);
}

/* MULTI SELECT */
.msos-container {
    position: relative;
}

html[dir=ltr] div.msos-inner-container {
    padding-top: 0px !important;
}

div.msos-container input.msos-input,
div.msos-container input.msos-input {
    border: 1px solid var(--border-color-form-field)
}

div.msos-container.msos-open .msos-caret-container .msos-caret-button,
div.msos-container.msos-focused .msos-caret-container .msos-caret-button,
div.msos-container.msos-open input.msos-input,
div.msos-container.msos-focused input.msos-input {
    border-color: var(--teal-80) !important;
    border-width: 2px !important;
    border-style: solid !important;
}

div.msos-container.msos-open input.msos-input,
div.msos-container.msos-focused input.msos-input {
    border-right: 0 none transparent !important;
}

div.msos-container.msos-open .msos-caret-container .msos-caret-button,
div.msos-container.msos-focused .msos-caret-container .msos-caret-button {
    border-left: 0 none transparent !important;
}

.msos-container .msos-inner-container {
    opacity: 1 !important;
    display: block !important;
}

.msos-container .msos-selecteditems-container {
    position: absolute;
    top: 3px;
    z-index: 1;
    left: 2px;
    right: 50px;
    background-color: var(--white);
}

body .msos-open .msos-inner-container:not(.msos-fullscreen) .msos-selection-container {
    top: 35px !important;
}

/* FOOTER */
footer.footer {
    color: var(--color-text-default);
    margin-top: var(--spacing-spacing-8);
    padding-top: var(--spacing-spacing-4);
    background-color: var(--white);
}

.footer-info {
    padding-right: var(--spacing-spacing-4);
}

    .footer-info .footer-info-logo {
        max-width: 115px;
        width: auto;
    }

        .footer-info .footer-info-logo img {
            max-width: 100%;
        }

    .footer-info .footer-info-text {
        margin-top: var(--spacing-spacing-4);
    }

        .footer-info .footer-info-text p {
            font-size: 13px;
        }

.footer-menus-wrap {
    display: flex;
    gap: var(--spacing-spacing-40);
    flex-wrap: nowrap;
    justify-content: space-between;
}

    .footer-menus-wrap .footer-menus-title {
        font-size: 14px;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }

        .footer-menus-wrap .footer-menus-title::after {
            display: none;
        }

    .footer-feedback,
    .footer-menus-wrap .footer-menus-column {
        padding: var(--spacing-spacing-8);
        display: flex;
        flex-direction: column;
        gap: var(--spacing-spacing-12);
        flex: 1;
    }

        .footer-menus-wrap .footer-menus-column .list-group {
            padding: 0;
            margin: 0;
            border: 0 none transparent;
            border-radius: 0px;
            display: flex;
            flex-direction: column;
            gap: var(--spacing-spacing-12);
        }

            .footer-menus-wrap .footer-menus-column .list-group .list-group-item {
                color: var(--teal-80);
                font-size: 14px;
                font-weight: 400;
                text-decoration: underline;
                padding: 0;
                margin: 0;
                display: flex;
                align-items: center;
                border: 0 none transparent;
                gap: var(--spacing-spacing-8);
            }

                .footer-menus-wrap .footer-menus-column .list-group .list-group-item:active,
                .footer-menus-wrap .footer-menus-column .list-group .list-group-item:focus,
                .footer-menus-wrap .footer-menus-column .list-group .list-group-item:hover {
                    color: var(--teal-100);
                    background-color: transparent;
                }

.footer-legal {
    border-top: 1px solid var(--neutral-30);
    display: flex;
    justify-content: space-between;
    vertical-align: var(--color-text-default);
    margin: var(--spacing-spacing-36) 0 0;
    padding: var(--spacing-spacing-16) 0;
}

    .footer-legal p {
        font-size: 13px;
    }

    .footer-legal a {
        font-size: 13px;
    }

    .footer-legal .footer-legal-links {
        display: flex;
        gap: var(--spacing-spacing-44);
        align-items: center;
        width: 100%;
        text-align: center;
    }

@media (max-width: 992px) {
    .footer .row:first-child > div:first-child {
        order: 1;
    }

    .footer .row:first-child > div:nth-child(2) {
        order: 3;
        padding-top: var(--spacing-spacing-40);
    }

    .footer .row:first-child > div:nth-child(3) {
        order: 2;
    }

    .footer-feedback {
        align-items: flex-end;
    }

    .footer-legal {
        flex-direction: column;
        gap: var(--spacing-spacing-20);
    }

        .footer-legal p {
            padding: 0;
            margin: 0;
        }

        .footer-legal .footer-legal-links {
            width: 100%;
            text-align: center;
        }
}

@media (max-width: 768px) {
    .footer-info .footer-info-logo {
        max-width: 80px;
    }

    .footer-info .footer-info-text {
        display: block;
    }

    .footer-menus-wrap {
        flex-direction: column;
        gap: var(--spacing-spacing-4);
    }

        .footer-menus-wrap :not(.footer-menus-column-social) .footer-menus-title {
            padding: var(--spacing-spacing-12);
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: var(--spacing-spacing-4);
        }

            .footer-menus-wrap :not(.footer-menus-column-social) .footer-menus-title::after {
                height: 16px;
                width: 16px;
                content: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%226%22%20viewBox%3D%220%200%2012%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.806871%200.23641C0.900621%200.142776%201.0277%200.0901829%201.1602%200.0901829C1.2927%200.0901829%201.41979%200.142776%201.51354%200.23641L5.99354%204.71641L10.4735%200.23641C10.5193%200.187285%2010.5745%200.147883%2010.6358%200.120555C10.6972%200.0932275%2010.7634%200.0785328%2010.8305%200.0773483C10.8977%200.0761638%2010.9643%200.0885137%2011.0266%200.113661C11.0889%200.138808%2011.1454%200.176238%2011.1929%200.223718C11.2404%200.271197%2011.2778%200.327752%2011.303%200.390011C11.3281%200.45227%2011.3404%200.518956%2011.3393%200.586091C11.3381%200.653226%2011.3234%200.719435%2011.2961%200.780768C11.2687%200.842101%2011.2293%200.897301%2011.1802%200.943076L6.34687%205.77641C6.25312%205.87004%206.12604%205.92264%205.99354%205.92264C5.86104%205.92264%205.73395%205.87004%205.6402%205.77641L0.806871%200.943076C0.713237%200.849326%200.660645%200.722243%200.660645%200.589743C0.660645%200.457242%200.713237%200.33016%200.806871%200.23641Z%22%20fill%3D%22%23212121%22%2F%3E%20%3C%2Fsvg%3E');
                display: flex;
                align-items: center;
                justify-content: center;
                transition: transform .25s;
            }

            .footer-menus-wrap :not(.footer-menus-column-social) .footer-menus-title.active::after {
                transform: rotate(-180deg);
            }

        .footer-menus-wrap .footer-menus-column:not(.footer-menus-column-social) {
            display: block;
            padding: 0;
        }

        .footer-menus-wrap .footer-menus-column .list-group-wrapper {
            display: grid;
            grid-template-rows: 0fr;
            overflow: hidden;
            transition: grid-template-rows 200ms;
            border-bottom: 1px solid var(--neutral-30);
        }

        .footer-menus-wrap :not(.footer-menus-column-social) .footer-menus-title.active + .list-group-wrapper {
            grid-template-rows: 1fr;
        }

        .footer-menus-wrap .footer-menus-column:not(.footer-menus-column-social) .list-group {
            min-height: 0;
            gap: var(--spacing-spacing-16);
            padding: 0 var(--spacing-spacing-16);
        }

        .footer-menus-wrap .footer-menus-column:not(.footer-menus-column-social) .list-group-item:last-child {
            padding-bottom: var(--spacing-spacing-16);
        }

        .footer-menus-wrap .footer-menus-column.footer-menus-column-social {
            padding-top: var(--spacing-spacing-32);
        }

            .footer-menus-wrap .footer-menus-column.footer-menus-column-social .footer-menus-title {
                display: none;
            }

            .footer-menus-wrap .footer-menus-column.footer-menus-column-social .list-group {
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }

            .footer-menus-wrap .footer-menus-column.footer-menus-column-social .list-group-item {
                font-size: 0px;
                color: transparent;
                justify-content: center;
            }

    .footer-legal {
        padding-top: var(--spacing-spacing-32);
        margin-top: var(--spacing-spacing-8);
        width: 100%;
    }

        .footer-legal .footer-legal-text {
            order: 2;
            width: 100%;
            text-align: center
        }

        .footer-legal .footer-legal-links {
            order: 1;
            flex-direction: column;
            gap: var(--spacing-spacing-8);
            width: 100%;
            text-align: center;
        }
}

/* PRIVATE BANNER */
.in-iframe div.private-mode-banner {
    display: none !important;
}

div.private-mode-banner {
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: var(--teal-100);
    padding: var(--spacing-spacing-8) var(--spacing-spacing-32);
}

    div.private-mode-banner div.private-mode-text {
        display: block;
    }

    div.private-mode-banner .private-mode-signin-text b u a,
    div.private-mode-banner .private-mode-signin-text {
        font-size: 14px;
        font-weight: 400;
        color: var(--white);
    }

    div.private-mode-banner div.private-mode-text b,
    div.private-mode-banner div.private-mode-text span {
        color: var(--white);
        font-size: 14px;
        font-weight: 700;
    }

    div.private-mode-banner div.private-mode-text > u > a {
        color: var(--white);
        text-decoration-color: var(--white);
    }

        div.private-mode-banner .private-mode-signin-text b u a:hover,
        div.private-mode-banner div.private-mode-text > u > a:hover {
            color: var(--neutral-40);
            text-decoration-color: var(--neutral-40);
        }

        div.private-mode-banner .private-mode-signin-text b u a:focus-visible,
        div.private-mode-banner div.private-mode-text > u > a:focus-visible {
            color: var(--white);
            outline-offset: 0px;
            outline: 2px solid var(--black);
            border: 2px solid var(--white);
        }

@media (max-width: 768px) {
    div.private-mode-banner {
        padding: var(--spacing-spacing-8) var(--spacing-spacing-16) var(--spacing-spacing-28) var(--spacing-spacing-16);
        position: relative;
        align-items: flex-start;
    }

        div.private-mode-banner div.private-mode-text {
            min-height: 30px;
            padding-bottom: var(--spacing-spacing-4);
        }

            div.private-mode-banner div.private-mode-text > u > a,
            div.private-mode-banner div.private-mode-text b,
            div.private-mode-banner div.private-mode-text span {
                font-size: 12px;
            }

        div.private-mode-banner .private-mode-signin-text b u a,
        div.private-mode-banner .private-mode-signin-text {
            font-size: 12px;
        }

        div.private-mode-banner .private-mode-signin-text {
            position: absolute;
            right: 16px;
            bottom: 8px;
        }

    .private-mode-text > u {
        position: absolute;
        left: var(--spacing-spacing-16);
        bottom: var(--spacing-spacing-8);
    }
}

/* ACCOUNT PAGE */
.account-page {
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    width: 1076px;
    margin: var(--spacing-spacing-56) auto;
    max-width: 90%;
}

    .account-page .nav-account {
        margin-top: 0;
        padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
        border-bottom: 0 none transparent;
        gap: var(--spacing-spacing-4);
        border-bottom: 1px solid var(--neutral-30);
        flex-wrap: nowrap;
    }

        .account-page .nav-account .nav-item {
            font-size: 14px;
            font-weight: 600;
        }

            .account-page .nav-account .nav-item .nav-link {
                color: var(--color-text-default) !important;
                margin: 0;
                padding: var(--spacing-spacing-16) var(--spacing-spacing-12);
                border-radius: 8px;
                background-color: transparent;
                border: 0 none transparent;
                line-height: 1;
                text-decoration: none !important;
            }

                .account-page .nav-account .nav-item .nav-link:hover {
                    background-color: var(--teal-10);
                    border: 0 none transparent;
                    padding: var(--spacing-spacing-16) var(--spacing-spacing-12);
                    margin: 0;
                }

                .account-page .nav-account .nav-item .nav-link:active {
                    background-color: var(--teal-20);
                    border: 0 none transparent;
                    padding: var(--spacing-spacing-16) var(--spacing-spacing-12);
                    margin: 0;
                }

                .account-page .nav-account .nav-item .nav-link:focus-visible {
                    outline: 2px solid var(--black);
                    outline-offset: 1px;
                    border: 0 none transparent;
                    padding: var(--spacing-spacing-16) var(--spacing-spacing-12);
                    margin: 0;
                }

                .account-page .nav-account .nav-item .nav-link.active {
                    border: 0 none transparent;
                    font-weight: 700;
                    background-color: var(--teal-20);
                }

            .account-page .nav-account .nav-item .fa {
                display: none;
            }

    .account-page .page-content {
        padding: 72px 96px;
        margin: 0;
    }

        .account-page:not(.account-page-reedem) .page-content > form > div > .row,
        .account-page .page-content > .row {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: space-between;
            gap: 100px;
            position: relative;
        }

            .account-page:not(.account-page-reedem) .page-content > form > div > .row:before,
            .account-page:not(.account-page-reedem) .page-content > .row:before {
                content: '';
                position: absolute;
                display: block;
                left: 50%;
                transform: translateX(-50%);
                font-family: 'Open sans';
                background-color: var(--neutral-30);
                top: 0;
                bottom: 0;
                width: 1px;
                z-index: 2;
            }

            .account-page:not(.account-page-reedem) .page-content > form > div > .row:after,
            .account-page:not(.account-page-reedem) .page-content > .row:after {
                content: 'Or';
                position: absolute;
                display: block;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                font-family: 'Open sans';
                font-size: 13px;
                font-weight: 400;
                color: var(--black);
                padding: var(--spacing-spacing-4);
                background-color: var(--white);
                z-index: 3;
            }

            .account-page:not(.account-page-reedem) .page-content > form > div > .row > div,
            .account-page:not(.account-page-reedem) .page-content > .row > div {
                flex: 1;
                width: auto;
                padding: 0;
                position: relative;
            }

    .account-page button[name="provider"] {
        padding: var(--spacing-spacing-12) var(--spacing-spacing-16) var(--spacing-spacing-12) var(--spacing-spacing-12);
    }

        .account-page button[name="provider"]::before {
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.212%2017.1L14.212%202.09999C14.1251%201.84126%2013.9558%201.61812%2013.7301%201.46463C13.5044%201.31115%2013.2346%201.23576%2012.962%201.24999H7.03703C6.77497%201.24931%206.51933%201.33101%206.30624%201.48354C6.09315%201.63607%205.93338%201.85171%205.84953%202.09999L0.787028%2017.1C0.721379%2017.2934%200.704127%2017.5%200.73678%2017.7016C0.769434%2017.9032%200.850999%2018.0938%200.974338%2018.2566C1.09768%2018.4194%201.25903%2018.5495%201.44429%2018.6355C1.62955%2018.7215%201.83306%2018.7608%202.03703%2018.75H5.69953C5.95944%2018.7481%206.2123%2018.6652%206.42289%2018.5128C6.63349%2018.3605%206.79136%2018.1462%206.87453%2017.9L7.63703%2015.675L11.387%2018.5125C11.6049%2018.6703%2011.868%2018.7536%2012.137%2018.75H17.987C18.1889%2018.7566%2018.3894%2018.7142%2018.5713%2018.6264C18.7533%2018.5386%2018.9112%2018.408%2019.0316%2018.2458C19.152%2018.0836%2019.2313%2017.8946%2019.2628%2017.6951C19.2942%2017.4955%2019.2768%2017.2913%2019.212%2017.1ZM12.187%2017.925C12.0962%2017.9251%2012.008%2017.8942%2011.937%2017.8375L4.87453%2012.6L4.76203%2012.5125H8.51203L8.61203%2012.25L9.86203%209.08749L12.662%2017.375C12.6845%2017.4445%2012.6887%2017.5186%2012.6743%2017.5902C12.6598%2017.6618%2012.6271%2017.7284%2012.5793%2017.7837C12.5316%2017.839%2012.4704%2017.881%2012.4017%2017.9058C12.333%2017.9305%2012.259%2017.9371%2012.187%2017.925ZM18.0245%2017.925H13.3745C13.4679%2017.6579%2013.4679%2017.3671%2013.3745%2017.1L8.31203%202.09999H12.962C13.0503%202.10044%2013.1362%202.12836%2013.2079%202.17988C13.2796%202.2314%2013.3335%202.30396%2013.362%202.38749L18.4245%2017.3875C18.4416%2017.4498%2018.4443%2017.5151%2018.4324%2017.5786C18.4205%2017.6421%2018.3942%2017.702%2018.3557%2017.7538C18.3171%2017.8057%2018.2672%2017.848%2018.2099%2017.8777C18.1525%2017.9073%2018.0891%2017.9235%2018.0245%2017.925Z%22%20fill%3D%22%230F3D35%22%2F%3E%0A%3C%2Fsvg%3E');
            width: 20px;
            height: 20px;
            display: block;
        }

    .account-page .login-heading-section {
        padding: 0;
        margin: 0;
        border: 0 none transparent;
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 var(--spacing-spacing-32);
    }

    .account-page.account-page-reedem .portal-form {
        width: 50%;
    }

    .account-page .portal-form .row {
        margin: 0 !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .account-page .portal-form .row > * {
            padding: 0;
            text-align: left;
            margin: 0 0 var(--spacing-spacing-24);
            width: 100%;
            display: block;
        }

    .account-page .portal-form > .row:last-child > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 0;
    }

        .account-page .portal-form > .row:last-child > div a {
            padding: 0 !important;
            color: var(--teal-80) !important;
            text-decoration: underline;
            border: 0 none transparent !important;
            font-weight: 400 !important;
        }

            .account-page .portal-form > .row:last-child > div a:hover {
                padding: 0 !important;
                color: var(--teal-100) !important;
                text-decoration: underline !important;
                border: 0 none transparent !important;
                background-color: transparent !important;
            }

            .account-page .portal-form > .row:last-child > div a:active {
                color: var(--teal-100) !important;
                text-decoration: underline !important;
                border: 0 none transparent !important;
                background-color: transparent !important;
            }

            .account-page .portal-form > .row:last-child > div a:focus-visible {
                color: var(--teal-80) !important;
                text-decoration: underline !important;
                outline-width: 2px !important;
                outline-offset: 4px !important;
                border: 0 none transparent !important;
                background-color: transparent !important;
            }

    .account-page .portal-form .row label {
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        color: var(--color-text-default);
        padding-bottom: var(--spacing-spacing-8);
        margin: 0;
    }

        .account-page .portal-form .row label::before {
            display: none;
        }

    .account-page .portal-form .row .checkbox {
        margin: 0;
        padding: 0;
    }

        .account-page .portal-form .row .checkbox label {
            display: flex;
            align-items: center;
            gap: var(--spacing-spacing-8);
            margin: 0;
            padding: 0;
        }

    .account-page .validation-summary-valid {
        padding: 0 !important;
    }

@media (max-width: 992px) {
    .account-page.account-page-reedem .portal-form {
        width: 100%;
    }

    .account-page .page-content {
        padding: 56px 48px;
    }
}

@media (max-width: 768px) {
    .account-page {
        max-width: calc(100% - 32px);
    }

        .account-page .page-content {
            padding: 48px 16px;
        }

            .account-page .page-content > form > div > .row,
            .account-page .page-content > .row {
                flex-direction: column;
            }

        .account-page:not(.account-page-reedem) .page-content > form > div > .row:before,
        .account-page:not(.account-page-reedem) .page-content > .row:before {
            display: none;
        }

        .account-page:not(.account-page-reedem) .page-content > form > div > .row:after,
        .account-page:not(.account-page-reedem) .page-content > .row:after {
            display: none;
        }

        .account-page:not(.account-page-reedem) .page-content > form > div > .row > div:first-child:before,
        .account-page:not(.account-page-reedem) .page-content > .row > div:first-child:before {
            content: '';
            position: absolute;
            display: block;
            bottom: -50px;
            background-color: var(--neutral-30);
            left: 0;
            right: 0;
            height: 1px;
            z-index: 2;
        }

        .account-page:not(.account-page-reedem) .page-content > form > div > .row > div:first-child:after,
        .account-page:not(.account-page-reedem) .page-content > .row > div:first-child:after {
            content: 'Or';
            position: absolute;
            display: block;
            left: 50%;
            bottom: -50px;
            transform: translate(-50%, 50%);
            font-family: 'Open sans';
            font-size: 13px;
            font-weight: 400;
            color: var(--black);
            padding: var(--spacing-spacing-4);
            background-color: var(--white);
            z-index: 3;
        }
}

/* PROFILE PAGE */
.page-profile .breadcrumb {
    display: none;
}

.page-profile > .container > .row {
    display: block;
    margin: 0;
    padding: 0;
}

    .page-profile > .container > .row > div:first-child {
        display: none;
    }

.page-profile #mainContent {
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--spacing-spacing-24);
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

    .page-profile #mainContent > div {
        background-color: var(--white);
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
        border: 0 none transparent;
        border-radius: 8px;
        padding: var(--spacing-spacing-16) var(--spacing-spacing-24) var(--spacing-spacing-24);
    }

    .page-profile #mainContent > .page-copy {
        flex: 0.25;
    }

    .page-profile #mainContent > .page-profile-form {
        flex: 1;
    }

        .page-profile #mainContent > .page-profile-form > div > fieldset legend {
            border-bottom: 0 none transparent;
            font-size: 14px;
            font-weight: 700;
            line-height: 150%;
            color: var(--color-text-default);
            padding: 0;
            margin: 0;
        }

            .page-profile #mainContent > .page-profile-form > div > fieldset legend .profile-page-heading small,
            .page-profile #mainContent > .page-profile-form > div > fieldset legend .profile-page-heading {
                font-size: 14px;
                font-weight: 700;
                line-height: 150%;
                color: var(--color-text-default);
                padding-bottom: var(--spacing-spacing-8);
                letter-spacing: normal !important;
            }

.page-profile .page-profile-form .entity-form .tab .tab-column div > fieldset {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
    margin: 0 !important;
    border: 0 none transparent;
}

.page-profile .page-profile-form .entity-form .form-select {
    width: 50%;
}

@media (max-width: 992px) {
    .page-profile #mainContent {
        flex-direction: column-reverse;
    }

        .page-profile #mainContent > .page-profile-form,
        .page-profile #mainContent > div {
            flex: 1;
            width: 100%;
        }

    .page-profile .page-profile-form .entity-form .form-select {
        width: 100%;
    }
}

/* CALENDAR */
.calendar-view #mainContent .view .calendar {
    overflow-x: auto;
    padding-bottom: 3px;
}

.calendar-view .entitylist:not(.entitylist > .entitylist) {
    padding: var(--spacing-spacing-24);
}

.cal-row-fluid:hover,
.cal-year-box .row-fluid:hover {
    background-color: transparent !important;
}

.page-heading {
    padding-top: 0 !important;
}

.breadcrumb {
    display: none;
}

.calendar-views {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-spacing-8);
}

.calendar-navs {
    display: flex;
    gap: var(--spacing-spacing-24);
    flex: 0.5;
}

    .calendar-views .btn-group,
    .calendar-navs .btn-group {
        display: flex;
        gap: var(--spacing-spacing-8);
    }

        .calendar-views .btn-group .btn,
        .calendar-navs .btn-group .btn {
            height: 40px;
            padding: 0 var(--spacing-spacing-12) !important;
            background-color: var(--white) !important;
            border-radius: 4px !important;
            border: 1px solid var(--neutral-70) !important;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 700;
            color: var(--teal-100) !important;
            gap: 0;
        }

        .calendar-views .btn-group #WeekViewToggleButton,
        .calendar-navs .btn-group #WeekViewToggleButton {
            padding: 0 !important;
            width: 71px;
        }

        .calendar-views .btn-group #MonthViewToggleButton,
        .calendar-navs .btn-group #MonthViewToggleButton {
            padding: 0 !important;
            width: 79px;
        }

        .calendar-views .btn-group #YearViewToggleButton,
        .calendar-navs .btn-group #YearViewToggleButton {
            padding: 0 !important;
            width: 64px;
        }

        .calendar-views .btn-group #NavigateToToday,
        .calendar-navs .btn-group #NavigateToToday {
            padding: 0 !important;
            width: 75px;
        }

        .calendar-views .btn-group [data-calendar-nav="next"],
        .calendar-views .btn-group [data-calendar-nav="prev"],
        .calendar-views .btn-group.calendar-downloads #DownloadTitleLink,
        .calendar-navs .btn-group [data-calendar-nav="next"],
        .calendar-navs .btn-group [data-calendar-nav="prev"],
        .calendar-navs .btn-group.calendar-downloads #DownloadTitleLink {
            padding: 0 !important;
            width: 40px;
        }

        .calendar-views .btn-group .btn[aria-label*="Pressed"],
        .calendar-navs .btn-group .btn[aria-label*="Pressed"] {
            border: 1px solid var(--neutral-70) !important;
            background: var(--neutral-30) !important;
        }

        .calendar-navs .btn-group .btn:hover,
        .calendar-views .btn-group .btn:hover {
            background-color: var(--neutral-20) !important;
        }

        .calendar-navs .btn-group .btn:focus-visible,
        .calendar-views .btn-group .btn:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--black);
        }

        .calendar-navs .btn-group .btn[data-calendar-nav="next"],
        .calendar-navs .btn-group .btn[data-calendar-nav="prev"] {
            font-size: 0px !important;
            color: transparent !important;
        }

            .calendar-navs .btn-group .btn[data-calendar-nav="prev"]::after {
                content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M12.9416%204.01665C13.0587%204.13383%2013.1244%204.29269%2013.1244%204.45831C13.1244%204.62394%2013.0587%204.78279%2012.9416%204.89998L7.34165%2010.5L12.9416%2016.1C13.0031%2016.1572%2013.0523%2016.2262%2013.0865%2016.3029C13.1206%2016.3795%2013.139%2016.4623%2013.1405%2016.5462C13.142%2016.6301%2013.1265%2016.7135%2013.0951%2016.7913C13.0636%2016.8691%2013.0169%2016.9398%2012.9575%2016.9992C12.8982%2017.0585%2012.8275%2017.1053%2012.7496%2017.1367C12.6718%2017.1682%2012.5885%2017.1836%2012.5045%2017.1821C12.4206%2017.1807%2012.3379%2017.1623%2012.2612%2017.1281C12.1845%2017.094%2012.1155%2017.0447%2012.0583%2016.9833L6.01665%2010.9416C5.8996%2010.8245%205.83386%2010.6656%205.83386%2010.5C5.83386%2010.3344%205.8996%2010.1755%206.01665%2010.0583L12.0583%204.01665C12.1755%203.8996%2012.3344%203.83386%2012.5%203.83386C12.6656%203.83386%2012.8245%203.8996%2012.9416%204.01665Z%22%20fill%3D%22%230F3D35%22%2F%3E%0A%3C%2Fsvg%3E');
                width: 20px;
                height: 20px;
                display: block;
            }

            .calendar-navs .btn-group .btn[data-calendar-nav="next"]::after {
                content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M6.19877%203.68281C6.08167%203.80001%206.0159%203.95888%206.0159%204.12453C6.0159%204.29017%206.08167%204.44904%206.19877%204.56625L11.8013%2010.1669L6.19877%2015.7676C6.13734%2015.8248%206.08806%2015.8938%206.05389%2015.9705C6.01971%2016.0472%206.00133%2016.13%205.99985%2016.2139C5.99837%2016.2978%206.01382%2016.3812%206.04526%2016.459C6.07671%2016.5369%206.12352%2016.6076%206.1829%2016.6669C6.24227%2016.7263%206.313%2016.7731%206.39086%2016.8045C6.46872%2016.8359%206.55211%2016.8514%206.63607%2016.8499C6.72002%2016.8484%206.80282%2016.8301%206.87952%2016.7959C6.95623%2016.7617%207.02526%2016.7125%207.0825%2016.6511L13.1269%2010.6086C13.244%2010.4914%2013.3098%2010.3326%2013.3098%2010.1669C13.3098%2010.0013%2013.244%209.84241%2013.1269%209.72521L7.0825%203.68281C6.96526%203.56575%206.80634%203.5%206.64064%203.5C6.47493%203.5%206.31601%203.56575%206.19877%203.68281Z%22%20fill%3D%22%230F3D35%22%2F%3E%0A%3C%2Fsvg%3E');
                width: 20px;
                height: 20px;
                display: block;
            }

        .calendar-views .btn-group.calendar-downloads .btn::after {
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2218%22%20viewBox%3D%220%200%2014%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M12.4168%2016.0797C12.5826%2016.0797%2012.7416%2016.1456%2012.8588%2016.2628C12.976%2016.38%2013.0418%2016.539%2013.0418%2016.7047C13.0418%2016.8705%2012.976%2017.0295%2012.8588%2017.1467C12.7416%2017.2639%2012.5826%2017.3297%2012.4168%2017.3297L1.5835%2017.3331C1.41774%2017.3331%201.25876%2017.2672%201.14155%2017.15C1.02434%2017.0328%200.958496%2016.8738%200.958496%2016.7081C0.958496%2016.5423%201.02434%2016.3833%201.14155%2016.2661C1.25876%2016.1489%201.41774%2016.0831%201.5835%2016.0831L12.4168%2016.0797ZM6.91516%200.67307L7.00016%200.667236C7.15119%200.667243%207.29711%200.721939%207.41094%200.821209C7.52476%200.920479%207.59879%201.05761%207.61933%201.20724L7.62516%201.29224L7.62433%2012.6964L10.726%209.5964C10.8318%209.49056%2010.9721%209.4262%2011.1214%209.41503C11.2706%209.40387%2011.4189%209.44664%2011.5393%209.53557L11.6102%209.5964C11.7159%209.70233%2011.7801%209.84268%2011.7911%209.99193C11.8021%2010.1412%2011.7592%2010.2894%2011.6702%2010.4097L11.6093%2010.4797L7.44516%2014.6439C7.33934%2014.7498%207.19904%2014.8141%207.04979%2014.8253C6.90053%2014.8364%206.75222%2014.7937%206.63183%2014.7047L6.561%2014.6439L2.39183%2010.4806C2.27971%2010.3692%202.21396%2010.2195%202.20779%2010.0616C2.20163%209.90364%202.25551%209.74925%202.35861%209.62947C2.4617%209.50969%202.60634%209.43341%202.76341%209.41599C2.92049%209.39856%203.07833%209.44129%203.20516%209.53557L3.27516%209.59557L6.37433%2012.6906L6.37516%201.29224C6.37517%201.14121%206.42986%200.995285%206.52913%200.881461C6.62841%200.767637%206.76553%200.69361%206.91516%200.67307Z%22%20fill%3D%22%230F3D35%22%2F%3E%0A%3C%2Fsvg%3E');
            width: 20px;
            height: 20px;
            display: block;
        }

        .calendar-views .btn-group.calendar-downloads .btn .fa.fa-download {
            display: none;
        }

.calendar-view .calendar-title::first-letter {
    text-transform: capitalize;
}

.calendar-title-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

    .calendar-title-container .calendar-title {
        font-size: 24px;
        font-weight: 700;
        color: var(--teal-100);
    }

.calendar-view .view > .page-header {
    padding-bottom: var(--spacing-spacing-24);
}

.calendar .cal-row-head {
    display: flex;
    border-top: 1px solid #e1e1e1;
}

    .calendar .cal-row-head [class*=cal-cell] {
        font-size: 13px;
        font-weight: 700 !important;
        color: var(--black);
        padding: 0 !important;
        height: 46px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .calendar .cal-row-head [class*=cal-cell] {
        border-right: 1px solid #e1e1e1;
    }

.cal-row-head [class*=cal-cell]:first-child {
    border-left: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
}

.calendar .cal-row-head [class*=cal-cell]:hover {
    background-color: transparent;
}

.calendar .cal-month-box .cal-row-fluid, .cal-year-box .row-fluid {
    display: flex;
}

    .calendar .cal-month-box .cal-row-fluid .cal-cell1 {
        width: 100% !important;
    }

.calendar [class*=cal-cell] .badge.badge-important {
    display: none;
}

.calendar [class*=cal-cell] span.data-cal-date,
.calendar [class*=cal-cell] span[data-cal-date] {
    padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400;
    color: var(--color-text-default) !important;
}

.calendar [class*=cal-cell] .cal-day-weekend span.data-cal-date,
.calendar [class*=cal-cell] .cal-day-weekend span[data-cal-date],
.calendar [class*=cal-cell] .cal-day-outmonth span.data-cal-date,
.calendar [class*=cal-cell] .cal-day-outmonth span[data-cal-date] {
    color: var(--neutral-60) !important;
}

.calendar [class*=cal-cell] .cal-month-day.cal-day-outmonth,
.calendar [class*=cal-cell] .cal-month-day.cal-day-weekend {
    background-color: var(--neutral-5) !important;
}

.calendar .cal-day-weekend span[data-cal-date] {
    color: var(--neutral-60) !important;
}

.calendar .events-list-mobile {
    height: 40px;
    background-color: var(--teal-5);
    border-top: 4px solid var(--teal-40);
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .calendar .events-list-mobile.events-list-mobile-counter {
        background-color: var(--neutral-20);
    }

.calendar .event-counter {
    padding: 0;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--neutral-20);
    color: var(--black);
    font-size: 12px;
    font-weight: 400;
}

.calendar .event-info {
    padding: 0 0 0 var(--spacing-spacing-12) !important;
    min-height: 40px;
    display: flex !important;
    align-items: center;
    border-left: 4px solid var(--teal-40);
    background-color: var(--teal-5);
    color: var(--black);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

    .calendar .event-info strong {
        display: inline-block;
        padding-left: 2px;
        font-weight: 700;
        white-space: nowrap;
    }

.calendar .cal-day-today .event-info {
    margin: 0 3px;
}

.calendar .event-info:focus,
.calendar .event-info:hover {
    background-color: var(--teal-20);
    text-decoration: none;
    color: var(--black);
}

.calendar .event-info:active {
    background-color: var(--teal-20);
    text-decoration: none;
    color: var(--black);
    border-color: transparent;
}

.calendar .event-info:focus-visible {
    outline-offset: -2px;
    outline: 2px solid var(--black);
}

.calendar .cal-month-box .cal-day-today:not(.cal-day-outmonth) {
    background-color: var(--white);
    box-shadow: inset 0 0 0 3px var(--teal-90);
}

.calendar .cal-week-box .cal-day-today:not(.cal-day-outmonth) {
    background-color: transparent;
    margin-left: 3px;
}

html[dir=ltr] .cal-month-box [class*=cal-cell] {
    border-right: 1px solid #e1e1e1;
    min-height: 155px !important;
    background-color: transparent;
}

.cal-month-box [class*=cal-cell]:hover {
    background-color: var(--neutral-5);
}

.cal-month-day {
    height: 155px !important;
    max-height: 100% !important;
    background-color: transparent !important;
}

    .cal-month-day .no-events {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 40px;
        width: auto;
        text-align: center;
        white-space: nowrap;
        padding: 0 var(--spacing-spacing-12);
        font-size: 14px;
        font-weight: 400;
        color: var(--white);
        border-radius: 4px;
        background: var(--teal-100);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
        opacity: 0;
        transition-property: opacity;
        transition-duration: .3s;
        transition-delay: .2s;
    }

    .cal-month-day:not(.cal-day-weekend):not(.cal-day-outmonth):hover {
        cursor: pointer;
        background-color: var(--neutral-5) !important;
    }

    .cal-month-day.active:not(.cal-day-weekend):not(.cal-day-outmonth) {
        background-color: var(--neutral-30) !important;
        ;
    }

    .cal-month-day:hover .no-events {
        opacity: 1;
    }

    .cal-month-day .events-list {
        height: 90px !important;
        max-height: 90px !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-spacing-4);
        bottom: 28px;
    }

        .cal-day-outmonth .events-list-mobile,
        .cal-day-outmonth .events-list,
        .cal-month-day .events-list:after {
            display: none !important;
        }

.calendar #cal-day-tick {
    border-radius: 4px;
    border: 1px solid var(--neutral-70);
    background: var(--white);
    bottom: 1px;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    bottom: 0;
    position: absolute;
}

    .calendar #cal-day-tick:hover {
        background-color: var(--neutral-20);
    }

    .calendar #cal-day-tick::after {
        content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0.508467%200.545405C0.625655%200.428363%200.784508%200.362622%200.950134%200.362622C1.11576%200.362622%201.27461%200.428363%201.3918%200.545405L6.9918%206.1454L12.5918%200.545405C12.649%200.484%2012.718%200.434748%2012.7947%200.400588C12.8714%200.366428%2012.9541%200.348059%2013.038%200.346579C13.122%200.345098%2013.2053%200.360535%2013.2831%200.39197C13.361%200.423404%2013.4316%200.470191%2013.491%200.52954C13.5503%200.588889%2013.5971%200.659584%2013.6286%200.737407C13.66%200.81523%2013.6754%200.898588%2013.674%200.982507C13.6725%201.06643%2013.6541%201.14919%2013.62%201.22585C13.5858%201.30252%2013.5365%201.37152%2013.4751%201.42874L7.43347%207.47041C7.31628%207.58745%207.15743%207.65319%206.9918%207.65319C6.82617%207.65319%206.66732%207.58745%206.55013%207.47041L0.508467%201.42874C0.391425%201.31155%200.325684%201.1527%200.325684%200.987072C0.325684%200.821446%200.391425%200.662593%200.508467%200.545405Z%22%20fill%3D%22%230F3D35%22%2F%3E%0A%3C%2Fsvg%3E');
        height: 26px;
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 2px;
    }

    .calendar #cal-day-tick .fa-solid {
        display: none !important;
    }

.calendar #cal-slide-box {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

    .calendar #cal-slide-box #cal-slide-tick {
        top: -33px;
        border-radius: 4px;
        border: 1px solid var(--neutral-70);
        background: var(--white);
        width: 32px;
        height: 32px;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-17px);
        cursor: pointer;
    }

        .calendar #cal-slide-box #cal-slide-tick:hover {
            background-color: var(--neutral-20);
        }

        .calendar #cal-slide-box #cal-slide-tick::after {
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0.508955%207.45421C0.626143%207.57126%200.784996%207.637%200.950622%207.637C1.11625%207.637%201.2751%207.57126%201.39229%207.45421L6.99229%201.85421L12.5923%207.45421C12.6495%207.51562%2012.7185%207.56487%2012.7952%207.59903C12.8718%207.63319%2012.9546%207.65156%2013.0385%207.65304C13.1224%207.65452%2013.2058%207.63908%2013.2836%207.60765C13.3614%207.57621%2013.4321%207.52943%2013.4915%207.47008C13.5508%207.41073%2013.5976%207.34003%2013.6291%207.26221C13.6605%207.18439%2013.6759%207.10103%2013.6744%207.01711C13.673%206.93319%2013.6546%206.85043%2013.6204%206.77376C13.5863%206.6971%2013.537%206.6281%2013.4756%206.57088L7.43395%200.529213C7.31677%200.412171%207.15791%200.34643%206.99229%200.34643C6.82666%200.34643%206.66781%200.412171%206.55062%200.529213L0.508955%206.57088C0.391913%206.68807%200.326172%206.84692%200.326172%207.01255C0.326172%207.17817%200.391913%207.33703%200.508955%207.45421Z%22%20fill%3D%22%230F3D35%22%2F%3E%0A%3C%2Fsvg%3E');
            width: 14px;
            height: 30px;
            display: block;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 2px;
        }

.calendar #cal-slide-content,
.calendar #cal-slide-content:hover {
    background-color: var(--white);
    padding: 0;
}

.calendar .list-group-item.event-item {
    position: relative;
    display: block;
    padding: 0 var(--spacing-spacing-28);
    height: 80px;
    display: flex;
    align-items: center;
    color: var(--color-text-default) !important;
    background-color: var(--white);
    border: 0 none transparent;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid var(--neutral-30);
}

    .calendar .list-group-item.event-item:focus-visible {
        outline-offset: -2px;
    }

    .calendar .list-group-item.event-item .list-group-item-heading {
        padding: 0;
        margin: 0;
        font-size: 14px !important;
        font-weight: 700;
        display: flex;
        flex-direction: column-reverse;
        gap: var(--spacing-spacing-4);
    }

        .calendar .list-group-item.event-item .list-group-item-heading small {
            font-weight: 400;
            font-size: 14px !important;
            display: inline-block;
            margin-left: 7px;
            line-height: 120%;
        }

    .calendar .list-group-item.event-item .event-info {
        display: none !important;
    }

@media (min-width: 768px ) and (max-width: 992px) {
    .calendar-title-container {
        margin-left: -30px
    }
}

@media (max-width: 768px) {
    .calendar-title-container .calendar-title {
        font-size: 20px;
    }

    .calendar .cal-month-box .cal-day-today:not(.cal-day-outmonth) {
        box-shadow: inset 0 0 0 1px var(--black);
    }

    .calendar .events-list-mobile {
        display: flex;
    }

        .calendar .events-list-mobile .event-info {
            padding: 0 !important;
            min-height: unset;
            height: unset;
            border-left: 0 none transparent;
        }

    .calendar-view #content_form > .container {
        padding-left: 0;
        padding-right: 0;
    }

    .calendar-view .entitylist:not(.entitylist > .entitylist) {
        padding: var(--spacing-spacing-16);
    }

    .calendar [class*=cal-cell] span.data-cal-date,
    .calendar [class*=cal-cell] span[data-cal-date] {
        font-size: 12px !important;
    }

    .calendar-view .view > .page-header > .row {
        flex-direction: column;
        gap: var(--spacing-spacing-12);
    }

    .calendar-title-container {
        order: 1;
        width: 100%;
        margin: 0 !important;
    }

    .calendar-navs {
        justify-content: space-between;
        order: 2;
        width: 100%;
        margin-top: -42px;
    }

    .calendar-views {
        justify-content: flex-start;
        gap: var(--spacing-spacing-16);
        order: 3;
        width: 100%;
        padding-top: var(--spacing-spacing-12);
    }

        .calendar-views .btn-group,
        .calendar-navs .btn-group {
            gap: var(--spacing-spacing-16);
        }

    .cal-month-day .events-list,
    .cal-month-day .no-events {
        display: none;
    }

    html[dir=ltr] .cal-month-box [class*=cal-cell],
    .cal-month-day {
        height: 83px !important;
        min-height: 83px !important;
    }

    .calendar-views .btn-group #WeekViewToggleButton,
    .calendar-navs .btn-group #WeekViewToggleButton {
        height: 32px;
    }

    .calendar-views .btn-group #MonthViewToggleButton,
    .calendar-navs .btn-group #MonthViewToggleButton {
        height: 32px;
    }

    .calendar-views .btn-group #YearViewToggleButton,
    .calendar-navs .btn-group #YearViewToggleButton {
        height: 32px;
    }

    .calendar-views .btn-group #NavigateToToday,
    .calendar-navs .btn-group #NavigateToToday {
        height: 32px;
    }

    .calendar-views .btn-group [data-calendar-nav="next"],
    .calendar-views .btn-group [data-calendar-nav="prev"],
    .calendar-views .btn-group.calendar-downloads #DownloadTitleLink,
    .calendar-navs .btn-group [data-calendar-nav="next"],
    .calendar-navs .btn-group [data-calendar-nav="prev"],
    .calendar-navs .btn-group.calendar-downloads #DownloadTitleLink {
        width: 32px;
        height: 32px;
    }

    .calendar .list-group-item.event-item .list-group-item-heading,
    .calendar .list-group-item.event-item .list-group-item-heading small {
        font-size: 12px !important;
    }
}
/* week view */
.calendar .cal-week-box {
    min-height: 800px;
}

    .calendar .cal-week-box .cal-row-head {
        border-top: 0 none transparent;
    }

    .calendar .cal-week-box .cal-row-fluid.cal-row-head {
        display: flex;
    }

    .calendar .cal-week-box .cal-week-today {
        border: 3px solid var(--teal-90);
        background-color: transparent;
        transform: translateX(-100%);
        width: 151px;
    }

.cal-week-box .cal-row-head [class*=cal-cell] {
    display: block;
    padding: 14px 0 58px !important;
    position: relative;
    overflow: visible;
    position: relative;
    border-right: 0 none transparent !important;
    border-left: 0 none transparent !important;
    height: 100% !important;
}

    .cal-week-box .cal-row-head [class*=cal-cell]::before {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        top: 46px;
        left: 0;
        right: 0;
        background-color: #e1e1e1;
    }

    .cal-week-box .cal-row-head [class*=cal-cell] small {
        display: block;
        position: absolute;
        right: 10px;
        top: 55px;
        overflow: hidden;
        width: 20px;
        word-spacing: 10px;
    }

        .cal-week-box .cal-row-head [class*=cal-cell] small span[data-cal-date] {
            padding: 0;
            display: block;
            white-space: nowrap;
            margin-right: -27px !important;
        }

.cal-week-box [data-event-class] {
    padding-left: 0 !important;
    min-height: 40px;
}

.cal-week-box .day-highlight {
    overflow: visible !important;
}

.cal-week-box .cal-row-fluid {
    position: relative;
    z-index: 1;
}

.cal-week-box .day-highlight.dh-event-info a {
    padding: 0 0 0 var(--spacing-spacing-12) !important;
    min-height: 40px;
    display: flex !important;
    align-items: center;
    border-left: 6px solid var(--teal-40);
    background-color: var(--teal-5);
    color: var(--black);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
}

    .cal-week-box .day-highlight.dh-event-info a:focus,
    .cal-week-box .day-highlight.dh-event-info a:hover {
        background-color: var(--teal-20);
        text-decoration: none;
        color: var(--black);
    }

    .cal-week-box .day-highlight.dh-event-info a:active {
        background-color: var(--teal-20);
        text-decoration: none;
        color: var(--black);
        border-color: transparent;
    }

    .cal-week-box .day-highlight.dh-event-info a:focus-visible {
        outline-offset: -2px;
        outline: 2px solid var(--black);
    }

.cal-week-box .cal-column {
    border-right: 1px solid var(--neutral-5);
    z-index: 1 !important;
}

.cal-week-box hr {
    display: none;
}

@media (min-width: 1400px) {
    .calendar .cal-week-box .cal-week-today {
        width: 177px;
    }
}

@media (max-width: 768px) {
    .cal-week-day-txt {
        font-size: 0px;
        display: block;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cal-row-head > .cal-cell1 > .cal-week-day-txt:after {
        font-size: 13px;
        display: block;
        content: 'Su';
    }

    .cal-row-head > .cal-cell1:first-child > .cal-week-day-txt:after {
        content: 'Su';
    }

    .cal-row-head > .cal-cell1:nth-child(2) > .cal-week-day-txt:after {
        content: 'Mo';
    }

    .cal-row-head > .cal-cell1:nth-child(3) > .cal-week-day-txt:after {
        content: 'Tu';
    }

    .cal-row-head > .cal-cell1:nth-child(4) > .cal-week-day-txt:after {
        content: 'We';
    }

    .cal-row-head > .cal-cell1:nth-child(5) > .cal-week-day-txt:after {
        content: 'Th';
    }

    .cal-row-head > .cal-cell1:nth-child(6) > .cal-week-day-txt:after {
        content: 'Fr';
    }

    .cal-row-head > .cal-cell1:nth-child(7) > .cal-week-day-txt:after {
        content: 'Sa';
    }

    .calendar .cal-week-box .cal-week-today {
        border: 1px solid var(--black);
    }
}
/* year view */
.cal-year-box .cal-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cal-year-box [class*=cal-cell]:hover {
    background-color: var(--neutral-5);
}

.cal-year-box [class*=cal-cell]:focus-visible {
    outline-offset: -2px;
    outline: 2px solid var(--black);
}

.cal-year-box .cal-cell .badge.badge-important {
    display: flex !important;
    float: none !important;
    margin-top: 0;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    background-color: var(--teal-40);
    border-radius: 50%;
}

.cal-year-box > .row > .cal-cell > span[data-cal-view="month"] .abbr-month {
    display: none;
}

@media (max-width: 767px) {
    .calendar .cal-year-box .row-fluid {
        display: grid;
        grid-template-columns: repeat(4, 25%);
        grid-template-rows: 1fr;
        gap: 0;
    }

        .calendar .cal-year-box .row-fluid > * {
            position: relative;
            padding-left: 16px !important;
        }

    .calendar [class*=cal-cell] span.data-cal-date,
    .calendar [class*=cal-cell] span[data-cal-date] {
        pointer-events: none;
    }

    .calendar #cal-day-tick,
    .calendar #cal-slide-box #cal-slide-tick {
        display: none !important;
    }

    .cal-year-box .cal-cell .badge.badge-important {
        position: absolute;
        right: var(--spacing-spacing-16);
        width: 20px;
        height: 20px;
        font-size: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

    .cal-year-box > .row > .cal-cell > span[data-cal-view="month"] {
        font-size: 0px !important;
        padding: 0;
    }

        .cal-year-box > .row > .cal-cell > span[data-cal-view="month"] .abbr-month {
            display: block;
            font-size: 13px;
        }
}

.float-child1 {
    width: 60%;
    float: left;
    padding-top: 5px;
}

.float-child2 {
    width: 40%;
    float: right;
    padding-top: 10px;
    text-align: right;
}