@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%;
}
body h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
body h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
body h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
body .h6,
body h6 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
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 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);
}

/* PAGE HEADER */
.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 ~ .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-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);
        }
        .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);
        }

}
/* 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;
    }
: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);
}
    .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);
    }
        .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%;
        }
@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;
    }  
    :not(.entitylist) > .entitylist,
    .entity-form .tab .tab-column div > fieldset {
        border-radius: 0;
        padding: var(--spacing-spacing-16);
        margin-left: -12px;
        margin-right: -12px;
    }
}
/* 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: var(--spacing-spacing-16) var(--spacing-spacing-24) var(--spacing-spacing-24);
        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;
    }
        .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(180deg);
        }
            .section .section-toggle:not(.collapsed)::after {
                transform: rotate(0deg);
            }
            .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%;
    }


/* 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 */
a.anchor-inherit-styles,
a:not(.btn) {
    color: var(--teal-80);
    text-decoration: underline;
}
a.anchor-inherit-styles:hover,
a:not(.btn):hover {
    color: var(--teal-100);
    text-decoration: underline;
}
a.anchor-inherit-styles:active,
a:not(.btn):active {
    color: var(--teal-100);
    text-decoration: underline;
}
a.anchor-inherit-styles:focus-visible,
a:not(.btn):focus-visible {
    color: var(--teal-80) ;
    text-decoration: underline;
    outline-width: 2px;
    outline-offset: 4px;
}
a.anchor-inherit-styles:disabled,
a.anchor-inherit-styles.disabled,
a:not(.btn):disabled,
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;
}
.navbar .navbar-brand .qld-logo svg,
.navbar .navbar-brand .qld-logo img {
    width: 100%; 
    max-width: 287px;
    margin: 0 0 20px;
}
.header-logos-unify {
    display: flex;
    gap: var(--spacing-spacing-36);
    align-items: center;
}
.navbar .navbar-brand .unify-logo svg,
.navbar .navbar-brand .unify-logo img {
    max-height: 51px;
    max-width: 300px;
    width: 100%;
}
.navbar .navbar-brand .youth-logo {
    display: block;
    position: relative;
}
    .navbar .navbar-brand .youth-logo:before {
        content: '';
        width: 1px;
        display: block;
        background-color: var(--teal-90);
        left: -17px;
        top: 2px;
        bottom: 0px;
        position: absolute;
    }
    .navbar .navbar-brand .youth-logo svg,
    .navbar .navbar-brand .youth-logo img {
        max-height: 51px;
        max-width: 167px;
        width: 100%;
        margin-bottom: -8px;
    }
@media (max-width: 1399px) {
    .navbar .navbar-brand .unify-logo svg,
    .navbar .navbar-brand .unify-logo img {
        max-width: 200px;
    }
    .navbar .navbar-brand .youth-logo svg,
    .navbar .navbar-brand .youth-logo img {
        max-width: 130px;
    }
}
@media (max-width: 992px) {
    .navbar .navbar-brand .qld-logo svg,
    .navbar .navbar-brand .qld-logo img {
        max-width: 287px;
    }
    .navbar .navbar-brand .unify-logo svg,
    .navbar .navbar-brand .unify-logo img {
        max-width: 310px;
    }
    .navbar .navbar-brand .youth-logo svg,
    .navbar .navbar-brand .youth-logo img {
        max-width: 167px;
        margin-bottom: 0;
        position: relative;
        top: 3px;
    }
}
@media (max-width: 767px) {
    .navbar .navbar-brand .qld-logo svg, 
    .svg {
     width: 225px;
    height: 50px;
    margin: auto 0 auto 20px;
}
    .navbar .navbar-brand .qld-logo img {
        margin: 0 0 10px;
        max-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;
        max-width: 208px;
    }
    .navbar .navbar-brand .youth-logo svg,
    .navbar .navbar-brand .youth-logo img {
        top: 0px;
        max-width: 130px;
    }
    .navbar .navbar-brand .youth-logo {
        display: block;
        position: relative;
        top: -8px;
        height: 30px;
    }
}
body .navbar.static-top .container {
    align-items: start;
}
.navbar .skip-to-content {
    position: absolute;
    left: -100%;
    top: 20px;
    transition: left .5s ease-in-out;;
    color: var(--neutral-100);
    text-decoration: none;
}
    .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);
}
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-30);
        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-30);
        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-30) !important;
    }
    body .menu-bar > .navbar-nav > li.dropdown > a:focus-visible {
        text-decoration: none !important;
        color: var(--neutral-90) !important;
        background-color: var(--teal-30) !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-20);
    }
        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-20);
                color: var(--color-text-default);
            }

/* 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: 993px) {
    .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-24) var(--spacing-spacing-16) !important;
        transition: transform .2s;
        opacity: 1 !important;
        display: block !important;
        border-radius: 0 !important;
        top: 0 !important;
        right: 0 !important;
        background-color: var(--neutral-5);
        max-width: 375px !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
        #navbar.show,
        body .static-top .menu-bar > .navbar-nav .dropdown-menu.show {
            transform: translateX(0) !important;
        }
    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: 991px) {
    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: var(--spacing-spacing-12) 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);
}
    .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: 16px 12px;
}
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: 992px) {
    .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-12) 0 var(--spacing-spacing-12) 50%;
        box-sizing: border-box; 
        min-height: 36px;
        border-right: 0 none transparent;
     }
    .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) !important;
        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;
}
    .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;
}
    .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;
    }
        .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;
}

/* BODY */
.wrapper-body {
    background-color: var(--neutral-5);
    padding: 0 0 var(--spacing-spacing-24);
}
.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: 100;
    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 */
.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: 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;
    }
        .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,
        .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,
        .entity-form .form-control:focus,
        .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;
        }
        .entity-form .form-control:disabled ~ .btn,
        .entity-form .form-control:disabled {
            border-color: var(--neutral-30);
            background-color: var(--neutral-20);
            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 .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%;
}
@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-bottom: 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;
    }

/* 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: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 !important;
    align-items: center;
    width: 16px;
    height: 16px;
}
    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"]: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 .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%;
    }
        .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-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 .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;
        }
            .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;
        }
            .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;
        }

/* 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);
}

/* FOOTER */
footer.footer {
    color: var(--color-text-default);
    margin-top: var(--spacing-spacing-44);
    padding-top: var(--spacing-spacing-24);
    background-color: var(--white);
}
.footer-info {
    padding-right: var(--spacing-spacing-24);
}
    .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-44);
    }
        .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);
        justify-content: flex-end;
        align-items: 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 {
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .footer-info .footer-info-logo {
        max-width: 80px;
    }
    .footer-info .footer-info-text {
        display: none;
    }
    .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);
    }
        .footer-legal .footer-legal-text {
            order: 2;
        }
        .footer-legal .footer-legal-links {
            order: 1;
            flex-direction: column;
            gap: var(--spacing-spacing-8);
            align-items: flex-start;
            justify-content: flex-start;
        }
}

/* PRIVATE BANNER */
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 .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%;
    }
}