@font-face {
  font-family: 'icomoon';
  src:  
    url('../icomoon.ttf?r_+9bC_34BC742pYMUfN9A'),
    url('../icomoon.woff?e0IjzgYqE9moRY9ckiWzLg') format('woff'),
    url('../icomoon.svg?Dms5srm+bYK83Jap+d8Fmw') format('svg');

}

[class^="ctticon icon-"], [class*=" ctticon icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* ================================================================ */
/*  - Variables                                                     */
/* ================================================================ */

:root {
    /* CORES REVISTAS (28/10/2021) - em concordância com os nomes do figma */
    
    /* Color - Brand */
    --color-primary: #DF0024;
    --color-secondary: #000000;
    --color-tertiary: #737373;
    --color-quaternary: #00B3B4;
    --color-quinary: #B4D246;
    --color-senary: #C90020;
    --color-sextary: #F5C8C8;
    --color-octonary: #CCF0F0;
    
    /* Colors - Neutral */
    --color-neutral-0: #FFFFFF;
    --color-neutral-1: #F6F6F6;
    --color-neutral-2: #F1F3F5;
    --color-neutral-3: #E9ECEF;
    --color-neutral-4: #DEE2E6;
    --color-neutral-5: #CED4DA;
    --color-neutral-6: #929DA8;
    --color-neutral-7: #6A7178;
    --color-neutral-8: #3D4750;
    --color-neutral-9: #262E37;
    --color-neutral-21: #C3C0C0;
    

    
    /* CORES NÃO REVISTAS - sem concordância com os nomes do figma, rever! */
    
    /* Color - Brand */
    --color-primary-hover: #9e3a41;
    --color-primary-selected: rgba(210, 77, 87, .12);


    /* Color - Brand */
    
    --color-brand-100:#F5C8C8;
    --color-brand-200:#F299A7;
    --color-brand-300:#EC667C;
    --color-brand-400:#E42947;
    --color-brand-500:#DF0024;
    --color-brand-600:#C70020;
    --color-15: #FFECC7;
    
    /* Color - Extended */
    
    --color-yellow-100: #fffbcc;
    --color-yellow-200: #fff799;
    --color-yellow-300: #fff366;
    --color-yellow-400: #ffee29;
    --color-yellow-500: #ffeb00;
    --color-yellow-600: #e5d300; 
    
    --color-bluegreen-100: #CCF0F0;
    --color-bluegreen-200: #99E1E1;
    --color-bluegreen-300: #66d1d2;
    --color-bluegreen-400: #29bfc0;
    --color-bluegreen-500: #00b3b4;
    --color-bluegreen-600: #009899;
    
    --color-purple-100: #e6d2e6;
    --color-purple-200: #cda5cd;
    --color-purple-300: #b478b4;
    --color-purple-400: #964296;
    --color-purple-500: #821e82;
    --color-purple-600: #681868;
    
    --color-green-100: #f0f6da;
    --color-green-200: #e1edb5;
    --color-green-300: #d2e490;
    --color-green-400: #c0d964;
    --color-green-500: #b4d246;
    --color-green-600: #a5c530;


    /* Colors - Neutral */
    
    --color-neutral-10: #6D6D6D;
    --color-neutral-11: #F1F3F5;
    --color-neutral-12: #858585;
    --color-neutral-13: #A4A4A4;
    --color-neutral-14: #F8F9FA;
    --color-neutral-15: #333333;
    --color-neutral-16: #272B30;
    --color-neutral-17: #636363;
    --color-neutral-18: #272B30;
    --color-neutral-19: #E6E6E6;
    --color-neutral-20: #3B3B3B;
    
    /* Colors - Extended Palette */
    --color-extended-purple: #821E82;
    --color-extended-red: #C70020;
    
    /* Dark Theme */
    --background-dark-theme: rgba(255, 255, 255, .1);
    --background-dark-theme-hover: rgba(255, 255, 255, .2);
    /* Background Color */
    --color-background-body: #FFFFFF;
    --color-background: #E5E5E5;
    
    
    /* Space - Sizes */
    --space-negative-xxxmm: -36px;
    --space-negative-xxm-plus: -31px;
    --space-negative-ll-plus: -28px;
    --space-negative-xm: -20px;
    --space-negative-base-plus: -15px;
    --space-negative-s: -9px;
    --space-negative-xss: -5px;
    --space-negative-xxxs: -1px;
    --space-none: 0;
    --space-xxxs: 1px;
    --space-xxs: 2px;
    --space-xxs-plus: 3px;
    --space-xs: 4px;
    --space-xss: 5px;
    --space-xs-plus: 6px;
    --space-s: 8px;
    --space-ss: 10px;
    --space-s-plus: 11px;
    --space-base: 12px;
    --space-base-extra: 13px;
    --space-base-plus: 14px;
    --space-base-plus-plus: 15px;
    --space-m: 16px;
    --space-ms: 17px;
    --space-m-plus: 18px;
    --space-mm: 19px;
    --space-xm: 20px;
    --space-xm-plus: 21px;
    --space-l: 24px;
    --space-l-extra: 25px;
    --space-ll: 26px;
    --space-l-plus: 27px;
    --space-ll-plus: 28px;
    --space-xxm: 30px;
    --space-xxm-plus: 32px;
    --space-xxxm: 34px;
    --space-xxxmm: 35px;
    --space-xxxm-plus: 38px;
    --space-xxxxm: 40px;
    --space-xxxxm-plus: 45px;
    --space-xl: 48px;
    --space-xl-extra: 50px;
    --space-xl-plus: 54px;
    --space-xll: 56px;
    --space-xll-plus: 57px;
    --space-xxl: 60px;
    --space-xml: 64px;
    --space-xml-plus: 72px;
    --space-xxl-plus: 80px;
    --space-xxxl: 84px;
    --space-xxxl-plus: 94px;
    --space-2xxl: 115px;
    --space-xxxxl: 125px;
    --space-xxxxl-plus: 130px;
    --space-xxxxxl: 133px;
    --space-ul: 140px;
    --space-ull: 200px;
    --space-4xxl: 240px;
    
    /* Typography - Size */
    --font-size-tile: 48px;
    --font-size-title-mobile: 40px;
    --font-size-title-desktop: 36px;
    --font-size-h1: 32px;
    --font-size-h2: 28px;
    --font-size-h3: 26px;
    --font-size-h4: 24px;
    --font-size-h5-plus: 22px;
    --font-size-h5: 20px;
    --font-size-h6: 18px;
    --font-size-base: 16px;
    --font-size-s: 14px;
    --font-size-xs: 12px;
    --font-size-xxs1: 11px;
    --font-size-xxs: 10px;
    --font-size-xxxs: 8px;
    --font-size-h2-title: 36px;
    --font-size-h1-title: 38px;
    
        /* Typography - Weight */
    --font-light: 300;
    --font-regular: 400;
    --font-regular-semi-bold: 500;
    --font-semi-bold: 600;
    --font-bold: 700;
    
}

html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
/*hideScrollBar*/
.hidden-scrollbar::-webkit-scrollbar {
   display: none;
}

.z-index-100 { z-index: 100;}
.z-index-250 { z-index: 250;}

/* Letter-Spacings */ 

.letter-spacing-xs {
    letter-spacing: 0.5px;
}

.letter-spacing-s {
    letter-spacing: 1px;
}

/* Line-height classes*/

.line-height-11 {line-height: 11px;}

.line-height-12 {line-height: 12px;}

.line-height-13 {line-height: 13px;}

.line-height-14 {line-height: 14px;}

.line-height-16 {line-height: 16px;}

.line-height-18 {line-height: 18px;}

.line-height-19 {line-height: 19px;}

.line-height-20 {line-height: 20px;}

.line-height-21 {line-height: 21px;}

.line-height-21-59 {line-height: 21.59px;}

.line-height-22 {line-height: 22px;}

.line-height-24 {line-height: 24px;}

.line-height-28 {line-height: 28px;}

.line-height-32 {line-height: 32px;}

.line-height-34 {line-height: 34px;}

.line-height-45 {line-height: 45px;}

.line-height-46 {line-height: 46px;}

/* opacity classes*/

.opacity-10 {
    opacity: 0.1;
}

.opacity-54{
    opacity: 0.54;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

/* Letter spacing */

.letter-spacing-59 {
    letter-spacing: 0.59px;
}


/* ================================================================ */
/*  - Width                                                      */
/* ================================================================ */

.width-2 {width: 2px;}
.width-88 {width: 88px;}

/* ================================================================ */
/*  - Colors                                                        */
/* ================================================================ */

.ac-color-primary {
    color: var(--color-primary);
}
.ac-color-secondary {
    color: var(--color-secondary);
}
.ac-color-tertiary {
    color: var(--color-tertiary);
}
.ac-color-quaternary {
    color: var(--color-quaternary);
}
.ac-color-neutral-0 {
    color: var(--color-neutral-0);
}
.ac-color-neutral-1 {
    color: var(--color-neutral-1);
}
.ac-color-neutral-3 {
    color: var(--color-neutral-3);
}

.ac-color-neutral-4 {
    color: var(--color-neutral-4);
}

.ac-color-neutral-5 {
    color: var(--color-neutral-5);
}

.ac-color-neutral-6 {
    color: var(--color-neutral-6);
}

.ac-color-neutral-7 {
    color: var(--color-neutral-7);
}

.ac-color-neutral-8 {
    color: var(--color-neutral-8);
}

.ac-color-neutral-9 {
    color: var(--color-neutral-9);
}

.ac-color-neutral-15 {
    color: var(--color-neutral-15);
}

.ac-color-neutral-16 {
    color: var(--color-neutral-16);
}

.ac-color-neutral-17 {
    color: var(--color-neutral-17);
}


.ac-color-neutral-18 {
    color: var(--color-neutral-18);
}

.ac-color-neutral-20 {
    color: var(--color-neutral-20);
}

.ac-color-neutral-21 {
    color: var(--color-neutral-21);
}

.ac-color-extended-purple{
    color: var(--color-extended-purple);
    }

/* Background colors */

.ac-background-color-transparent {
    background-color: transparent;
}

.ac-background-color-primary {
    background-color: var(--color-primary);
}

.ac-background-color-secondary {
    background-color: var(--color-secondary);
}

.ac-background-color-quinary {
    background-color: var(--color-quinary);
}

.ac-background-color-quaternary {
    background-color: var(--color-quaternary);
}

.ac-background-color-senary {
    background-color: var(--color-senary);
}

.ac-background-color-sextary {
    background-color: var(--color-sextary);
}

.ac-background-color-octonary {
    background-color: var(--color-octonary);
}


.ac-background-color-neutral-0 {
    background-color: var(--color-neutral-0);
}

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

.ac-background-color-neutral-2 {
    background-color: var(--color-neutral-2);
}

.ac-background-color-neutral-3 {
    background-color: var(--color-neutral-3);
}


.ac-background-color-neutral-4 {
    background-color: var(--color-neutral-4);
}

.ac-background-color-neutral-6 {
    background-color: var(--color-neutral-6);
}

.ac-background-color-neutral-7 {
    background-color: var(--color-neutral-7);
}

.ac-background-color-neutral8 {
    background-color: var(--color-neutral-8);
}

.ac-background-color-neutral10 {
    background-color: var(--color-neutral-10);
}

.ac-background-color-neutral-14 {
    background-color: var(--color-neutral-14);
}

.ac-background-color-neutral-20 {
    background-color: var(--color-neutral-20);
}

.ac-background-color-body {
    background-color: var(--color-background);
}

.background-blue{background-color:#00B3B4;}
.background-yellow{background-color:#FAA600;}
.background-purple{background-color:#821E82;}
.background-green{background-color:#B4D246;}
.background-red{background-color:var(--color-primary);}
.background-light-blue{background-color: var(--color-octonary);}
.background-yellow-lighter { background-color: var(--color-15); }

.fill-height {
    height: 100%;
}
/* fill icon colors */

.ac-fill-color-neutral-20 {
    fill: var(--color-neutral-20);
}

/* CostumerArea Hover border */

.ac-Associatedcards-border {
    height: 100%;
}

.ac-Associatedcards-border:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
    padding: 12px !important;
}

.ac-publicMobileAssociated-cards-border {
    height: 100%;
}

.ac-publicMobileAssociated-cards-border:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
    padding-right: 12px !important;
    padding-left: 12px !important;
    padding-bottom: 14px !important;
    padding-top: 11.5px !important;
}

.ac-cards-border-no-hover {
    height: 100%;
    border: 2px solid transparent; 
    box-sizing: border-box;
    padding: 14px !important;
}

.ac-cards-border {
    height: 100%;
    border: 2px solid transparent; 
    box-sizing: border-box;
    padding: 14px !important;
}

.ac-cards-border:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
    padding: 14px !important;
}

.ac-publicMobile-cards-border {
    height: 100%;
}

.ac-publicMobile-cards-border:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
    padding-right: 14px !important;
    padding-left: 14px !important;
    padding-bottom: 14px !important;
    padding-top: 11.5px !important;
}

/* ================================================================ */
/*  Timeline - Colors                                               */
/* ================================================================ */

.ac-timeline-color-primary {
    background-color: var(--color-primary);
}

.ac-timeline-color-quinary {
    background-color: var(--color-quinary);
}

.ac-timeline-color-quaternary {
    background-color: var(--color-quaternary);
}

.ac-timeline-color-neutral5 {
    background-color: var(--color-neutral-5);
}

.ac-timeline-color-neutral8 {
    background-color: var(--color-neutral-8);
}

/* ================================================================ */
/*  - Fonts                                                         */
/* ================================================================ */

/* Fonts - Imported */

@font-face {
    font-family: Ctt Icons;
    src: url(fonts/transferir.woff?4hev4XkDZvARaMexjL4qkQ);
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: book;
    src: url(fonts/actoctt-book-webfont.woff2?CTznAzWtM76j4tybqFLuZA);
}

@font-face {
    font-family: medium;
    src: url(fonts/actoctt-medium-webfont.woff2?Auxb5TgZP_jEehYTIs4utQ);
}

/*
Author: Rafael Aleluia
Date: 12/05/2025  16:00
https://cttv8.kanbanize.com/ctrl_board/91/cards/80095/details/
Observation:
Removed book Font from references in font-family and @font-face in order to comply with monotypes demands.
The font was also removed from the resources folder.
 */

/* Fonts */

/* AC - Acto CTT (book) normal */

.ac-label-xxxs {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xxxs);
    font-style: normal;
}

.ac-label-xxs1 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xxs1);
    font-style: normal;
}

.ac-label-xs {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
}

.ac-label-s {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
}

.ac-label-base {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
}


.ac-label-m-plus {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-m-plus);
    font-style: normal;
}

.ac-label-h1 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h1);
    font-style: normal;
}

.ac-label-h2 {
    font-family: 'book';
    font-weight: var(--font-normal);
    font-size: var(--font-size-h2);
    font-style: normal;
}

.ac-label-h2-title {
    font-family: 'book';
    font-weight: var(--font-normal);
    font-size: var(--font-size-h2-title);
    font-style: normal;
}

.ac-label-h3 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h3);
    font-style: normal;
}

.ac-label-h5 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h5);
    font-style: normal;
}

.ac-label-h5-plus {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h5-plus);
    font-style: normal;
}

.ac-label-h4 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h4);
    font-style: normal;
}

.ac-label-h6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
}

.ac-label-title-mobile {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-title-mobile);
    font-style: normal;
}

.ac-label-title-desktop {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-title-desktop);
    font-style: normal;
}

/* AC - Acto CTT (book) bold */

.ac-label-xxxs-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxxs);
    font-style: normal;
}

.ac-label-s-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
}

.ac-label-s-bold-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-label-base-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-base);
    font-style: normal;
}

.ac-label-base-semi-bold {
    font-family: 'book';
    font-weight: var(--font-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
}

.ac-label-h1-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h1);
    font-style: normal;
}

.ac-label-h2-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h2);
    font-style: normal;
}

.ac-label-h3-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h3);
    font-style: normal;
}

.ac-label-h5-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h5);
    font-style: normal;
}

.ac-label-h5-plus-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h5-plus);
    font-style: normal;
}
.ac-label-h5-plus-regular-semibold {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-h5-plus);
    font-style: normal;
}

.ac-label-h6-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h6);
    font-style: normal;
}



.ac-label-title-desktop-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-title-desktop);
    font-style: normal;
}

.ac-bold { font-weight: var(--font-bold); }

/* AC - ActoCTT MEDIUM */

.ac-medium-label-s {
    font-family: 'medium';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
}

.ac-medium-label-base {
    font-family: 'medium';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
}

.ac-medium-label-h6 {
    font-family: 'medium';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
}


/* AC - book normal */

.ac-book-label-base {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
}

.ac-book-label-base-plus {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base-plus);
    font-style: normal;
}

.ac-book-label-s {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
}

.ac-book-label-s-regular-semibold {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-s);
    font-style: normal;
}

.ac-book-label-base-regular-semibold {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
}

.ac-book-label-s-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-book-label-s-neutral-7 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-7);
}

.ac-book-label-s-neutral-8 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-book-label-s-red {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: #DF0024;
}

.ac-book-label-base-regular-semibold-red {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #DF0024;
}

.ac-book-label-xs {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
}

.ac-book-label-xs-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-book-label-xs-neutral-7 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-7);
}

.ac-book-label-xs-regular-semibold-neutral-7 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-7);
}

.ac-book-label-xs-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-book-label-xs-primary {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-primary);
}

.ac-book-label-m {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-m);
    font-style: normal;
}

.ac-book-label-m-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-m);
    font-style: normal;
}

.ac-book-label-m-plus {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-m-plus);
    font-style: normal;
}


.ac-book-label-xxs1 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xxs1);
    font-style: normal;
}

.ac-book-label-xxs1-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxs1);
    font-style: normal;
}

.ac-book-label-xxs1-neutral-6-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxs1);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-book-label-h4 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h4);
    font-style: normal;
}

.ac-book-label-h5 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h5);
    font-style: normal;
}

.ac-book-label-h6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
}

.ac-book-label-h2{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h2);
    font-style: normal;
}

.ac-book-label-40px{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size:40px;
    font-style: normal;
}


/* AC - book bold */

.ac-label-book-xxxs-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxxs);
    font-style: normal;
}

.ac-book-label-xxs1-bold-white {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxs1);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-book-label-xxs1-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxs1);
    font-style: normal;
}

.ac-book-label-xs-bold-white {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-book-label-s-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
}

.ac-book-label-s-plus-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: 11px;
    font-style: normal;
}

.ac-book-label-s-neutral-7-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-7);
}

.ac-book-label-s-neutral-8-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-book-label-base {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
}

.ac-book-label-base-plus-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-base-plus);
    font-style: normal;
}

.ac-book-label-xxs1-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxs1);
    font-style: normal;
}

.ac-book-label-h2-bold-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h2);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-book-label-h2-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h2);
    font-style: normal;
}

.ac-book-label-mctt-bold-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: 20px;
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-book-label-mctt-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: 20px;
    font-style: normal;
}

.ac-book-label-h4-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h4);
    font-style: normal;
}

.ac-book-label-h5-plus-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h5-plus);
    font-style: normal;
}


/* Outras */

.ac-book-label-h5-plus {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h5-plus);
    font-style: normal;
}

.ac-book-label-title-mobile {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-title-mobile);
    font-style: normal;
}


.ac-book-label-base-bold-quaternary {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-quaternary);
}

.ac-book-s-neutral-8-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-8);
    text-decoration: underline;
}

.ac-book-s-neutral-8 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-book-xs-neutral-8 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-book-xs-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-book-label-base-plus-bold-underline {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-base-plus);
    font-style: normal;
    text-decoration: underline;
}

.ac-book-label-h6-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h6);
    font-style: normal;
}

.ac-label-h2-book {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h2);
    font-style: normal;
}

.ac-label-h1-book {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h1);
    font-style: normal;
}

.ac-label-h2-medium {
    font-family: 'medium';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h2);
    font-style: normal;
}

.ac-book-label-s-white-opacity {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    opacity: 0.8;
    color: var(--color-neutral-0);
}

.ac-book-label-base-opacity {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    opacity: 0.8;
    color: var(--color-secondary);
}

.ac-book-label-xs-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
}

.ac-book-label-xs-opacity {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: #333333;
    opacity: 0.6;
}

.ac-book-label-xxs1-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xxs1);
    font-style: normal;
}

.ac-label-xs-neutral-9 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-9);
}

.ac-label-xs-neutral-7 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-7);
}

.ac-label-xs-neutral-8 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-label-xs-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-label-xs-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-0);
}


.ac-label-s-neutral-9 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-9);
}

.ac-label-s-breadcrumbs {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    opacity: 0.45;
    color: var(--color-secondary);
}

.ac-label-base-white {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-base-primary {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-primary);
}

.ac-label-h2-white {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h2);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-h2-black {
    font-family: 'book';
    font-weight: var(--font-normal);
    font-size: var(--font-size-h2);
    font-style: normal;
    color: var(--color-secondary);
}

.ac-label-title-h5 {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-h5);
    font-style: normal;
    color: var(--color-secondary);
}

.ac-label-title-h6 {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-secondary);
}

.ac-label-title-h5-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h5);
    font-style: normal;
    color: #333333;}


.ac-label-h6-white {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-base-secondary {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-secondary);
}

.ac-label-base-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-primary);
    text-decoration: underline;
}

.ac-label-base-light-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-5);
    text-decoration: underline;
}

.ac-label-base-light {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-secondary);
    opacity: 0.5;
}

.ac-label-base-onboarding-button {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #EAEAEA;
}

.ac-label-base-neutral-10 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-10);
}

.ac-label-base-neutral-5 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-5);
}


.ac-label-base-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-label-base-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-base-neutral-7 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-7);
}

.ac-label-base-neutral-8 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-label-base-bold-secondary {
    font-family: 'book';
    font-size: var(--font-size-base); 
    font-style: normal;
    font-weight: var(--font-bold);
    color: #0B0B0B;
}

.ac-label-base-semantic {
    font-family: 'book';
    font-size: var(--font-size-base); 
    font-style: normal;
    font-weight: var(--font-bold);
    color: var(--color-quaternary);
}

.ac-label-s-bold-detail{
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    color: #6A7178;   
}

.ac-label-s-regular-detail{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: #6A7178;   
}


.ac-label-xs-detail{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: #6A7178;   
}

.ac-book-label-xs-detail{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-6);   
}

.ac-label-s-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-4);
    opacity: 0.7;
    text-decoration: underline;
}

.ac-label-xs-neutral-12 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: #929DA8;
}

.ac-label-xs-light {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-secondary);
    opacity: 0.5;
}

.ac-label-xs-light-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: #6A7178;
    text-decoration: underline;
}

.ac-label-xs-neutral-12 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-12);
}

.ac-label-xxs-light {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    color: #9E9E9E;
}

.ac-label-xs-result-bottom {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: #4F575E;
}

.ac-label-xs-result-bottom-underline {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: #4F575E;
    text-decoration: underline;
}

.ac-label-xxs-light-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    color: #A4A4A4;
    text-decoration: underline;
}

.ac-label-s-neutral-8-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-label-s-neutral-8 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-8);
}


.ac-label-s-neutral-7 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-7);
}

.ac-label-s-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-6);
    line-height: 16px;
}

.ac-label-s-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-0);
    opacity: 1;
}

.ac-label-s-neutral-0-bold {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-0);
    opacity: 1;
}

.ac-label-s-primary {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-primary);
}

.ac-label-s-white-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-0);
    text-decoration: underline;
    opacity: 0.8;
}

.ac-label-s-500 {
    font-family: 'book';
    font-weight: 500;
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-secondary);
}

.ac-label-s-semibold-red {
    font-family: 'book';
    font-weight: 500;
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-primary);
}

.ac-label-xs-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    text-decoration: underline;
}



.ac-label-xs-bold {
    font-family: 'medium';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-secondary);
}

.ac-label-xs-bold-acto {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
}

.ac-label-xs-bold-underline {
    font-family: 'medium';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-secondary);
    text-decoration: underline;
}

.ac-label-xs-bold-white {
    font-family: 'medium';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-xs-bold-red {
    font-family: 'medium';
    font-weight: var(--font-bold);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-primary);
}

.ac-label-xs-underline-secondary {
    font-family: 'medium';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-secondary);
    text-decoration: underline;
}

.ac-label-xxs-light {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    color: #616161;
}

.ac-label-s-neutral {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-secondary);
    opacity: 0.5;
}

.ac-label-xs-neutral {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-secondary);
    opacity: 0.5;
}

.ac-label-s-neutral-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-secondary);
    opacity: 0.6;
    text-decoration: underline;
}

.ac-label-s-white {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-base-white {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-base-white-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-h6-underline {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-secondary);
    text-decoration: underline;
}

.ac-label-h6-underline-neutral-3 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-neutral-3);
    text-decoration: underline;
}

.ac-label-h6-neutral-8 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-neutral-8);
}

.ac-label-h6-500 {
    font-family: 'book';
    font-weight: 500;
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-secondary);
}

.ac-label-h6-bold-white {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-label-base-primary-button {
    color: var(--color-neutral-0);
    font-size: var(--font-size-base);
    font-weight: bold;
    font-style: normal;
    line-height: 19px;
    cursor: pointer;
}

.ac-label-s-externallink {
    font-family: 'book';
    font-weight: var(--fontregular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: #7C7C81;
}



/* hover */

a,
a:visited {
    -webkit-transition: all 180ms linear;
            transition: all 180ms linear;
}

a:hover,
a:focus {
    text-decoration: none;
}

.phone a:hover,
.phone a:focus,
.tablet a:hover,
.tablet a:focus {
    text-decoration: none;   
}

.shortcut-menu-options {
    height: 40px;
    background-color:#FFFFFF;
}

.shortcut-menu-options:hover {
    background-color:#F6F6F6;
}

.shortcut-menu-options-mobile {
    height: 44px;
    background-color:#FFFFFF;
}

.shortcut-menu-options-mobile:hover {
    background-color:#F6F6F6;
}


/* Margins */

/* Top margins */
.margin-top-2-5px {margin-top: 2.5px} /*Não APAGAR (usado nas breadcrumbs)*/
.margin-top-negative-xxxs {margin-top: var(--space-negative-xxxs);}
.margin-top-negative-xxxmm { margin-top: var(--space-negative-xxxmm); }
.margin-top-negative-xss { margin-top: var( --space-negative-xss); }
.margin-top-negative-s { margin-top: var(--space-negative-s); }
.margin-top-negative-xm { margin-top: var(--space-negative-xm); }
.margin-top-negative-xxm-plus {margin-top: var( --space-negative-xxm-plus); }
.margin-top-negative-ll-plus { margin-top: var(--space-negative-ll-plus); }
.margin-top-negative-base-plus { margin-top: var(--space-negative-base-plus); }
.margin-top-none { margin-top: var(--space-none); }
.margin-top-xxs { margin-top: var(--space-xxs); }
.margin-top-xxs-plus { margin-top: var(--space-xxs-plus); }
.margin-top-xs { margin-top: var(--space-xs); }
.margin-top-xss { margin-top: var(--space-xss); }
.margin-top-xs-plus { margin-top: var(--space-xs-plus); }
.margin-top-s { margin-top: var(--space-s); }
.margin-top-ss { margin-top: var(--space-ss); }
.margin-top-ten { margin-top: 10px; }
.margin-top-base { margin-top: var(--space-base); }
.margin-top-base-extra { margin-top: var(--space-base-extra); }
.margin-top-base-plus { margin-top: var(--space-base-plus); }
.margin-top-m { margin-top: var(--space-m); }
.margin-top-ms { margin-top: var(--space-ms); }
.margin-top-m-plus { margin-top: var(--space-m-plus); }
.margin-top-mm { margin-top: var(--space-mm); }
.margin-top-xm { margin-top: var(--space-xm); }
.margin-top-xm-plus { margin-top: var(--space-xm-plus); }
.margin-top-xxm { margin-top: var(--space-xxm); }
.margin-top-xxm-plus { margin-top: var(--space-xxm-plus); }
.margin-top-xml { margin-top: var(--space-xml); }
.margin-top-xml-plus { margin-top: var(--space-xml-plus); }
.margin-top-xxxm { margin-top: var(--space-xxxm); }
.margin-top-xxxmm { margin-top: var(--space-xxxmm); }
.margin-top-xxxm-plus { margin-top: var(--space-xxxm-plus); }
.margin-top-xxxxm { margin-top: var(--space-xxxxm); }
.margin-top-xxxxm-plus { margin-top: var(--space-xxxxm-plus); }
.margin-top-l { margin-top: var(--space-l); }
.margin-top-ll { margin-top: var(--space-ll); }
.margin-top-l-plus { margin-top: var(--space-l-plus); }
.margin-top-ll-plus { margin-top: var(--space-ll-plus); }
.margin-top-xl { margin-top: var(--space-xl); }
.margin-top-xl-plus { margin-top: var(--space-xl-plus); }
.margin-top-xml { margin-top: var(--space-xml); }
.margin-top-xml-plus { margin-top: var(--space-xml-plus); }
.margin-top-xll { margin-top: var(--space-xll); }
.margin-top-2xl { margin-top: 46px; }
.margin-top-xl-plus { margin-top: var(--space-xl-plus); }
.margin-top-xxl { margin-top: var(--space-xxl); }
.margin-top-2xxl { margin-top: var(--space-2xxl); }
.margin-top-xxl-plus { margin-top: var(--space-xxl-plus); }
.margin-top-xxxl { margin-top: var(--space-xxxl); }
.margin-top-xxxxl { margin-top: var(--space-xxxxl); }
.margin-top-xxxxxl { margin-top: var(--space-xxxxxl); }
.margin-top-ul { margin-top: var(--space-ul); }
.margin-top-4xxl { margin-top: var(--space-4xxl); }



/* Right margins */
.margin-right-negative-xxxmm { margin-right: var(--space-negative-xxxmm); }
.margin-right-negative-xss { margin-right: var( --space-negative-xss); }
.margin-right-negative-s { margin-right: var(--space-negative-s); }
.margin-right-negative-xm { margin-right: var(--space-negative-xm); }
.margin-right-negative-xxm-plus {margin-right: var( --space-negative-xxm-plus); }
.margin-right-negative-ll-plus { margin-right: var(--space-negative-ll-plus); }
.margin-right-negative-base-plus { margin-right: var(--space-negative-base-plus); }
.margin-right-none { margin-right: var(--space-none); }
.margin-right-xs { margin-right: var(--space-xs); }
.margin-right-xs-plus { margin-right: var(--space-xs-plus); }
.margin-right-s { margin-right: var(--space-s); }
.margin-right-ss { margin-right: var(--space-ss); }
.margin-right-base { margin-right: var(--space-base); }
.margin-right-base-plus { margin-right: var(--space-base-plus); }
.margin-right-base-extra { margin-right: var(--space-base-extra); }
.margin-right-m { margin-right: var(--space-m); }
.margin-right-ms { margin-right: var(--space-ms); }
.margin-right-m-plus { margin-right: var(--space-m-plus); }
.margin-right-mm { margin-right: var(--space-mm); }
.margin-right-xm { margin-right: var(--space-xm); }
.margin-right-xm-plus { margin-right: var(--space-xm-plus); }
.margin-right-xxm { margin-right: var(--space-xxm); }
.margin-right-xxm-plus { margin-right: var(--space-xxm-plus); }
.margin-right-l { margin-right: var(--space-l); }
.margin-right-l-extra { margin-right: var(--space-l-extra); }
.margin-right-ll { margin-right: var(--space-ll); }
.margin-right-l-plus { margin-right: var(--space-l-plus); }
.margin-right-ll-plus { margin-right: var(--space-ll-plus); }
.margin-right-xl { margin-right: var(--space-xl); }
.margin-right-xxl { margin-right: var(--space-xxl); }
.margin-right-2xxl { margin-right: var(--space-2xxl); }
.margin-right-xxl-plus { margin-right: var(--space-xxl-plus); }
.margin-right-xxxl { margin-right: var(--space-xxxl); }
.margin-right-xxxl-plus { margin-right: var(--space-xxxl-plus); }
.margin-right-xxxxl { margin-right: var(--space-xxxxl); }
.margin-right-ul { margin-right: var( --space-ul); }
.margin-right-ull { margin-right: var(--space-ull); }
.margin-right-4xxl { margin-right: var(--space-4xxl); }
.margin-right-xxxm { margin-right: var(--space-xxxm); }
.margin-right-xxxm-plus { margin-right: var(--space-xxxm-plus); }
.margin-right-xxxxm { margin-right: var(--space-xxxxm); }

/* Bottom margins */
.margin-bottom-negative-xxxmm { margin-bottom: var(--space-negative-xxxmm); }
.margin-bottom-negative-xss { margin-bottom: var( --space-negative-xss); }
.margin-bottom-negative-s { margin-bottom: var(--space-negative-s); }
.margin-bottom-negative-xm { margin-bottom: var(--space-negative-xm); }
.margin-bottom-negative-xxm-plus {margin-bottom: var( --space-negative-xxm-plus); }
.margin-bottom-negative-ll-plus { margin-bottom: var(--space-negative-ll-plus); }
.margin-bottom-negative-base-plus { margin-bottom: var(--space-negative-base-plus); }
.margin-bottom-none { margin-bottom: var(--space-none); }
.margin-bottom-xxs { margin-bottom: var(--space-xxs); }
.margin-bottom-xs { margin-bottom: var(--space-xs); }
.margin-bottom-xs-plus { margin-bottom: var(--space-xs-plus); }
.margin-bottom-s { margin-bottom: var(--space-s); }
.margin-bottom-ss { margin-bottom: var(--space-ss); }
.margin-bottom-s-plus { margin-bottom: var(--space-s-plus); }
.margin-bottom-base { margin-bottom: var(--space-base); }
.margin-bottom-base-plus { margin-bottom: var(--space-base-plus); }
.margin-bottom-base-extra { margin-bottom: var(--space-base-extra); }
.margin-bottom-m { margin-bottom: var(--space-m); }
.margin-bottom-ms { margin-bottom: var(--space-ms); }
.margin-bottom-m-plus { margin-bottom: var(--space-m-plus); }
.margin-bottom-mm { margin-bottom: var(--space-mm); }
.margin-bottom-xm { margin-bottom: var(--space-xm); }
.margin-bottom-xxm { margin-bottom: var(--space-xxm); }
.margin-bottom-xxm-plus { margin-bottom: var(--space-xxm-plus); }
.margin-bottom-xxxm { margin-bottom: var(--space-xxxm); }
.margin-bottom-xxxmm { margin-bottom: var(--space-xxxmm); }
.margin-bottom-xxxm-plus { margin-bottom: var(--space-xxxm-plus); }
.margin-bottom-xxxxm-plus { margin-bottom: var(--space-xxxxm-plus); }
.margin-bottom-l { margin-bottom: var(--space-l); }
.margin-bottom-ll { margin-bottom: var(--space-ll); }
.margin-bottom-l-plus { margin-bottom: var(--space-l-plus); }
.margin-bottom-ll-plus { margin-bottom: var(--space-ll-plus); }
.margin-bottom-xl { margin-bottom: var(--space-xl); }
.margin-bottom-xl-extra { margin-bottom: var(--space-xl-extra); }
.margin-bottom-xl-plus {margin-bottom: var(--space-xl-plus);}
.margin-bottom-xxl { margin-bottom: var(--space-xxl); }
.margin-bottom-xml { margin-bottom: var(--space-xml); }
.margin-bottom-xml-plus { margin-bottom: var(--space-xml-plus); }
.margin-bottom-xxl-plus { margin-bottom: var(--space-xxl-plus); }
.margin-bottom-xxxl-plus { margin-bottom: var(--space-xxxl-plus); }
.margin-bottom-xxxxl-plus { margin-bottom: var(--space-xxxxl-plus); }
.margin-bottom-xxxm { margin-bottom: var(--space-xxxm); }
.margin-bottom-xxxmm { margin-bottom: var(--space-xxxmm); }
.margin-bottom-xxxxm { margin-bottom: var(--space-xxxxm); }
.margin-bottom-ull { margin-bottom: var(--space-ull); }
.margin-bottom-4xxl { margin-bottom: var(--space-4xxl); }
.margin-bottom-2xxl { margin-bottom: var(--space-2xxl); }
/* Left margins */

.margin-left-negative-xxxmm { margin-left: var(--space-negative-xxxmm); }
.margin-left-negative-xss { margin-left: var( --space-negative-xss); }
.margin-left-negative-s { margin-left: var(--space-negative-s); }
.margin-left-negative-xm { margin-left: var(--space-negative-xm); }
.margin-left-negative-xxm-plus {margin-left: var( --space-negative-xxm-plus); }
.margin-left-negative-ll-plus { margin-left: var(--space-negative-ll-plus); }
.margin-left-negative-base-plus { margin-left: var(--space-negative-base-plus); }
.margin-left-none { margin-left: var(--space-none); }
.margin-left-xxs { margin-left: var(--space-xxs); }
.margin-left-xs { margin-left: var(--space-xs); }
.margin-left-xs-plus { margin-left: var(--space-xs-plus); }
.margin-left-s { margin-left: var(--space-s); }
.margin-left-ss { margin-left: var(--space-ss); }
.margin-left-s-plus {margin-left: var(--space-s-plus); }
.margin-left-base { margin-left: var(--space-base); }
.margin-left-base-plus { margin-left: var(--space-base-plus); }
.margin-left-base-extra { margin-left: var(--space-base-extra); }
.margin-left-m { margin-left: var(--space-m); }
.margin-left-ms { margin-left: var(--space-ms); }
.margin-left-m-plus { margin-left: var(--space-m-plus); }
.margin-left-mm { margin-left: var(--space-mm); }
.margin-left-xm { margin-left: var(--space-xm); }
.margin-left-xxm { margin-left: var(--space-xxm); }
.margin-left-xxm-plus { margin-left: var(--space-xxm-plus); }
.margin-left-xxxm { margin-left: var(--space-xxxm); }
.margin-left-xxxm-plus { margin-left: var(--space-xxxm-plus); }
.margin-left-l { margin-left: var(--space-l); }
.margin-left-l-plus { margin-left: var(--space-l-plus); }
.margin-left-ll-plus { margin-left: var(--space-ll-plus); }
.margin-left-xl { margin-left: var(--space-xl); }
.margin-left-xl-plus { margin-left: var(--space-xl-plus); }
.margin-left-xll-plus { margin-left: var(--space-xll-plus); }
.margin-left-xxl { margin-left: var(--space-xxl); }
.margin-left-xxl-plus { margin-left: var(--space-xxl-plus); }
.margin-left-xxxl-plus { margin-left: var(--space-xxxl-plus); }
.margin-left-xml { margin-left: var(--space-xml); }
.margin-left-2xxl { margin-left: var(--space-2xxl); }
.margin-left-xxxxm { margin-left: var(--space-xxxxm); }
.margin-left-xxxxm-plus { margin-left: var(--space-xxxxm-plus); }

.margin-left-tolls-detail {
        margin-left: calc((100vw - 1250px)/2 + 40px - 8px);
    }

.margin-x-m { margin-left: var(--space-m); margin-right: var(--space-m); }
.margin-x-xm { margin-left: var(--space-xm); margin-right: var(--space-xm); }


/* Margins Menu */

.margin-x-2xxl {
    margin-right: var(--space-2xxl);
    margin-left: var(--space-2xxl);
}

.margin-x-base-plus {
    margin-right: var(--space-base-plus);
    margin-left: var(--space-base-plus);
}

.margin-maincontent-menu {
    margin-right: var(--space-4xxl);
    margin-left: var(--space-2xxl);
}
.margin-y-xxxm { 
    margin-top: var(--space-xxxm); 
    margin-bottom: var(--space-xxxm);
}


.margin-y-xxxxm { 
    margin-top: var(--space-xxxxm); 
    margin-bottom: var(--space-xxxxm);
}


/* VW / VH margins */

.margin-x-10vw {
    margin-left: 10vw;
    margin-right: 10vw;
}

/* Padding */

.padding-base { padding: var(--space-base); }

.padding-m { padding: var(--space-m); }

.padding-l { padding: var(--space-l); }

.padding-xm { padding: var(--space-xm); }

.padding-xxm-plus { padding: var(--space-xxm-plus); }

.padding-xxxxm { padding: var(--space-xxxxm); }

/* Padding TOP*/

.padding-top-1-5px {padding-top: 1.5px} /*Não APAGAR (usado nas breadcrumbs)*/

.padding-top-2-5px {padding-top: 2.5px} /*Não APAGAR (usado nas breadcrumbs)*/

.padding-top-xxs-plus {padding-top: var(--space-xxs-plus);}

.padding-top-xxs {padding-top: var(--space-xxs);}

.padding-top-xs-plus {padding-top: var(--space-xs-plus);}

.padding-top-xss {padding-top: var(--space-xss);}

.padding-top-xs {padding-top: var(--space-xs);}

.padding-top-s-plus {padding-top: var(--space-s-plus);}

.padding-top-base-plus {padding-top: var(--space-base-plus);}

.padding-top-base-plus-plus {padding-top: var(--space-base-plus-plus);}

.padding-top-base-extra{padding-top: var(--space-base-extra);}

.padding-top-x {padding-top: var(--space-x);}

.padding-top-m {padding-top: var(--space-m);}
.padding-top-m-plus {padding-top: var(--space-m-plus);}
.padding-top-mm {padding-top: var(--space-mm);}

.padding-top-xxm {padding-top: var(--space-xxm);}

.padding-top-xxxm {padding-top: var(--space-xxxm);}

.padding-top-xm-plus {padding-top: var(--space-xm-plus);}

.padding-top-xxm-plus {padding-top: var(--space-xxm-plus);}

.padding-top-l {padding-top: var(--space-l);}

.padding-top-ll {padding-top: var(--space-ll);}

.padding-top-xxxxm {padding-top: var(--space-xxxxm);}

.padding-top-xxxmm {padding-top: var(--space-xxxmm);}

.padding-top-xl {padding-top: var(--space-xl);}

.padding-top-xll {padding-top: 58px;}


/* Padding BOTTOM*/

.padding-bottom-xs-plus {padding-bottom: var(--space-xs-plus);}

.padding-bottom-xxxs {padding-bottom: var(--space-xxxs);}

.padding-bottom-base-plus { padding-bottom: var(--space-base-plus); }

.padding-bottom-m {padding-bottom: var(--space-m);}
.padding-bottom-mm {padding-bottom: var(--space-mm);}
.padding-bottom-m-plus {padding-bottom: var(--space-m-plus);}


.padding-bottom-xm {padding-bottom: var(--space-xm);}

.padding-bottom-xml-plus {padding-bottom: var(--space-xml-plus);}

.padding-bottom-xxm {padding-bottom: var(--space-xxm);}

.padding-bottom-xxm {padding-bottom: var(--space-xxxxm);}

.padding-bottom-xxxm { padding-bottom: var(--space-xxxm);}

.padding-bottom-xxxxm { padding-bottom: var(--space-xxxxm);}

.padding-bottom-xxm-plus { padding-bottom: var(--space-xxm-plus); }

.padding-bottom-xl {padding-bottom: var(--space-xl);}

.padding-bottom-l-plus {padding-bottom: var(--space-l-plus);}

.padding-bottom-ll-plus {padding-bottom: var(--space-ll-plus);}

.padding-bottom-ll {padding-bottom: var(--space-ll);}

.padding-bottom-xxl-plus {padding-bottom: var(--space-xxl-plus);}

.padding-bottom-xxxl-plus {padding-bottom: var(--space-xxxl-plus);}


/* Padding RIGHT*/
.padding-right-xxxs {padding-right: var(--space-xxxs);}
.padding-right-xxs {padding-right: var(--space-xxs);}
.padding-right-xxs-plus {padding-right: var(--space-xxs-plus);}
.padding-right-xs {padding-right: var(--space-xs);}
.padding-right-xss {padding-right: var(--space-xss);}
.padding-right-xs-plus {padding-right: var(--space-xs-plus);}
.padding-right-s {padding-right: var(--space-s);}
.padding-right-ss {padding-right: var(--space-ss);}
.padding-right-s-plus {padding-right: var(--space-s-plus);}
.padding-right-base {padding-right: var(--space-base);}
.padding-right-base {padding-right: var(--space-base-extra);}
.padding-right-base-plus {padding-right: var(--space-base-plus);}
.padding-right-base-plus-plus {padding-right: var(--space-base-plus-plus);}
.padding-right-m { padding-right: var(--space-m);}
.padding-right-ms { padding-right: var(--space-ms);}
.padding-right-m-plus { padding-right: var(--space-m-plus);}
.padding-right-mm { padding-right: var(--space-mm);}
.padding-right-xm {padding-right: var(--space-xm);}
.padding-right-xm-plus { padding-right: var(--space-xm-plus); }
.padding-right-l { padding-right: var(--space-l);}
.padding-right-l-extra { padding-right: var(--space-l-extra);}
.padding-right-ll { padding-right: var(--space-ll);}
.padding-right-l-plus { padding-right: var(--space-l-plus);}
.padding-right-ll-plus { padding-right: var(--space-ll-plus);}
.padding-right-xxm { padding-right: var(--space-xxm); }
.padding-right-xxm-plus { padding-right: var(--space-xxm-plus); }
.padding-right-xxxm { padding-right: var(--space-xxxm); }
.padding-right-xxxmm { padding-right: var(--space-xxxmm); }
.padding-right-2xxl { padding-right: var(--space-2xxl); }
.padding-right-xxxm-plus { padding-right: var(--space-xxxm-plus); }
.padding-right-xxxxm { padding-right: var(--space-xxxxm); }
.padding-right-xxxxm-plus { padding-right: var(--space-xxxxm-plus); }
.padding-right-xl { padding-right: var(--space-xl);}
.padding-right-xl-extra { padding-right: var(--space-xl-extra);}
.padding-right-xl-plus { padding-right: var(--space-xl-plus);}
.padding-right-xll { padding-right: var(--space-xll);}
.padding-right-xll-plus { padding-right: var(--space-xll-plus);}
.padding-right-xxl { padding-right: var(--space-xxl);}
.padding-right-xml { padding-right: var(--space-xml);}
.padding-right-xml-plus { padding-right: var(--space-xml-plus);}
.padding-right-xxl-plus { padding-right: var(--space-xxl-plus);}
.padding-right-xxxl { padding-right: var(--space-xxxl);}
.padding-right-xxxl-plus { padding-right: var(--space-xxxl-plus);}
.padding-right-2xxl { padding-right: var(--space-2xxl);}
.padding-right-xxxxl { padding-right: var(--space-xxxxl);}
.padding-right-xxxxl-plus { padding-right: var(--space-xxxxl-plus);}
.padding-right-xxxxxl { padding-right: var(--space-xxxxxl);}
.padding-right-ul { padding-right: var(--space-ul);}
.padding-right-ull { padding-right: var(--space-ull);}
.padding-right-4xxl { padding-right: var(--space-4xxl);}

/* Padding LEFT*/
.padding-left-xxxs {padding-left: var(--space-xxxs);}
.padding-left-xxs {padding-left: var(--space-xxs);}
.padding-left-xxs-plus {padding-left: var(--space-xxs-plus);}
.padding-left-xs {padding-left: var(--space-xs);}
.padding-left-xss {padding-left: var(--space-xss);}
.padding-left-xs-plus {padding-left: var(--space-xs-plus);}
.padding-left-s {padding-left: var(--space-s);}
.padding-left-ss {padding-left: var(--space-ss);}
.padding-left-s-plus {padding-left: var(--space-s-plus);}
.padding-left-base {padding-left: var(--space-base);}
.padding-left-base {padding-left: var(--space-base-extra);}
.padding-left-base-plus {padding-left: var(--space-base-plus);}
.padding-left-base-plus-plus {padding-left: var(--space-base-plus-plus);}
.padding-left-m { padding-left: var(--space-m);}
.padding-left-ms { padding-left: var(--space-ms);}
.padding-left-m-plus { padding-left: var(--space-m-plus);}
.padding-left-mm { padding-left: var(--space-mm);}
.padding-left-xm {padding-left: var(--space-xm);}
.padding-left-xm-plus { padding-left: var(--space-xm-plus); }
.padding-left-l { padding-left: var(--space-l);}
.padding-left-l-extra { padding-left: var(--space-l-extra);}
.padding-left-ll { padding-left: var(--space-ll);}
.padding-left-l-plus { padding-left: var(--space-l-plus);}
.padding-left-ll-plus { padding-left: var(--space-ll-plus);}
.padding-left-xxm { padding-left: var(--space-xxm); }
.padding-left-xxm-plus { padding-left: var(--space-xxm-plus); }
.padding-left-xxxm { padding-left: var(--space-xxxm); }
.padding-left-xxxmm { padding-left: var(--space-xxxmm); }
.padding-left-2xxl { padding-left: var(--space-2xxl); }
.padding-left-xxxm-plus { padding-left: var(--space-xxxm-plus); }
.padding-left-xxxxm { padding-left: var(--space-xxxxm); }
.padding-left-xxxxm-plus { padding-left: var(--space-xxxxm-plus); }
.padding-left-xl { padding-left: var(--space-xl);}
.padding-left-xl-extra { padding-left: var(--space-xl-extra);}
.padding-left-xl-plus { padding-left: var(--space-xl-plus);}
.padding-left-xll { padding-left: var(--space-xll);}
.padding-left-xll-plus { padding-left: var(--space-xll-plus);}
.padding-left-xxl { padding-left: var(--space-xxl);}
.padding-left-xml { padding-left: var(--space-xml);}
.padding-left-xml-plus { padding-left: var(--space-xml-plus);}
.padding-left-xxl-plus { padding-left: var(--space-xxl-plus);}
.padding-left-xxxl { padding-left: var(--space-xxxl);}
.padding-left-xxxl-plus { padding-left: var(--space-xxxl-plus);}
.padding-left-2xxl { padding-left: var(--space-2xxl);}
.padding-left-xxxxl { padding-left: var(--space-xxxxl);}
.padding-left-xxxxl-plus { padding-left: var(--space-xxxxl-plus);}
.padding-left-xxxxxl { padding-left: var(--space-xxxxxl);}
.padding-left-ul { padding-left: var(--space-ul);}
.padding-left-ull { padding-left: var(--space-ull);}
.padding-left-4xxl { padding-left: var(--space-4xxl);}

/* Padding Y-axis */

.padding-y-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
}

.padding-y-base {
    padding-top: var(--space-base);
    padding-bottom: var(--space-base);
}

.padding-y-base-plus {
    padding-top: var(--space-base-plus);
    padding-bottom: var(-space-base-plus);
}

.padding-y-m {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
}

.padding-y-l {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
}

.padding-y-extra {
    padding-top: var(--space-base-plus);
    padding-bottom: var(--space-m);
}

.padding-y-ll {
    padding-top: var(--space-ll);
    padding-bottom: var(--space-ll);
}

.padding-y-ll-plus {
    padding-top: var(--space-ll-plus);
    padding-bottom: var(--space-ll-plus);
}

.padding-y-xs-plus {
    padding-top: var(--space-xs-plus);
    padding-bottom: var(--space-xs-plus);
}

.padding-y-xm {
    padding-top: var(--space-xm);
    padding-bottom: var(--space-xm);
}

.padding-y-xxm {
    padding-top: var(--space-xxm);
    padding-bottom: var(--space-xxm);
}

.padding-y-xxm-plus {
    padding-top: var(--space-xxm-plus);
    padding-bottom: var(--space-xxm-plus);
}

.padding-y-xxxm {
    padding-top: var(--space-xxxm);
    padding-bottom: var(--space-xxxm)
}

.padding-y-xxxxm {
    padding-top: var(--space-xxxxm);
    padding-bottom: var(--space-xxxxm);
}

.padding-y-xxm-plus-mm {
    padding-top: var(--space-xxm-plus);
    padding-bottom: var(--space-mm);
}

.padding-y-xll{
    padding-top: var(--space-xll);
    padding-bottom: var(--space-xll);
}


/* Padding X-axis */

.padding-x-s{
    padding-left: var(--space-s);
    padding-right: var(--space-s);
}

.padding-x-base {
    padding-left: var(--space-base);
    padding-right: var(--space-base);
}

.padding-x-base-plus {
    padding-left: var(--space-base-plus);
    padding-right: var(--space-base-plus);
}

.padding-x-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
}

.padding-x-ms {
    padding-left: var(--space-ms);
    padding-right: var(--space-ms);
}

.padding-x-l {
    padding-left: var(--space-l);
    padding-right: var(--space-l);
}

.padding-x-ll-plus {
    padding-left: var(--space-ll-plus);
    padding-right: var(--space-ll-plus);
}

.padding-x-xm {
    padding-left: var(--space-xm);
    padding-right: var(--space-xm);
}

.padding-xm-plus {
    padding-top: var(--space-xm-plus);
    padding-bottom: var(--space-xm-plus);
}

.padding-x-xxm {
    padding-left: var(--space-xxm);
    padding-right: var(--space-xxm);
}

.padding-x-xxm-plus {
    padding-left: var(--space-xxm-plus);
    padding-right: var(--space-xxm-plus);
}



.padding-x-xxl {
    padding-right: var(--space-xxl);
    padding-left: var(--space-xxl);
}

.padding-x-2xxl {
    padding-right: var(--space-2xxl);
    padding-left: var(--space-2xxl);
}

.padding-x-xxxxm {
    padding-left: var(--space-xxxxm);
    padding-right: var(--space-xxxxm);
}

/* ================================================================ */
/*  - Height                                                        */
/* ================================================================ */

.height-0{ height: 0px;}
.height-16{  height: 16px;}
.height-24{  height: 24px;}
.height-30{  height: 30px !important;}
.height-32 { height: 32px;}
.height-43 { height: 43px;}
.height-46 { height: 46px;}
.height-48 { height: 48px;}
.height-50 { height: 50px;}
.height-54 { height: 54px;}
.height-58 { height: 58px;}
.height-60 { height: 60px;}
.height-64 { height: 64px;}
.height-65 { height: 65px;}
.height-80 { height: 80px;}
.height-94 { height: 94px;}
.height-120 {   height: 120px;}
.height-133 {   height: 133px;}
.height-140 {  height: 140px;}
.height-350 {  height: 350px;}


.height-fit-content {
    height: fit-content;
}



/* ================================================================ */
/*  - width                                                       */
/* ================================================================ */



.width-min-content {
    width: min-content;
}

.width-max-content {
    width: max-content;
}
    
.width-0 {
    width: 0px;
}

.width-70p {
    width: 70%;
}

.width-30p{
    width: 30%;
}

.width-auto {
    width: auto;
}

.width-14 {
    width: 14px;
}

.min-width-16 {
    min-width: 16px;
}

.min-width-32 {
    min-width: 32px;
}

.width-12 {
    width: 12px;
}

.width-16 {
    width: 16px;
}

.width-20 {
    width: 20px;
}

.min-width-24 {
    min-width: 24px;
}

.width-24 {
    width: 24px;
}

.width-32 {
    width: 32px;
}

.width-40 {
    width: 40px;
}

.min-width-40 {
    min-width: 40px;
}

.min-width-100p{
    min-width: 100%;
    }

.width-46 {
    width: 46px;
}

.width-48 {
    width: 48px;
}

.min-width-48 {
    min-width: 48px;
}

.width-50 {
    width: 50px;
}

.width-63 {
    width: 63px;
}

.width-65 {
    width: 65px;
}
.width-72 {
    width: 72px;
}


.width-80 {
    width: 80px;
}

.width-100 {
    width: 100px;
}

.width-110 {
    width: 110px;
}

.width-120 {
    width: 120px;
}

.width-125 {
    width: 125px !important;
}

.width-150 {
    width: 150px;
}
width-175{
    width: 175px;
}
.width-224 {
    width: 224px;
}

.width-240 {
    width: 240px;
}

.width-230 {
    width: 230px;
}

.width-258 {
    width: 258px;
}

.width-264 {
    width: 264px;
}

.width-338 {
    width: 338px;
}

.width-355 {
    width: 355px;
}

.width-364 {
    width: 364px;
}

.width-400 {
    width: 400px;
}


.width-490 {
    width: 490px;
}

.width-520 {
    width: 520px;
}

.width-555 {
    width: 555px;
}

.width-history {
    width: calc(100vw - 30% - 4px);
}

.width-particular {
    width: 67.92px;
}

.width-fit-content {
    width: fit-content;
}

.max-width-none {
    max-width: none;
}


.max-width-210 {
    max-width: 210px;
}

.max-width-360 {
    max-width: 360px;
}

.max-width-400 {
    max-width: 400px;
}

.min-width-410 {
    min-width: 410px;
}

.max-width-472 {
    max-width: 472px;
}

.max-height-166 {
    max-height: 166px;
}

.min-width-119 {
    min-width: 119px;
}

.max-width-364 {
    max-width: 364px;
}


/* ================================================================ */
/*  - border                                                        */
/* ================================================================ */

.border-0 {
    border: 0px solid transparent !important;
}
    
/* ================================================================ */
/*  - Styles - Display Flex Properties                              */
/* ================================================================ */

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-space-evenly {
    justify-content: space-evenly;
}

.justify-content-center {
    justify-content: center;
}

.align-items-flex-start {
    align-items: flex-start;
}

.align-items-center {
    align-items:center;
}

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

.justify-content-flex-end {
    justify-content: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-self-center{
    align-self: center;
}
/* ================================================================ */
/*  - Styles - Align Text                                           */
/* ================================================================ */
.align-text-center {
    text-align: center;
}

.inside-auto-layout {
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 8px;
}

a, a:visited {
    color: inherit !important; 
}
/* ================================================================ */
/* - Media Queries                                                  */
/* ================================================================ */

/* ==================== */
/* - Desktop-big        */
/* ==================== */


@media only screen and (min-width: 1281px) {
    
    /* ==================== */
    /* - DF_VisualUtils_CW  */
    /* ==================== */
    
    /* - AC_AdaptiveDisplay */
    
    .siteCTT-desktop-big {
        display: block !important;
    }
    
    .siteCTT-desktop-medium {
        display: none !important;
    }
    
    .siteCTT-mobile {
        display: none !important;
    }
    
    .siteCTT-tablet {
        display: none !important;
    }
    
    /* - AC_ShortCut */
    
    .shortcutDesktop-menuLogin-container {
        width: 280px;
        background-color: var(--color-neutral-0);
        padding: 48px 24px 24px 24px;
        z-index: 102;
        box-shadow: 0px 4px 18px rgb(0 0 0 / 12%);
        position: absolute;
        right: calc((100vw - 1250px)/2);
        top: 115px;
    
    }
    
    .shortcutDesktop-menuLogin-container:before {
        position: absolute;
        content: '';
        height: 12px;
        width: 12px;
        background: white;
        right: 19px;
        top: -3px;
        transform: rotate(45deg);
    }
    
    /* ==================== */
    /* - DF_TrackTrace_CW   */
    /* ==================== */
    
    /* - AC_Layout_Desktop_ClientArea */
    
    .width-left-column-desktop {
        width: calc(100vw - (224px + ((100vw - 1250px)/2) + 8px));
    }
    
    
    .ac-background-menu-desktop-red {
        top: 130px;
        height: calc(100vh - 130px);
        position: sticky;
    }
    
    .ac-background-menu-desktop-image {
        top: 100%;
        position: sticky;
        right: calc((100vw - 1250px)/2 );
        max-width: none;
    }
    
    .terminar-sessao-container {
        bottom: 28px;
        position: sticky;
        left: calc(100vw - (224px + ((100vw - 1250px)/2)));
        width:  176px ;
    }
    
    
    
    /* ==================== */
    /* - CostumerArea       */
    /* ==================== */
    
    /* - all pages */
    
    
    
    .padding-x-menu-siteCTT-online-shipment {
        padding-left: calc((100vw - 1250px)/2 + 40px );
        padding-right: calc((100vw - 1250px)/2 + 224px);
    }
    
    .padding-x-public-area-tolls-detail {
        padding-left: calc((100vw - 1250px)/2 + 40px );
        padding-right: calc((100vw - 1250px)/2 + 124px);
    }
    
    .padding-left-menu-siteCTT {
        padding-left: calc((100vw - 1250px)/2 + 40px - 8px);
    } 
    
    .padding-right-menu-siteCTT {
        padding-right: calc((100vw - 1250px)/2 + 40px );
    }

    .padding-right-menu-siteCTT-online-shipment {
        padding-right: calc((100vw - 1250px)/2 + 224px);
    }
    
    .margin-left-menu-siteCTT {
        margin-left: calc((100vw - 1250px)/2 + 40px - 8px);
    }
    
    .margin-right-menu-siteCTT {
        margin-right: calc((100vw - 1250px)/2 + 40px );
    }
    
     .margin-x-menu-siteCTT {
        margin-left: calc((100vw - 1250px)/2 + 40px );
        margin-right: calc((100vw - 1250px)/2 + 40px );
    }
    
    .margin-x-menu-siteCTT-online-shipment {
        margin-left: calc((100vw - 1250px)/2 + 40px );
        margin-right: calc((100vw - 1250px)/2 + 224px);
    }
    
    .height-grey {
        min-height: calc(100vh - 246.4px);
    }
    
    .height-second-grey {
        min-height: calc(100vh - 470.4px);
    }
    
    .height-payment-confirmation {
        min-height: calc(100vh - 210px);
    }
    
    .height-payment-confirmation-button {
        min-height: calc(100vh - 540px);
    }
    
    .height-mbway-close-button {
        min-height: calc(100vh - 580px);
    }
    
    .height-mbway-cancel-charge-button-1 {
        min-height: calc(100vh - 623px);
    }
    
    .height-available-payment-methods-buttons {
        min-height: calc(100vh - 740px);
    }
    
    .height-mbway-cancel-charge-button-2 {
        min-height: calc(100vh - 675px);
    }
    
    .height-mbway-cancel-charge-button-invalid {
        min-height: calc(100vh - 695px);
    }
    
    
    .carousel-small-desktop-sticky {
        padding-bottom: 8px;
        padding-top: 8px;
        position: fixed;
        top: 130px;
        z-index: 200;
        border-top: 1px solid #E9ECEF;
        border-bottom: 1px solid #E9ECEF;
        background-color: var(--color-neutral-0) ;
        left: 0px;
        padding-left: calc((100vw - 1250px)/2 + 32px);
    }
    
    .carousel-width-custom-smallerthan15 {
        width: 880px;
    }

    .carousel-width-custom {
        width: 825px;
    }

    .carousel-width-custom-magnifier {
        width: 535px;
    }
}
/* ==================== */
/* - Desktop-medium     */
/* ==================== */


@media only screen and (max-width: 1280px) and (min-width: 981px) {
    
    /* ==================== */
    /* - DF_VisualUtils_CW  */
    /* ==================== */
    
    /* - AC_AdaptiveDisplay */
    
    .siteCTT-desktop-big {
        display: none !important;
    }
    
    .siteCTT-desktop-medium {
        display: block !important;
    }
    
    .siteCTT-mobile {
        display: none !important;
    }
    
    .siteCTT-tablet {
        display: none !important;
    }
    
    /* - AC_ShortCut */
    
    .shortcutDesktop-menuLogin-container {
        width: 280px;
        background-color: var(--color-neutral-0);
        padding: 48px 24px 24px 24px;
        z-index: 102;
        box-shadow: 0px 4px 18px rgb(0 0 0 / 12%);
        position: absolute;
        right: calc(2%);
        top: 115px;
    }
    
    .shortcutDesktop-menuLogin-container:before {
        position: absolute;
        content: '';
        height: 12px;
        width: 12px;
        background: white;
        right: 19px;
        top: -3px;
        transform: rotate(45deg);
    }
    /* ==================== */
    /* - DF_TrackTrace_CW   */
    /* ==================== */
    
    /* - AC_Layout_Desktop_ClientArea */
    
    .width-left-column-desktop {
        width: calc(100vw - (224px + 2%));
    }
    
    .ac-background-menu-desktop-red {
        top: 130px;
        height: calc(100vh - 130px);
        position: sticky;
        right: 2%;
    } 
    
    .ac-background-menu-desktop-image {
        top: 100%;
        position: sticky;
        right: 2%;
        max-width: none;
    } 
    
    .terminar-sessao-container {
        bottom: 28px;
        position: sticky;
        right: 4%;
        width:  176px ;
    }
    
    .margin-left-menu-siteCTT {
        margin-left: calc(2% + 15px);
    }
        
    /* ==================== */
    /* - CostumerArea       */
    /* ==================== */
    
    /* - all pages */
    
    .padding-x-public-area-tolls-detail {
        padding-left: calc((100vw - 1250px)/2 + 40px );
        padding-right: calc((100vw - 1250px)/2 + 124px);
    }
    .margin-left-menu-siteCTT {
        margin-left: calc(2% + 15px);
    }
    
    .margin-right-menu-siteCTT {
        margin-right: calc(2% + 15px);
    }
    
    .margin-x-menu-siteCTT {
        margin-left: calc(2% + 15px);
        margin-right: calc(2% + 15px);
    }
    
    .margin-x-menu-siteCTT-online-shipment {
        margin-left: calc(2% + 15px);
        margin-right: calc(2% + 224px);
    }
    
    .padding-x-menu-siteCTT-online-shipment {
        padding-left:  calc(2% + 15px);
        padding-right:  calc(2% + 224px);
    }

    .padding-right-menu-siteCTT-online-shipment {
        padding-right: calc((100vw - 1250px)/2 + 224px);
    }
    
    
    .padding-left-menu-siteCTT {
        padding-left: calc(2% + 15px);
    }
    
    .padding-right-menu-siteCTT {
        padding-right: calc(2% + 15px);
    }
    
    .padding-x-menu-siteCTT {
        padding-left: calc(2% + 15px);
        padding-right: calc(2% + 15px);
    }
    
    .height-grey {
        min-height: calc(100vh - 246.4px);
    }
    
    .height-second-grey {
        min-height: calc(100vh - 470.4px);
    }
    
    .height-payment-confirmation {
        min-height: calc(100vh - 210px);
    }
    
    .height-payment-confirmation-button {
        min-height: calc(100vh - 540px);
    }
    
    .height-mbway-close-button {
        min-height: calc(100vh - 580px);
    }
    
    .height-mbway-cancel-charge-button-1 {
        min-height: calc(100vh - 623px);
    }
    
    .height-available-payment-methods-buttons {
        min-height: calc(100vh - 740px);
    }
    
    .height-mbway-cancel-charge-button-2 {
        min-height: calc(100vh - 675px);
    }
    
    .height-mbway-cancel-charge-button-invalid {
        min-height: calc(100vh - 695px);
    }
    
    .carousel-small-desktop-sticky {
        padding-bottom: 8px;
        padding-top: 8px;
        position: fixed;
        top: 130px;
        z-index: 200;
        border-top: 1px solid #E9ECEF;
        border-bottom: 1px solid #E9ECEF;
        background-color: var(--color-neutral-0) ;
        left: 0px;
        padding-left: calc(2% + 15px);
    }

    .carousel-width-custom-smallerthan15 {
        width: calc(100vw - (4% + 387px));
    }
    
    .carousel-width-custom {
        width: calc(100vw - (4% + 442px));
    }

    .carousel-width-custom-magnifier {
        width: calc(100vw - (4% + 732px));
    }
    
}
/* ==================== */
/* - Tablet             */
/* ==================== */


@media only screen and (max-width: 980px) and (min-width: 671px) {
    
     /* ==================== */
    /* - DF_VisualUtils_CW  */
    /* ==================== */
    
    /* - AC_AdaptiveDisplay */

    .siteCTT-desktop-big {
        display: none !important;
    }
    
    .siteCTT-desktop-medium {
        display: none !important;
    }
    
    .siteCTT-tablet {
        display: block !important;
    }
    
    .siteCTT-mobile {
        display: none !important;
    }
    
     /* ==================== */
    /* - CostumerArea       */
    /* ==================== */
    
    /* - all pages */
    
    .margin-left-menu-siteCTT {
        margin-left: calc(2% + 15px);
    }
    
    .margin-x-menu-siteCTT {
        margin-left: calc(2% + 15px);
        margin-right: calc(2% + 15px);
    }
    
    .padding-left-menu-siteCTT {
        padding-left: calc(2% + 15px);
    }
    
    .padding-x-menu-siteCTT {
        padding-left: calc(2% + 15px);
        padding-right: calc(2% + 15px);
    }
    

}
/* ==================== */
/* - Mobile             */
/* ==================== */


@media only screen and (max-width: 670px) {
    
    
    .screen-container {
        overflow-x: auto; 
    }
    
    /* ==================== */
    /* - DF_VisualUtils_CW  */
    /* ==================== */
    
    /* - AC_AdaptiveDisplay */

    .siteCTT-desktop-big {
        display: none !important;
    }
    
    .siteCTT-desktop-medium {
        display: none !important;
    }
    
    .siteCTT-tablet {
        display: none !important;
    }
    
    .siteCTT-mobile {
        display: block !important;
        min-width: 360px;
    }
     /* ==================== */
    /* - CostumerArea       */
    /* ==================== */
    
    /* - all pages */
    
    .margin-left-menu-siteCTT {
        margin-left: calc(2% + 15px);
    }
    
    .margin-x-menu-siteCTT {
        margin-left: calc(2% + 15px);
        margin-right: calc(2% + 15px);
    }
    
    .padding-left-menu-siteCTT {
        padding-left: calc(2% + 15px);
    }
    
    .padding-x-menu-siteCTT {
        padding-left: calc(2% + 15px);
        padding-right: calc(2% + 15px);
    }
    
}

/* ================================================================ */
/*  - Theme buttons -                                               */
/* ================================================================ */

.ac-display-none {
    display: none;
}

.ac-display-flex {
    display: flex;
}

.btn-theme {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 48px;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    padding-top: var(--space-base);
    padding-bottom: var(--space-base);
    -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
    border: 0px !important;
}

.btn-theme-primary {
    background-color: var(--color-primary);
    color: var(--color-neutral-0);
}

.btn-theme-secondary {
    background-color: var(--color-secondary);
    color: var(--color-neutral-5);
}

.btn-theme-neutral-2 {
    background-color: var(--color-neutral-2);
    color: var(--color-neutral-5);
}

.btn-theme-transparent {
    background-color: transparent;
    color: var(--color-neutral-0);
    height: 24px !important;
    width: 24px !important;
    padding: 0px !important;
    cursor: default;
}


/* ================================================================ */
/*  - Pop-Up Styles - CustomerArea                                  */
/* ================================================================ */


.pop-up-grey-container-mobile {
    width: 100%;
    height: 100%;
    background-color: var(--color-secondary);
    opacity: 0.4;
    position: fixed;
    top: 0px;
    z-index: 101;
    left: 0px;
}


.popup-white-container-mobile {
    width: 100%;
    background-color: var(--color-neutral-0);
    position: absolute;
    margin-bottom: var(--space-none);
    bottom:0px;
    
}
/*POP-UP Theme Mobile  */

.pop-up-white-Tolls-desktop {
    width: 752px;
    background-color: var(--color-neutral-0);
    position: fixed;
    top: 270px;
    z-index: 102;
}

.pop-up-white-Tolls-mobile {
    width: 100%;
    background-color: var(--color-neutral-0);
    position: fixed;
    top: 270px;
    z-index: 102;
    left: 0px;
}

.pop-up-white-container-mobile {
    width: 100%;
    background-color: var(--color-neutral-0);
    position: fixed;
    bottom: 0px;
    z-index: 102;
    left: 0px;
}

.pop-up-red-container-mobile {
    width: 100%;
    background-color: var(--color-primary);
    position: fixed;
    bottom: 0px;
    z-index: 102;
    left: 0px;
}

/*POP-UP Theme desktop   */

.pop-up-grey-container-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    z-index: -10;
    background-color: var(--color-secondary);
    opacity: 0.4;
}

.pop-up-black-container-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    z-index: 100;
    background-color: var(--color-secondary);
    opacity: 0.4;
}

.pop-up-white-container-desktop {
    background-color: var(--color-neutral-0);
    padding: 16px 16px 40px 32px;
    z-index: 102;     
}

.pop-up-white-Tollscontainer-desktop {
    background-color: var(--color-neutral-0);
    padding: 32px 24px 33px 24px;
    z-index: 102;      
}


.pop-up-red-container-desktop {
    background-color: var(--color-primary);
    padding: 16px 16px 40px 32px;
    z-index: 102      
}

.pop-up-summary-container-desktop {
    background-color: var(--color-neutral-0);
    padding: 19px 0px 40px 0px;
    z-index: 102      
}
/* ================================================================ */
/*  - Menu site ctt -                                               */
/* ================================================================ */

.menu-fixed {
    position: sticky;
    top: 0px;
    z-index: 200;
}

.ac-break-word {
    word-break: break-word;
}


.ac-cursor-pointer {
    cursor: pointer;
}

.ac-cursor-auto {
    cursor: auto;
}
/* POP-UP input custom */

.pop-up-input-custom {
    height: 56px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: var(--color-neutral-6) !important;
    padding-left: var(--space-m) !important;
    padding-right: var(--space-m) !important;
}

.pop-up-input-custom-withContent {
    font-size: 16px !important;
    line-height: 20px !important;
    color: var(--color-secondary) !important;
    padding-left: var(--space-m) !important;
    padding-right: var(--space-m) !important;
    padding-top: 16px !important;
    height: 56px !important;
    text-align: left;
}

.pop-up-input-custom-withContent-container:before {
    position: relative;
    padding-left: 16px;
    content: 'Nome de objeto';
    height: 23px;
    width: 53px;
    color: var(--color-neutral-6);
    top: 27px;
    font-family: 'book';
    font-size: 12px;
    line-height: 16px;
}


/* ================================================================ */
/*  - Custom Styles - TrackTrace                                    */
/* ================================================================ */


 /*change OS_Styles for timeline*/

.timeline-icon-line {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    margin: -10px ;
    width: 2px;
    background-color: #6A7178;
}


.timeline-left-date-container {
    width: 60px;
    text-align: right;
}

.display-container-none {
    display: none
}

.til-image-timeline {
    height: 60px;
}


.timeline-link-container {
    display: flex;
    justify-content: flex-start;
}




/* Mobile Background */

.overflow-visible-list {
    overflow: visible !important;
}

.shortcutDesktop-main-container {
    width: 320px;
    background-color: var(--color-neutral-0);
    padding: 28px 16px 28px 16px;
    z-index: 102;
    box-shadow: 0px 4px 18px rgb(0 0 0 / 12%);
    position: relative;
    right: 285px;
    top: 10px;
}

   
.shortcutDesktop-main-container:before {
    position: absolute;
    content: '';
    height: 12px;
    width: 12px;
    background: white;
    right: 19px;
    top: -3px;
    transform: rotate(45deg);
}

.shortcutMobile-transparent-container {
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0.25;
    position: fixed;
    top: 0px;
    z-index: 101;
    left: 0;
}


.background-container-mobile {
    z-index: -2;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.background-image-mobile {
    z-index: -1;
    position: absolute;
    top: 0;
}
/* breadcrumb shortcut*/

.shortcutBreadcrumb-main-container {
    background-color: var(--color-neutral-0);
    padding: 16px 16px 16px 16px;
    z-index: 102;
    box-shadow: 0px 4px 18px rgb(0 0 0 / 12%);
    position: absolute;
    left: -16px;
    top: 25px;
    min-width: 260px;
}

   
.shortcutBreadcrumb-main-container:before {
    position: absolute;
    content: '';
    height: 12px;
    width: 12px;
    background: white;
    left: 19px;
    top: -3px;
    transform: rotate(45deg);
}

.shortcutBreadcrumb-separator-container:hover {
    background-color: var(--color-neutral-1);
}

/* Object Card Section */

/* text */

.anchor-down-detail2 {
    position: absolute;
    bottom: 6px;
    right: 4px;
}

.anchor-down-button {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.anchor-down-detail {
    position: absolute;
    bottom: -6px;
    right: -2px;
}

.objectCard-label-name {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    line-height: 18px;
    color:  var(--color-neutral-6);
}

.objectCard-label-lastEvent-desktop {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h5);
    font-style: normal;
    line-height: 25px;
    color:  var(--color-secondary);
}


/* containers */
.new-object-cards-ButtonsAll{
    position: relative;
    bottom: -38px;
}

.new-object-cards-ButtonsAll2{
    position: relative;
    bottom: -26px;
}


.new-object-cards-compensation-bottom {
    margin-bottom: -20px;
}

.new-object-cards-compensation {
    margin-top: -20px;
}

.new-object-cards-compensation-plus {
    margin-top: -40px;
}

.optionsIcon {
    background: var(--color-neutral-0);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}
    
.neutral-card-new {
    padding: var(--space-m);
    margin-top: 10px;
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-quaternary);
    height: 100%;
}

.neutral-card-new:before {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Novo';
    height: 24px;
    width: 47px;
    background: var(--color-quaternary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.neutral-card-new-mobile {
    padding: var(--space-m);
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-quaternary);
    height: 100%;
}

.neutral-card-new-mobile:before {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Novo';
    height: 24px;
    width: 47px;
    background: var(--color-quaternary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.neutral-card-new-paymentmethod-mobile {
    padding-top: var(--space-s);
    padding-right: var(--space-m);
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-secondary);
    height: 100%;
}

.neutral-card-new-paymentmethod-mobile:before {
    position: relative;
    float: right;
    padding-left: 12px;
    padding-right: 2px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Novo';
    height: 24px;
    width: 40px;
    background: var(--color-secondary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.neutral-card-pending-paymentmethod-mobile {
    padding-top: var(--space-s);
    padding-right: var(--space-m);
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-secondary);
    height: 100%;
}

.neutral-card-pending-paymentmethod-mobile:before {
    position: relative;
    float: right;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Pendente';
    height: 24px;
    width: 50px;
    background: var(--color-secondary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.promotion-credits-selected {
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-secondary);
    height: 100%;
}

.promotion-credits-unselected {
    border: none;
    height: 100%;
}

.promotion-credits-selected:before {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Promoção';
    height: 24px;
    width: 50px;
    background: var(--color-secondary);
    color: var(--color-neutral-0);
    top: -15px;
    line-height: 18px;
    font-family: book;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.promotion-credits-unselected:before {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Promoção';
    height: 24px;
    width: 50px;
    background: var(--color-secondary);
    color: var(--color-neutral-0);
    top: -15px;
    line-height: 18px;
    font-family: book;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

new-object-transparent-container {
    padding: 10px 0px 0px 0px;
    background-color: transparent;
    margin-top: 10px;
}

.followObjectContainer {
    width: 185px;
    height: 38px;
}
  
.border-card {
    border: 1px solid #E9ECEF;
    box-sizing: border-box;
    padding: var(--space-m);
}

.bg-white {
    background-color: var(--color-neutral-0);
}

.border-button-object {
    border: 2px solid var(--color-primary);
    box-sizing: border-box;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.progress-bar {
    background-color: var(--color-neutral-3);
    overflow: hidden;
    position: relative;
}

.detail-card-small {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 101px;
    width: 121px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--color-neutral-7);
}
.detail-card-align-left {
    display: flex;
    justify-content: flex-start;
}

.detail-card-small-test {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    padding-right: 16px;
    width: max-content;
    height: 37px;
    border: 1px solid #DEE2E6;
    box-sizing: border-box;
    background: transparent;
}

.detail-card-small-test:hover {
    border: 1px solid #00B3B4;
    box-sizing: border-box;
}

.available-options-detail {
    width: 100%
}

.detail-card-options-desktop {
    width: 144px;
    height: 88px;
    left: 0px;
    top: 0px;
    margin-top: 9px;
    margin-right: 9px;
    border: 1px solid #DEE2E6;
    box-sizing: border-box;
    background: #FFFFFF;
}

.detail-card-options-mobile {
    width: 110px;
    height: 100%;
    max-height: 150px;
    left: 0px;
    top: 0px;
    margin-top: 9px;
    margin-right: 9px;
    border: 1px solid #DEE2E6;
    box-sizing: border-box;
    background: #FFFFFF;
}



.detail-card-column-container-Mobile {
    width: 357px; /*(110*3) + (9*3)*/
    left: 0px;
    top: 0 px;
}
.detail-card-options-container-uppertext {
    margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 10px;
    width: 86px;
    height: 40px;
}
.detail-card-options-container-uppertext-Desktop {
    margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
    width: 120px;
    height: 40px;
}

.detail-card-options-upper-text {
    font-family: medium;
    font-style: normal;
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    color: var(--color-secondary);
}

.detail-card-options-icon {
    margin-left: 14px;
}

.detail-card-container-lowText{
    margin-left: 12px;
    margin-bottom: 14px;
    width: 72px;
    height: 32px;
}
.detail-card-container-lowText-Desktop {
    margin-left: 11px;
    margin-bottom: 12px;
    margin-top: 4px;
}
.detail-card-lowtext {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    color: #00B3B4;
}

.detail-card-column-container-desktop {
    width: 459px; /* (144*3) + (9*3)*/
    height: 97px;
    left: 0px;
    top: 0 px;
}

.bottom-detail-card {
    background-color: var(--color-neutral-1);
    padding-left: 45px;
    padding-top: 37px;
    padding-bottom: 50px;
}

.bottom-detail-card-mobile {
    background-color: var(--color-neutral-1);
    padding-top: 20px;
    padding-bottom: 20px;
}

.background-neutral-7 {
    background-color: var(--color-neutral-7);
    padding: 20px;
}

.background-neutral-9 {
    background-color: var(--color-neutral-9);
}

.login-card-client-details {
    padding: 16px;
    background-color: #df0024;
    margin-left: 48px;
}

.intermediate-page-container-detail {
    position: fixed;
    background-color: white;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    z-index: 2000;
}

/* IconOnHover */
.width-32 {
    width: 32px;
}
.icon-card {
    margin:8px;
    position: relative;
    width: 100%;
}

.icon-cardCA {
    margin: 8px;
    position: relative;
    width: 100%;
}

.icon-cardPublic {
    margin:8px;
    position: relative;
    width: 100%;
}

.pencil-icon-black { /*colocar no preto */
    height: auto;
}

.overlay { /*colocar no vermelho */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  opacity: 0;
  background-color: white;
}

.overlayPublic { /*colocar no vermelho */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  opacity: 0;
  transition: .1s ease;
  background-color: #F6F6F6;
}

.overlayDetailsWhite { /*colocar no vermelho */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: transparent;
  height: auto;
}

.overlayDetailsMobile { /*colocar no vermelho */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: transparent;
  height: auto;
}


.icon-cardPublic:hover .overlayPublic {
    opacity: 1;
}

.icon-card:hover .overlay {
    opacity: 1;
}

.icon-cardCA:hover .overlayDetailsWhite {
    opacity: 1;
}

.icon-cardCA:hover .overlayDetailsMobile {
    opacity: 1;
}
/* Joined Deliveries Object Card */

.associated-object-card {
    background-color: var(--color-neutral-1);
    padding: 12px 12px 12px 12px;
    border: 2px solid var(--color-neutral-1);
    box-sizing: border-box;
    min-height: 124px;
    height: 100%;
    height: 100%;
}

.associated-object-card-newMobile {
    padding: 16px 16px 12px 16px;
    box-sizing: border-box;
    min-height: 124px;
    height: 100%;
    height: 100%;
}
/* History Product Cards */

.history-product-card {
    background-color: var(--color-neutral-0);
    padding: 14px 14px 16px 14px;
    border: 2px solid var(--color-neutral-0);
    box-sizing: border-box;
    min-height: 108px;
    height: 100%;
    height: 100%;
}

.history-flex-container {
    display: -webkit-flex;
    display: flex;
    
}

.history-product-card:hover {
    border: 2px solid var(--color-neutral-4);
    box-sizing: border-box;
    min-height: 108px;
}

.trash-icon {
    display: none;
}

.history-product-card:hover .trash-icon {
    display: block;
    height: 16px !important;
}   

.history-product-card-mobile {
    background-color: var(--color-neutral-0);
    padding: 16px 16px 18px 16px;
    margin-bottom: 8px;
    height: 100%;
}

.history-card-new {
    background-color: var(--color-neutral-0);
    padding: 16px 16px 18px 16px;
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-quaternary);
    min-height: 108px;
    height: 100%;
}

.history-card-new:hover .trash-icon {
    display: block;
    height: 16px !important;
}

.history-card-new:before {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Novo';
    height: 24px;
    width: 47px;
    background: var(--color-quaternary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.history-card-new-mobile {
    background-color: var(--color-neutral-0);
    padding: 16px 16px 18px 16px;
    margin-bottom: 8px;
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-quaternary);
    height: 100%;
}

.history-card-new-mobile:before {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Novo';
    height: 24px;
    width: 47px;
    background: var(--color-quaternary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.history-button {
    display: flex;
    justify-content: center;
    max-width: 222px; 
    min-width: 182px;
}

.objectCard-button {
    display: flex;
    justify-content: center;
    max-width: 244px;
}

.objectCard-buttonMobile {
    display: flex;
    justify-content: center;
}

.client-history-main-content {
    background-color: var(--color-neutral-1);
    padding-top: var(--space-xxm-plus);
    padding-bottom: 48px;
}

.popup-backdrop {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.popup-button1 {
    display: flex;
    justify-content: center;
 }

.popup-button2 {
    display: flex;
    justify-content: center; 
}

.popup-button3 {
     display: flex;
    justify-content: center; 
}

/* Entity Cards */

.entity-detail-card {
    background-color: var(--color-neutral-1);
    padding: var(--space-m);
}

.entity-detail-card-white {
    background-color: var(--color-neutral-0);
    padding: var(--space-m);
}

.entity-detail-card-mobile {
    background-color: var(--color-neutral-1);
    /*padding: var(--space-m);*/
}

.entity-detail-inside-card {
    background-color: var(--color-neutral-0);
    padding: var(--space-m);
    margin-top: 16px;
}

.entity-delete-card {
    padding: var(--space-m);
    background-color: var(--color-neutral-1);
}

.entity-delete-card-mobile {
    padding: var(--space-m);
    background-color: var(--color-neutral-1);
}

/* TOAST MESSAGE BLOCK */

.toast-message-block {
    display: block;
    position: fixed;
    bottom: 41px;
    left: 31px;
    right: 31px;
    z-index: 100;
}

/* Notifications */

.notifications-menu-container-desktop {
    background-color: #FFFFFF;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 208px;
    height: 40px;
    margin-left: 8px;
    position: absolute;
    bottom: 73px;
}

.container-notifications-menu-mobile {
    z-index: 203;
    position: fixed;
    bottom: 72px;
    left: 16px;
    right: 16px;
    padding: 12px;
    background-color: #FFFFFF
}

.blue-circle-notifications {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        padding: 4px;
        background-color: var(--color-quaternary);
    }

/* TrackTraceSearchCardPublicArea web block styles */

.trackAndTraceContainer {
    background-color: var(--color-neutral-0);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    padding: 63px 40px 53px 47px;
}

.trackAndTraceContainer-mobile {
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.12);
    padding-top: 34px;
    padding-bottom: 28px;
}

.trackAndTraceContainer-mobile-withContent {
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.12);
    padding-top: 34px;
    padding-bottom: 16px;
}


.trackAndTraceHeaderText {
    font-size: var(--font-size-h5);
}

.trackAndTraceSearchForm {
    display: flex;
    align-items: center;
    width: 100%;
}
.trackAndTraceSearchInput {
    height: 53px !important;
}

.trackAndTraceSearchButton {
    background-color: var(--color-neutral-4);
    width: 125px;
    height: 53px;
    border-width: 0px;
}

.trackAndTraceSearchButtonMobile {
    background-color: var(--color-neutral-4);
    width: 48px;
    height: 48px;
    border-width: 0px;
}

.trackAndTraceNotes {
    display: block;
    font-size: var(--font-size-s);
}

/* TrackTraceSearchCardPrivateArea web block styles */

.TT-search-private-box {
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.12);
}


.trackAndTraceContainerPrivate {
    background-color: transparent;
}

.trackAndTraceHeaderPrivate {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.trackAndTraceHeaderTextPrivate {
    font-size: var(--font-size-h5);
}

.trackAndTraceHeaderIconPrivate {
    text-align: right;
    cursor: pointer;
}

.trackAndTraceSearchFormPrivate {
    display: flex;
    align-items: center;
}

.trackAndTraceSearchInputPrivate {
    height: 48px !important;
    font-size: 14px !important;
    color: var(--color-neutral-6) !important;
}

.trackAndTraceSearchInputPrivateWithContent {
    height: 48px !important;
    font-size: 14px !important;
    color: var(--color-secondary) !important;
}

.TTSearchButtonPrivate {
    background-color: var(--color-neutral-2);
    width: 89px;
    height: 48px;
    color:var(--color-neutral-5);
    border-width: 0px;
    cursor: pointer;
}

.TTSearchButtonPrivateWithVariable {
    background-color: var(--color-primary);
    width: 89px;
    height: 48px;
    color:var(--color-neutral-0);
    border-width: 0px;
    cursor: pointer;
}

.TTSearchButtonPrivate-mobile {
    background-color: var(--color-neutral-2);
    width: 48px;
    height: 48px;
    color:var(--color-neutral-5);
    border-width: 0px;
    cursor: pointer;
}

.TTSearchButtonPrivate-desktop {
    background-color: var(--color-neutral-2);
    width: 89px;
    height: 48px;
    color:var(--color-neutral-5);
    border-width: 0px;
    cursor: pointer;
}


.TTSearchButtonPrivateWithVariable-mobile {
    background-color: var(--color-primary);
    width: 48px;
    height: 48px;
    color:var(--color-neutral-0);
    border-width: 0px;
    cursor: pointer;
}

.TTSearchButtonPrivateWithVariable-desktop {
    background-color: var(--color-primary);
    width: 89px;
    height: 48px;
    color:var(--color-neutral-0);
    border-width: 0px;
    cursor: pointer;
}


.trackAndTraceNotesPrivate {
    display: block;
}

.trackAndTrace-white-background-imageAssociatedCards {
    background: url(../Bg-bottom-blue.svg?ObJ5F8w4tKvtNG0MFmJMDA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    border: 1px solid #E9ECEF;
    box-sizing: border-box;
    box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.04);
    padding: 16px 16px 12px 16px;
    box-sizing: border-box;
    min-height: 124px;
    height: 100%;
    height: 100%;
}


.trackAndTrace-white-background-imageAssociatedCards:hover {
    border: 1px solid var(--color-neutral-4);
    box-sizing: border-box;
}


.trackAndTrace-white-background-image {
    background: url(../Bg-bottom-blue.svg?ObJ5F8w4tKvtNG0MFmJMDA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    border: 1px solid #E9ECEF;
    box-sizing: border-box;
    box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.04);
    padding: 16px 16px 12px 16px;
}

.trackAndTrace-white-background-image-new {
    background: url(../Bg-bottom-blue.svg?ObJ5F8w4tKvtNG0MFmJMDA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    border: 2.5px solid #00B3B4;
    box-sizing: border-box;
}

.trackAndTrace-white-background-image-new:before {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Novo';
    height: 24px;
    width: 47px;
    background: var(--color-quaternary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.trackAndTrace-white-background-image:hover {
    border: 1px solid var(--color-neutral-4);
    box-sizing: border-box;
}

.trackAndTrace-grey-background-image {
    background: url(../Bg-bottom-blue.svg?ObJ5F8w4tKvtNG0MFmJMDA) no-repeat right bottom;
    background-color: var(--color-neutral-1);
}

.trackAndTrace-white-background-image-mobileAssociated {
    background: url(../Rectangle_Detail_Mobile.svg?COPByvX1Jy5BUy4OFBabeA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    border: 1px solid #E9ECEF; 
    box-sizing: border-box;
    box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.04);
    padding: 16px 16px 12px 16px;
}

.trackAndTrace-white-background-image-mobileAssociated:hover {
    border: 1px solid var(--color-neutral-4);
    box-sizing: border-box;
}

.trackAndTrace-white-background-image-mobile {
    background: url(../Rectangle_Detail_Mobile.svg?COPByvX1Jy5BUy4OFBabeA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    border: 1px solid #E9ECEF; 
    box-sizing: border-box;
}

.trackAndTrace-white-background-image-mobile-new {
    background: url(../Rectangle_Detail_Mobile.svg?COPByvX1Jy5BUy4OFBabeA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-quaternary);
    padding: var(--space-m);
    margin-top: 10px;
}

.trackAndTrace-white-background-image-mobile-new:before {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
    content: 'Novo';
    height: 24px;
    width: 47px;
    background: var(--color-quaternary);
    color: var(--color-neutral-0);
    top: -27px;
    line-height: 18px;
    font-family: 'book';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
}

.trackAndTrace-grey-background-image-mobile {
    background: url(../Rectangle_Detail_Mobile.svg?COPByvX1Jy5BUy4OFBabeA) no-repeat right bottom;
    background-color: var(--color-neutral-1);
}

.trackAndTrace-historic-background-image {
    background: url(../Bg-bottom-grey.svg?3StkVWrKfc7leJXMUzsymA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    padding: 14px 14px 16px 14px;
    border: 1px solid #E9ECEF;
    box-sizing: border-box;
    min-height: 108px;
    height: 100%;
}

.trackAndTrace-historic-background-image:hover {
    border: 1px solid var(--color-neutral-4);
    box-sizing: border-box;
    min-height: 108px;
}

.trash-icon {
    display: none;
}

.trackAndTrace-historic-background-image:hover .trash-icon {
    display: block;
    height: 16px !important;
} 
    
.trackAndTrace-historic-background-image-new {
    background: url(../Bg-bottom-grey.svg?3StkVWrKfc7leJXMUzsymA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    padding: 16px 16px 18px 16px;
    border-style: solid;
    border-width: 2.5px;
    border-color: var(--color-quaternary);
    min-height: 108px;
    height: 100%;
}

.trackAndTrace-historic-background-image-new:hover .trash-icon {
    display: block;
    height: 16px !important;
}

.trackAndTrace-historic-background-image-mobile {
    background: url(../Background_Grey_History.svg?BriGjOgspP_HZhUlweytEw) no-repeat right bottom;
    background-color: #ffffff;
    height: 126px;
}

.trackAndTrace-white-background-image-mobile-public {
    background: url(../Rectangle_Detail_Mobile.svg?COPByvX1Jy5BUy4OFBabeA) no-repeat right bottom;
    background-color: var(--color-neutral-0);
    border: 1px solid #E9ECEF; 
    box-sizing: border-box;
    height: 100%;
}

.ac-publicMobile-cards-border {
    height: 100%;
}

.ac-publicMobile-cards-border:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
    padding-right: 14px !important;
    padding-left: 14px !important;
    padding-bottom: 14px !important;
    padding-top: 11.5px !important;
}

/* Horizontal Origin-Destination */

.horizontal-origin-dest-line {
  border:none;
  border-top:2px dashed #DF0024;
  height:2px;
  min-width: 40px;
  width: fit-content;
}

.horizontal-origin-destination-icon-left {
    vertical-align: middle;
    width: 14px;
}

.horizontal-origin-destination-icon-left-wrapper {
    margin-left: auto;
}

.horizontal-origin-destination-icon-right {
    vertical-align: middle;
    width: 14px;
    margin-left: -2px;
}

/* Input Popup */

.width-298 {
    width: 298px;
}

/* Buttons */

.btn-primary {
    background-color: var(--color-secondary);
    color: var(--color-neutral-0);
    box-sizing: border-box;
    border-radius: 0px;
    border: none;
}

.btn-disabled-payments {
    background-color: #F1F3F5;
    color: var(--color-neutral-5);
    box-sizing: border-box;
    border: none;
    font-weight: var(--font-regular);
    border-radius: 0px;
}

.btn-primary-disabled {
    background-color: #D8D4D4;
    color: var(--color-neutral-0);
    box-sizing: border-box;
    border: none;
    font-weight: var(--font-regular);
    border-radius: 0px;
}



.btn-secondary {
    background-color: var(--color-neutral-0);
    border: var(--border-size-s) solid var(--color-secondary);
    color: var(--color-secondary);
    box-sizing: border-box;
    border: 1px;
    border-radius: 0px;
}

.btn-results {
    background-color: var(--color-primary);
    color: var(--color-neutral-0);
    box-sizing: border-box;
    border-radius: 0px;
    border: none;
    height: 32px;
    padding-left: 15px;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.btn[disabled] {
    border: none;
}

.btn-red {
    background-color: var(--color-primary);
    color: var(--color-neutral-0);
    box-sizing: border-box;
    border-radius: 0px;
    border: none; 
 }

.btn-secondary-red {
    background-color: transparent;
    color: var(--color-primary);
    box-sizing: border-box;
    border-radius: 0px;
    border: 2px solid var(--color-primary);
 }
 
/* Inputs */

.form-control[data-input] {
    border-radius: 0px;
    border: 1px solid var(--color-neutral-2);
    color: var(--color-secondary) !important;
}

.form-control[data-input][disabled] {
    border-radius: 0px;
    border: 1px solid var(--color-neutral-2);
    color: var(--color-neutral-6);
    background-color: var(--color-neutral-0);
}

.form-control[data-input]:focus,
.form-control[data-textarea]:focus {
    border-radius: 0px;
    border: 1px solid var(--color-neutral-7);
    color: var(--color-secondary);
}

.form-control[data-input]:hover,
.form-control[data-textarea]:hover {
    border-radius: 0px;
    border: 1px solid var(--color-neutral-7);
    color: var(--color-secondary);
}

.input-text{
    width: 100%;
}

[data-dropdown] > div.dropdown-display,
[data-dropdown] > select.dropdown-display {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: var(--color-neutral-0);
    border: 1px solid var(--color-neutral-2);
    border-radius: 0px;
    color: var(--color-secondary);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--font-size-s);
    height: 40px;
    padding: var(--space-none) var(--space-base);
    width: 100%;
}

[data-dropdown] > div.dropdown-display:focus,
[data-dropdown] > select.dropdown-display:focus {
    border-radius: 0px;
    border: 1px solid var(--color-neutral-7);
}

[data-dropdown] > div.dropdown-display.dropdown-disabled, 
[data-dropdown] > select.dropdown-display.dropdown-disabled, 
[data-dropdown] > select.dropdown-display[disabled] {
    background-color: var(--color-neutral-0);
    border: 1px solid var(--color-neutral-2);
    border-radius: 0px;
    color: var(--color-neutral-6);
}

/** ENVIOS **/


/* Onboarding Card Container*/

.shipment-onboarding-container{
    background-color: var(--color-neutral-0);
    padding-left: var(--space-l);
    padding-right: var(--space-l);
}

.bullet-expression{
 display:list-item;
 list-style-type: disc;
 list-style-position: inside;
}
    
.list-item {
    border-bottom: 0px;
    padding: var(--space-m);
    position: relative;
    overflow: hidden;
}

/*Button Footer*/

.shipment-onboarding-footer-button{
    background: #DF0024;
    width: 100%;
}

/* Shipment Sim */

.shipment-sim-main-container {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    background-color: var(--color-neutral-1);
    border-radius: 0px;
}

/* Shipment Timeline */

.shipment-sim-timeline-item {
    min-height: 48px;  
}

/* Characteristic Card Container*/

.characteristic-card-container-desktop {
    background-color: #FFFFFF;
    height: 76px;
    padding: 12px;
    width: 100%;
    border: 2px solid transparent;
    position: relative;
}

.characteristic-card-container-desktop:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.characteristic-card-container-desktop-disabled {
    background-color: #FFFFFF;
    height: 76px;
    padding: 12px;
    width: 100%;
    position: relative;
    border: 2px solid transparent;
    cursor: default;
}

.characteristic-card-container-desktop-disabled:hover {
    border: 2px solid transparent;
    cursor: default;
}

.characteristic-card-container-desktop-selected {
    background-color: #FFFFFF;
    height: 76px;
    padding: 12px;
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: #DF0024;
    position: relative;
}

.characteristic-card-container-mid {
    background-color: #FFFFFF;
    height: 96px;
    width: 100%;
    border: 2px solid transparent;
    position: relative;
}

.characteristic-card-container-mid:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.characteristic-card-container-top-bottom {
    background-color: #FFFFFF;
    height: 76px;
    width: 100%;
    border: 2px solid transparent;
    position: relative;
}

.characteristic-card-container-top-bottom:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.characteristic-insurance-card-container{
    background-color: #FFFFFF;
    padding: 14px;
    height: 116px;
    position: relative;
}

.characteristic-insurance-card-container-disabled{
    background-color: #FFFFFF;
    padding: 14px;
    height: 116px;
    position: relative;
    cursor: default;
}

.characteristic-card-container-mid-disabled {
    background-color: #FFFFFF;
    height: 96px;
    width: 100%;
    border: 2px solid transparent;
    position: relative;
    cursor: default;
}

.characteristic-card-container-top-bottom-disabled {
    background-color: #FFFFFF;
    height: 76px;
    width: 100%;
    border: 2px solid transparent;
    position: relative;
    cursor: default;
}

.characteristic-insurance-card-container-disabled:hover {
    border: 2px solid transparent;
    cursor: default;
}

.characteristic-card-container-mid-disabled:hover {
    border: 2px solid transparent;
    cursor: default;
}

.characteristic-card-container-top-bottom-disabled:hover {
    border: 2px solid transparent;
    cursor: default;
}

.characteristic-card-container-mid-selected {
    background-color: #FFFFFF;
    height: 96px;
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: #DF0024;
    position: relative;
}

.characteristic-card-container-top-bottom-selected {
    background-color: #FFFFFF;
    height: 76px;
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: #DF0024;
    position: relative;
}

.characteristic-card-icon{
    height: 25px;
    width: 25px;
    position: absolute;
    top: 12px;
    left: 12px;
}

.characteristic-card-text-container{
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.characteristic-card-text-container-large{
    height: 40px;
    width: 120px;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.characteristic-card-check-container {
    position: absolute;
    top: 8px;
    right: 8px;
}

.characteristic-insurance-card-text-container{
    height: 20px;
    width: 48px;
    left: 44px;
    top: 14px;
    position: absolute;
}

.tooltip-wrapper-large {
    border-radius: 0px;
    min-width: 181px;
    height: 52px;
    padding: 16px;
}

.tooltip-wrapper-medium {
    border-radius: 0px;
    min-width: 134px;
    height: 52px;
    padding: 16px;
}

.tooltip-wrapper-small {
    border-radius: 0px;
    min-width: 115px;
    height: 52px;
    padding: 16px;
}

.tooltip-wrapper {
    border-radius: 0px;
    padding: 0px;
}

.tooltipOtherConfig .tooltip-wrapper {
    text-align: left;
    padding: var(--space-s) var(--space-base);
    min-width: 250px;
}



.characteristic-insurance-tooltip-container {
    position: absolute;
    top: 18px;
    left: 102px;
}

.characteristic-insurance-scroll-container {
    position: absolute;
    bottom: 14px;
    left: 0px;
}

.accordion-scroll {
    overflow-x: auto;
    width: 100%;
    display: -webkit-box;
    margin-top: -50px;
}


/* Shipment Simulator Tooltip */

.shipment-simulator-tooltip {
    width: 328px;
    background: #3D4750;
    color: #FFFFFF;
    font-family: 'book';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: var(--space-m);
    position: relative
}

.shipment-simulator-tooltip-title {
    font-size: 16px;
    line-height: 20px;
}

.shipment-simulator-tooltip-down-arrow {
    background: #3D4750;
    width: 14.85px;
    height: 14.85px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -8px;
    left: 4px;
}

.shipment-sim-weight-tooltip-placeholder {
    position: relative;
    height: 0px;
    width: 100%;
    top: 8px;
    overflow: visible;
    z-index: 1;
}

.shipment-sim-weight-tooltip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.shipment-sim-characteristics-tooltip-placeholder {
    position: relative;
    height: 0px;
    width: 100%;
    top: 6px;
    overflow: visible;
    z-index: 1;
}

.shipment-sim-characteristics-tooltip {
    position: absolute;
    bottom: 0;
    left: -16px;
    width: calc(100% + 32px);
}

/*Grid*/

.characteristic-sim-grid-container{
    width: 100%;
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: auto; 
    gap: 0px 0px; 
    grid-template-areas: 
        "first second"
        "third fourth"
        "fifth sixth"
        "seventh eighth"
        "ninth ninth"; 
}

.characteristic-sim-grid-container-desktop{
    width: 100%;
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: auto; 
    gap: 0px 0px; 
    grid-template-areas: 
        "first second third fourth"
        "fifth sixth seventh eighth"
        "ninth ninth ninth ninth"; 
}

.characteristic-sim-grid-element-left{
    margin-top: 10px;
    margin-right: 10px;
}

.characteristic-sim-grid-element-right{
    margin-top: 10px;
}

.characteristic-sim-insurance-element{
    margin-top: 10px;
    grid-area: ninth;
}

.characteristic-sim-insurance-value{
    margin-left: var(--space-m);
}

.superfirst { grid-area: first; }
.supersecond { grid-area: second;}
.superthird { grid-area: third;}
.superfourth { grid-area: fourth;}
.superfifth { grid-area: fifth;}
.supersixth { grid-area: sixth;}
.superseventh { grid-area: seventh;}
.supereighth { grid-area: eighth;}
.superninth { grid-area: ninth;}


/* Product Card Container*/

.Product-card-container-deactivated{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    padding: 10px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.Product-card-container{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    padding: 10px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.Product-card-container:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.Product-card-container-desktop-deactivated{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 10px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.Product-card-container-desktop{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 10px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.Product-card-container-desktop-notclickable{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 10px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.Product-card-container-desktop-notclickable:hover{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 10px;
    margin-bottom: 8px;
    border: 2px solid #DEE2E6;
}

.Product-card-container-tablet-deactivated {
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.Product-card-container-tablet{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.Product-card-container-desktop:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.Product-card-container-tablet:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.Product-card-icon{
    text-align: center;
    width: 20%;
}

.Product-card-text-container{
    width: 80%;
}

.Product-card-title{
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 8px;
}

.Product-card-description{
    color: var(--color-neutral-7);
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
}

.Product-card-weight{
    color: #404040;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 3px;
}

/* Product Card Container*/

.Product-card-container-selected{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    border: 2px solid var(--color-primary);
    padding: 10px;
    margin-bottom: 8px;
}

.Product-card-container-selected-desktop{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 10px;
    margin-bottom: 8px;
    border: 2px solid var(--color-primary);
}

.Product-card-container-selected-tablet{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid var(--color-primary);
}

.Product-card-container-selected-disabled{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    border: 2px solid #929DA8;
    padding: 16px;
    margin-bottom: 8px;
}

.Product-card-container-selected-desktop-disabled{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    border: 2px solid #929DA8;
    padding: 16px;
    margin-bottom: 8px;
}

.Product-card-container-selected-tablet-disabled{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 107px;
    border: 2px solid #929DA8;
    padding: 16px;
    margin-bottom: 8px;
}

.Product-card-title-selected{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

.Product-card-description-selected{
    color: var(--color-neutral-7);
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
}




/* Weight Card Container*/

.weight-card-container-deactivated{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.weight-card-container{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.weight-card-container:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.weight-card-container-desktop-deactivated{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 196px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.weight-card-container-desktop{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 196px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.weight-card-container-tablet-deactivated {
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 218px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.weight-card-container-tablet{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 218px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid transparent;
}

.weight-card-container-desktop:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.weight-card-container-tablet:hover {
    border: 2px solid #DEE2E6; 
    box-sizing: border-box;
}

.weight-card-icon{
    text-align: center;
    width: 20%;
}

.weight-card-text-container{
    width: 80%;
}

.weight-card-title{
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 8px;
}

.weight-card-description{
    color: var(--color-neutral-7);
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
}

.weight-card-weight{
    color: #404040;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 3px;
}

/* Weight Card Container*/

.weight-card-container-selected{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    border: 2px solid var(--color-primary);
    padding: 16px;
    margin-bottom: 8px;
}

.weight-card-container-selected-desktop{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 196px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid var(--color-primary);
}

.weight-card-container-selected-tablet{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 218px;
    padding: 16px;
    margin-bottom: 8px;
    border: 2px solid var(--color-primary);
}

.weight-card-container-selected-disabled{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    border: 2px solid #929DA8;
    padding: 16px;
    margin-bottom: 8px;
}

.weight-card-container-selected-desktop-disabled{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 196px;
    border: 2px solid #929DA8;
    padding: 16px;
    margin-bottom: 8px;
}

.weight-card-container-selected-tablet-disabled{
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    height: 218px;
    border: 2px solid #929DA8;
    padding: 16px;
    margin-bottom: 8px;
}

.weight-card-title-selected{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

.weight-card-description-selected{
    color: var(--color-neutral-7);
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
}

/*Weight Detail Card*/

.weight-detail-title {
    background-color: var(--color-neutral-3);
    border-radius: 0px;
    padding: var(--space-m);
    width: 100%;
}

.weight-detail-title-text {
    color: var(--color-neutral-0);
    width: 80%;
}

.weight-detail-title-link {
    color: var(--color-neutral-0);
    text-align: right;
    width: 20%;
}

.weight-detail-body{
    background-color: var(--color-neutral-3);
    border-radius: 0px;
    padding: var(--space-s);
    padding-top: 0px;
    width: 100%;
}

.slider-container {
    background-color: var(--color-neutral-0);
    border-radius: 0px;
    border: none;
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
    padding-left: var(--space-xxm-plus);
    padding-right: var(--space-xxm-plus);
}

/*ShortCut Mobile - Container  */

.shortcutMobile-header-container {
    display: flex;
    justify-content: space-between;
}

.shortcutMobile-header-color {
    color: var(--color-neutral-12);
}

.shortcutMobile-header-closeButton {
    display: flex;
    align-items: center;
}

.shortcutMobile-Container {
    position: absolute;
    width: 360px;
    height: 333px;
    left: 0px;
    top: 307px;
    background: #FFFFFF;
    /* Shadow / S */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.shortcutMobile-main-container {
    width: 100%;
    background-color: var(--color-neutral-0);
    position: fixed;
    bottom: 0px;
    z-index: 102;
}

.shortcutMobile-grey-container {
    width: 100%;
    height: 100%;
    background-color: var(--color-secondary);
    opacity: 0.4;
    position: fixed;
    top: 0px;
    z-index: 101;
}

.shortcutDesktop-top-smalltext {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-style: normal;
    font-size:  var(--font-size-xxs1);
    text-transform: uppercase;
    color: #929DA8;
}

.shortcutDesktop-button-lettering {
    border: 2px solid #DF0024;
    box-sizing: border-box;
}

.btn-login-register-white-border {
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}

.br-4 {
    border-radius: 4px;
}

/*Shipment Results Summary Card*/
.simulator-result-summary-card-characteristics-list-container {
    width: calc(100% - 50px);
}

.simulator-result-summary-card-change-link-container {
    width: 50px;
    text-align: right;
    margin-top: var(--space-s);
}

.simulator-result-summary-card-characteristics {
    width: fit-content;
    margin-right: var(--space-m);
    margin-top: var(--space-s);
    height: 24px;
}

.simulator-result-summary-card-close-characteristics {
    width: fit-content;
    position: absolute;
    bottom: 0;
    right: 0;
}

.summary-card-counter-extra-characteristics {
    height: 24px;
    width: 24px;
    background: #CED4DA;
    border-radius: 12px;
    text-align: center;
    font-family: 'book';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    color: #6A7178;
}

.screen-result-container {
    height: 100%;
    background: var(--color-background);
}

.sim-result-card {
    background-color: #F1F3F5;
    border-radius: 8px;
}

.result-card-summary {
    border-radius: 0px;
    padding: var(--space-base);
}

.result-card {
    background-image: url(../BG_grey_square.svg?JyFjXkmopbAXG19YdB_dKQ);
    background-repeat: no-repeat;
    margin-top: var(--space-l);
    position: relative;
    padding-top: var(--space-l);
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    padding-bottom: var(--space-base-plus);
    z-index: 30;
    min-height: 214px;
}

.result-card-first {
    background-image: url(../BG_blue_square.svg?sHfVZ8gcBeKCcKVtUnSDQA);
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-top: var(--space-l);
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    padding-bottom: var(--space-none);
    position: relative;
    z-index: 30;
    min-height: 214px;
}

.result-card-closed {
    background-image: url(../BG_grey_square.svg?JyFjXkmopbAXG19YdB_dKQ);
    background-repeat: no-repeat;
    margin-top: var(--space-l);
    padding-top: var(--space-l);
    padding-left: var(--space-l);
    position: relative;
    z-index: 30;
    padding-right: var(--space-l);
    padding-bottom: var(--space-m);
    min-height: 214px;
}

.result-card-first-closed {
    background-image: url(../BG_blue_square.svg?sHfVZ8gcBeKCcKVtUnSDQA);
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-top: var(--space-l);
    padding-left: var(--space-l);
    position: relative;
    z-index: 30;
    padding-right: var(--space-l);
    padding-bottom: var(--space-m);
    min-height: 214px;
}

.result-card-first-closed-desktop {
    background-image: url(../BG_blue_square_desktop.svg?PmZHHE3WIQf3Fmu8ekG0UQ);
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-top: var(--space-l);
    padding-left: var(--space-xxxxm-plus);
    position: relative;
    z-index: 30;
    padding-right: var(--space-l);
    padding-bottom: var(--space-m);
    height: 132px;
}

.result-card-first-desktop {
    background-image: url(../BG_blue_square_desktop.svg?PmZHHE3WIQf3Fmu8ekG0UQ);
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-top: var(--space-l);
    padding-left: var(--space-xxxxm-plus);
    padding-right: var(--space-l);
    padding-bottom: var(--space-none);
    position: relative;
    z-index: 30;
    min-height: 190px;
}

.result-card-closed-desktop {
    background-image: url(../BG_grey_square_desktop.svg?WE4yz8+7Da21FD3caO0S2A);
    background-repeat: no-repeat;
    margin-top: var(--space-l);
    padding-top: var(--space-l);
    padding-left: var(--space-xxxxm-plus);
    position: relative;
    z-index: 30;
    padding-right: var(--space-l);
    padding-bottom: var(--space-m);
    height: 132px;
}

.result-card-desktop {
    background-image: url(../BG_grey_square_desktop.svg?WE4yz8+7Da21FD3caO0S2A);
    background-repeat: no-repeat;
    margin-top: var(--space-l);
    position: relative;
    padding-top: var(--space-l);
    padding-left: var(--space-xxxxm-plus);
    padding-right: var(--space-l);
    padding-bottom: var(--space-base-plus);
    z-index: 30;
    min-height: 190px;
}

.result-card-first-closed-tablet {
    background-image: url(../BgBlueTablet.svg?VtRT82TBIGlMhD3EBaqYlw);
    background-repeat: no-repeat;
    margin-top: 15px;
    position: relative;
    z-index: 30;
    padding-top: var(--space-m);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-bottom: var(--space-m);
    height: 200px;
}

.result-card-first-tablet {
    background-image: url(../BgBlueTablet.svg?VtRT82TBIGlMhD3EBaqYlw);
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-top: var(--space-m);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-bottom: var(--space-m);
    position: relative;
    z-index: 30;
    min-height: 190px;
}

.result-card-closed-tablet {
    background-image: url(../BgGreyTablet.svg?ASKCEXAL1IATilzpqa6Y4w);
    background-repeat: no-repeat;
    margin-top: var(--space-l);
    position: relative;
    z-index: 30;
    padding-top: var(--space-m);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-bottom: var(--space-m);
    height: 200px;
}

.result-card-tablet {
    background-image: url(../BgGreyTablet.svg?ASKCEXAL1IATilzpqa6Y4w);
    background-repeat: no-repeat;
    margin-top: var(--space-l);
    position: relative;
    padding-top: var(--space-m);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-bottom: var(--space-m);
    z-index: 30;
    min-height: 190px;
}

.result-card-column-68half-tablet {
    width: 34%;
}

.result-card-column-64half-tablet {
    width: 32%;
}

.result-card-column-55half-dektop {
    width: 25.5%;
}

.result-card-column-35half-desktop {
    width: 22.5%;
}

.result-card-column-10-desktop {
    width: 10%;
}

.result-card-detail-dropdown-desktop {
    top: 80px;
    position: absolute;     
}

.result-card-detail-dropdown-tablet {
    bottom: 20px;
    position: absolute;
}

.result-card-button-desktop {
    top: 70px;
    position: absolute;
}

.result-card-button-tablet {
    bottom: 16px;
    position: absolute;
}

.result-card-grey-right-square-bg {
    background: url(../BG_grey_right_square.svg?k4VXee8PuZGzqOvXk7+8wQ) no-repeat right bottom;
    height: 128px;
    position: relative;
    right: -24px;
}

.result-card-button-text-anchor-desktop {
    position: absolute;
    top: 36px;
    width: 114px;
    right: 15px;
}

.result-card-button-text-anchor-tablet {
    position: absolute;
    bottom: 8px;
    right: 16px;
    width: 28%;
}

.result-card-paddingLeft-tablet{
    padding-left: 4.5%;
}

/* shipment simulator payment methods */

.MbRef-Payshop-containers {
    background: var(--color-neutral-1);
    padding-left: var(--space-base);
    padding-top: var(--space-base);
    padding-bottom: var(--space-base);
    width: 100%;
}

.ac-book-label-s-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-book-label-s-neutral-6 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-neutral-6);
}

.ac-book-label-h1-bold {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: 40px;
    font-style: normal;
}

.ac-book-label-h1-bold-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-bold);
    font-size: 40px;
    font-style: normal;
    color: var(--color-neutral-0);
}

.ac-book-label-cttnow-bold {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: 22px;
    line-height: 26px;
    font-style: normal;
    padding-top: 20px;
}

.ac-book-label-cttnow-bold-neutral-0 {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: 22px;
    line-height: 26px;
    font-style: normal;
    color: var(--color-neutral-0);
    padding-top: 20px;
}

.ac-label-base-neutral-8-desktop {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-h6);
    font-style: normal;
    color: var(--color-neutral-8);
}

.result-card-first:before, .result-card-first-closed:before, .result-card-first-desktop:before, .result-card-first-closed-desktop:before {
    position: relative;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 8px;
    content: 'Recomendado';
    background: #D3F1F0;
    color: #00B3B4;
    top: -37px;
    left: -1%;
    font-family: 'book';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

.result-card-detail-dropdown {
    bottom: 22px;
    position: absolute;     
}

.result-card-close-dropdown {
    position: absolute;
    bottom: 3px;
}

.result-card-columns {
    display: flex;
}

.result-card-column-desktop {
    width: 25%;
}


.result-card-column-right {
    width: 55%;
}

.result-card-column-left {
    width: 45%;
}

.result-card-bottom {
    background-color: #4F575E;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 46px;
    margin-top: -6px;
}

.result-card-detail-column {
    width: 33%;
    margin-left: var(--space-xs-plus);
    margin-right: var(--space-xs-plus);
}

.result-card-bottom-light {
    background-color: #DEE2E6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 46px;
    margin-top: -6px;
}

.result-characteristic-container {
    overflow: visible !important;
    display: flex;
    flex-wrap: wrap;
}

.result-card-detail-bottom-right {
    width: 50%;   
}

.result-card-detail-expanded-characteristics {
    width: 80%;
    margin-left: 10px;
}

.inner-result-card {
    width: 100px;
    border-radius: 8px;
    background-color: #DEE2E6;
}

.aditional-class-fr {
    padding-top: 10px;
    margin-right: -10px;
}

.inner-result-card-text{ 
    margin-right: 10px;   
}

.result-detail-card-top{
    background-color: var(--color-neutral-1);
    padding: 16px;
}

.result-detail-card-bottom{
    background-color: var(--color-neutral-0);
    padding: 16px;
    border: 2px dashed #DEE2E6;
    box-sizing: border-box;
}

.result-detail-card-additionalinfo{
    background-color: var(--color-neutral-0);
    padding: 16px;
    border: 2px solid #DEE2E6;
    box-sizing: border-box;
}

.result-card-expanded-container{
    background-color: var(--color-neutral-0);
    padding-top: var(--space-none);
    padding-bottom: var(--space-m);
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    z-index: 30;
    position: relative;
}

.display-table-cell {
    display: table-cell;
}

.result-card-icon-arrow{
    transform: rotate(180deg);  
}

.result-card-icon-mail{
       
}

.result-overlay-main-container {
    width: 100%;
    background-color: var(--color-neutral-0);
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 102;
}

.result-overlay-main-container-desktop {
    padding:  19px 16px 40px 16px;
}

.result-overlay-grey-container {
    width: 100%;
    height: 100%;
    background-color: var(--color-secondary);
    opacity: 0.4;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
}

.result-overlay-text-container-top {
    width: 216px;   
}

.result-overlay-text-container-mid {
    width: 196px;   
}

.result-overlay-text-container-bottom {
    width: 296px;   
}

.result-overlay-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-neutral-0);
    position: relative;
}

.result-overlay-circle-icon {
    position: absolute;
    top: 8px;
    left: 8px;
}

.result-overlay-close-icon {
    position: absolute;
    top: 21px;
    right: 21px;
}

.result-overlay-text {
    width: 88%;
}

.email-overlay-button-desktop {
    position: absolute;
    bottom: 40px;
    right: 32px;
    width: 160px;
    height: 48px;
    background-color: var(--color-primary);
    padding: 12px 16px 12px 16px;
}

.email-overlay-button-disabled-desktop {
    width: 160px;
    height: 48px;
    background-color: #D8D4D4;
    padding: 12px 16px 12px 16px;
}

.email-overlay-button {
    width: 100%;
    height: 48px;
    background-color: var(--color-primary);
    padding: 12px 16px 12px 16px;
}

.email-overlay-button-disabled {
    width: 100%;
    height: 48px;
    background-color: #D8D4D4;
    padding: 12px 16px 12px 16px;
}

.email-overlay-main-container-desktop {
    padding:  32px 32px 40px 32px;
    width: 392px;
    height: 357px;
}

.email-overlay-main-container {
    width: 100%;
    background-color: var(--color-neutral-0);
    padding-left: 5%;
    padding-right: 5%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 102;
}

.aditionalservice-overlay-main-container-large {
    width: 100%;
    background-color: var(--color-neutral-0);
    padding-left: 5%;
    padding-right: 5%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 102;
    overflow: auto;
    height: -webkit-fill-available;
}

.aditionalservice-overlay-main-container {
    width: 100%;
    background-color: var(--color-neutral-0);
    padding-left: 5%;
    padding-right: 5%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 102;
}

.email-line {
 height: 1px;
 background-color: var(--color-primary);
}

.result-priceVariance-main-container {
 position: relative;   
}

.price-box {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #DEE2E6;
    color: var(--color-secondary);
    margin-left: var(--space-xs);
    padding: var(--space-base);
    width: max-content;
}

.price-box:hover {
    border: 2px solid #000000; 
    box-sizing: border-box;
}

/* OnlineShipmetn International Overlays */

.background-International-overlay-desktop {
    z-index: 1350;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
}

.International-overlay-main-container-desktop {
    width: 752px;
    margin-left: calc((100vw - 752px) / 2);
    padding: 32px 32px 40px 32px;
    overflow-y: auto;
    height: 95%;
    margin-top: 2.5%;
}

.DocsGoods-overlay-main-container-desktop {
    width: 752px;
    margin-left: calc((100vw - 752px) / 2);
    padding: 32px 32px 40px 32px;
    overflow-y: auto;
    height: 95%;
    max-height: 1107px;
    margin-top: 2.5%;
    }

.international-overlay-position {
    position: fixed;
    top: 0px;
    overflow-y: auto;
    height: 100%;
    z-index: 101;
}

/* -----------------------"------------------------------*/

.carousel-card-box {
    background-color: #FFFFFF;
    margin-left: var(--space-s);
    height: 80px;
    padding: 12px 16px 12px 16px; 
    min-width: 101px;
    width: max-content;
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #6A7178;
}

.carousel-card-box:hover {
    background-color: #C70020; 
    box-sizing: border-box;
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #FFFFFF;
}

.carousel-card-box-small {
    background-color: #FFFFFF;
    margin-left: var(--space-s);
    height: 48px;
    margin-bottom: 16px;
    padding: 12px 16px 12px 16px; 
    min-width: 101px;
    width: max-content;
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #6A7178;
}

.carousel-card-box-small:hover {
    background-color: #C70020; 
    box-sizing: border-box;
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #FFFFFF;
}

.label-tolls-black {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #6A7178;
 }
 
.price-box-disabled {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: var(--color-neutral-5);
    color: var(--color-neutral-5);
    margin-left: var(--space-xs);
    padding: var(--space-base);
    width: max-content;
}

.price-box-selected {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #DF0024;
    color: var(--color-secondary);
    margin-left: var(--space-xs);
    padding: var(--space-base);
    width: max-content;
}

.carousel-box-selected {
    background-color: #C70020;
    margin-left: var(--space-s);
    height: 80px;
    padding: 12px 16px 12px 16px; 
    min-width: 101px;
    width: max-content;
}

.carousel-box-selected-small {
    margin-left: var(--space-s);
    background-color: #C70020;
    height: 48px;
    margin-bottom: 16px;
    padding: 12px 16px 12px 16px; 
    min-width: 101px;
    width: max-content;
}

.label-tolls-white {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #FFFFFF;
 }

.insurance-list{
    display: flex;
    overflow-x: auto !important;
}




/*Error Message*/

.ErrorMessage-container {
    width: 960px;
    height: 68px;
    padding: 26px 27px 26px 14px;
    position: absolute;
    margin-left: calc((((100vw - 1250px)/2) + 32px));
    top: 90px;
    z-index: 900;
}

.ErrorMessage-container-desktop-medium {
    width: 960px;
    height: 68px;
    padding: 26px 27px 26px 14px;
    position: absolute;
    margin-left: calc((((100vw - 960px)/2)));
    top: 90px;
    z-index: 900;
}

.ErrorMessage-warning-icon {
    position: absolute;
    left: 14px;
    bottom: 25px;
}

.ErrorMessage-close-icon {
    position: absolute;
    right: 27px;
    bottom: 25px;
}

.ErrorMessage-text1 {
    position: absolute;
    left: 48px;
    bottom: 26px;
}

.ErrorMessage-text2 {
    position: absolute;
    right: 70px;
    bottom: 26px;
}

.ErrorMessage-container-mobile {
    width: 90%;
    height: 116px;
    position: absolute;
    margin-left: calc((100vw - 90vw)/2 - 8px);
    top: 90px;
    z-index: 900;
}

.ErrorMessage-warning-icon-mobile {
    position: absolute;
    left: 6%;
    bottom: 70px;
}

.ErrorMessage-close-icon-mobile {
    position: absolute;
    right: 6%;
    bottom: 70px;
}

.ErrorMessage-text1-mobile {
    position: absolute;
    left: 17%;
    bottom: 50px;
    width: 70%;
    line-height: 16px;;
}

.ErrorMessage-text2-mobile {
    position: absolute;
    left: 17%;
    bottom: 24px;
    line-height: 16px;
}

.Successful-container {
    width: 960px;
    height: 68px;
    padding: 26px 27px 26px 14px;
    position: absolute;
    margin-left: calc((((100vw - 1250px)/2) + 32px));
    bottom: 20px;
    z-index: 900;
}

.Successful-container-desktop-medium {
    width: 960px;
    height: 68px;
    padding: 26px 27px 26px 14px;
    position: absolute;
    margin-left: calc((((100vw - 960px)/2)));
    bottom: 20px;
    z-index: 900;
}
.Successful-container-tablet {
    width: 90%;
    height: 68px;
    padding: 26px 27px 26px 14px;
    position: absolute;
    margin-left: calc((((100vw - 960px)/2)));
    bottom: 20px;
    z-index: 900;
}

.Successful-container-mobile {
    width: 90%;
    height: 116px;
    position: absolute;
    margin-left: calc((100vw - 90vw)/2 - 8px);
    bottom: 20px;
    z-index: 900;
}


/*Breadcrumbs*/ 

.breadcrumb-ac-grey-opacity {
    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 0px 8px;
}

/* Custom Pagination Styles */

.custom-pagination-button {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    color: var(--color-secondary);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 32px;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    margin-left: var(--space-s);
    padding: 0;
    width: 32px;
}

.is-rtl .custom-pagination-button {
    margin-right: var(--space-s);
    margin-left: 0;
}

.desktop .custom-pagination-button:not(.is--ellipsis):hover {
    background-color: transparent;
    border: 0px;
}

.custom-pagination-button[disabled] {
    opacity: .5;
    pointer-events: none;
}

.custom-pagination-button.is--active {
    border: 0px;
    background-color: #00B3B4;
    color: var(--color-neutral-0);
    cursor: auto;
    pointer-events: none;
    height: 32px;
    width: 32px;
}

.custom-pagination-button.is--ellipsis {
    background-color: transparent;
    border: 0;
    cursor: auto;
    width: 16px;
}

.profile-manager-card {
    background: #FFFFFF;
    padding: 16px;
}


.profile-manager-card-title {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: #000000;
}

.profile-manager-card-label {
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: #737373;
}


/* ================================================================ */
/*  - Gerir e facilitar entregas                                    */
/* ================================================================ */

/* Address cards */

.dotted-grey-card {
    margin-left: var(--space-m);
    margin-right: var(--space-m);
    margin-top: var(--space-xxm-plus);
    padding: var(--space-m) var(--space-xxxl-plus) var(--space-m) var(--space-xxxl-plus);
    background-color: var(--color-neutral-0);
}

.CardSelectAddress {
    background: var(--color-neutral-3);
    border-radius: 4px;
}

.CardChargeCredits {
    border-radius: var(--space-s);
    background: var(--color-neutral-2);
    padding: var(--space-base) var(--space-xs) var(--space-s) var(--space-xs);
    white-space: nowrap;
    height: max-content;
    width: min-content;
}

.CardInformationAddress {
    background-color: var(--color-neutral-0);
    margin-left: var(--space-m);
    margin-right: var(--space-m);
    padding-left: var(--space-l);
    padding-right: var(--space-m);
    padding-top: var(--space-xm);
    padding-bottom: var(--space-m);

}
.range-slider .noUi-horizontal .noUi-handle {
    margin-top: -3px;
}

.noUi-target {
    border-top: dotted 2px #929DA8;
}
/* Border's */

.border-red {
    border: 2px solid var(--color-primary);
}

.top-border-grey-line {
    border-top: 1px solid var(--color-neutral-19);
}

.bottom-border-grey-line {
    border-bottom: 1px solid var(--color-neutral-19);
}

.border-bottom-neutral-4{
    border-bottom: 1px solid #DEE2E6;
}

.border-neutral-4{
    border-bottom: 1px solid #DEE2E6;
}

.left-border-grey-line {
    border-left: 1px solid var(--color-neutral-19);
}

.right-border-grey-line {
    border-right: 1px solid var(--color-neutral-19);
}
.charge-credits-number-border {
    border-bottom: 1px solid var(--color-secondary);
}

/* ================================================================ */
/*  - Locker search map                                             */
/* ================================================================ */

/* General size configurations */

.full-size { height: 100%; width: 100% }

.full-screen { height: 100vh; width: 100vw; }

.full-height { height: 100%; }

.full-width { width: 100%; }

.full-content-width { width: max-content; }

/* Locker Details Card */

.font-locker-name {
    font-size: 18px;
    font-weight: bold;
    color: black;
}

.font-locker-address {
    font-size: 14px;
    font-weight: normal;
    color: grey;
}

.font-locker-schedule {
    font-size: 14px;
    font-weight: 500;
    color: black;
}

.locker-details-card-info {
    background: #f1f3f5;
    border-radius: 8px;
    z-index: 30;
}

.locker-details-card-add {
    background: #ced4da;
    border-radius: 8px;
    z-index: 1;
}

/* Buttons */

.btn-disabled {
    pointer-events: none;
    events: none;
    background: #cfcfcf;
    color: white;
    height: 50px;
    border-radius: none;
}

.btn-text-white {
    font-weight: normal;
    color: white;
}

/* Search bar */

.search-bar-grey {
    background: #f8f9fa;
    border: none;
    border-radius: none;
    height: 55px;
}

.search-bar-shadow {
    box-shadow: 0px 10px 14px -5px rgba(0,0,0,0.1);
}

.search-bar-font {
    font-size: 17px;
}

/* circular weight input */

.input-circle {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    border: 2px solid #DEE2E6;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.12);
    text-align: center;
}

.weight-input {
    width: 46px;
    height: 40px;
    outline: 0;
    border-width: 0 0 2px;
    border-color: #DEE2E6;
    font-family: book;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    background-color: var(--color-neutral-0);
}

.weight-input:focus {
    border-color: var(--color-primary);
}

/* locker tooltip */

.locker-dimensions-tooltip {
    position: absolute;
    right: 385px;
    width: 100%;
}

.locker-price-tooltip-placeholder {
    position: relative;
    height: 0px;
    width: 100%;
    overflow: visible;
    z-index: 1;
}

.locker-price-tooltip {
    position: absolute;
    right: 305px;
    width: 100%;
}

.locker-price-tooltip-placeholder {
    position: relative;
    height: 0px;
    width: 100%;
    overflow: visible;
    z-index: 1;
}

.locker-price-tooltip-mobile {
    position: absolute;
    right: 125px;
    width: 100%;
}

.locker-dimensions-tooltip-mobile {
    position: absolute;
    right: 295px;
    width: 100%;
}

.locker-tooltip-up-arrow {
    background: #3D4750;
    width: 14.85px;
    height: 14.85px;
    transform: rotate(45deg);
    position: absolute;
    top: -8px;
    left: 4px;
}

.locker-tooltip-price {
    top: 14.85px;
    width: 527px;
    background: #3D4750;
    color: #FFFFFF;
    font-family: 'book';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: var(--space-m);
    position: relative
}

.locker-tooltip-mobile {
    top: 14.85px;
    width: 328px;
    background: #3D4750;
    color: #FFFFFF;
    font-family: 'book';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: var(--space-m);
    position: relative
}

.locker-tooltip {
    top: 14.85px;
    width: 417px;
    background: #3D4750;
    color: #FFFFFF;
    font-family: 'book';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: var(--space-m);
    position: relative
}

.locker-dimensions-tooltip-placeholder {
    position: relative;
    height: 0px;
    width: 100%;
    overflow: visible;
    z-index: 1;
}

.locker-tooltip-close-position {
    position: absolute;
    top: 18px;
    right: 18px;
}

/* ================================================================ */
/*  - Lockers Details                                               */
/* ================================================================ */

.locker-type-tag-public{
    background: var(--color-sextary);
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.locker-type-tag-private{
    background: #E7D9EB;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.locker-card-width-mobile {
    width: 330px;
}

.locker-card-width-desktop {
    width: 352px;
}

.locker-card-public {
    background: url(../Bg_bottom_red.svg?G_iNxKyTqCPmkfsutP4kqA) no-repeat right bottom;
    position: relative;
    min-height: 165px;
}

.locker-card-private {
    background: url(../Bg_bottom_purple.svg?fVkcwUhHyzzwZJx_GtFZxA) no-repeat right bottom;
    position: relative;
    min-height: 165px;
}

.locker-card-time-variable {
    background: url(../Rectangle_time.svg?+UlPvlSu4TmpM8wOdm6e6A) no-repeat right top;
    margin-top: 15px;
    position: relative;
    min-height: 130px;
}

.anchor-down-addLocker {
    position: absolute;
    bottom: 16px;
    left: 18px;
}

.anchor-down-locker-detail {
    position: absolute;
    bottom: 12px;
    right: 18px;
}

.locker-card-container-desktop {
    position: relative;
    top: -204px;
    left: 9px;
}

.locker-card-container-mobile-InUse {
    position: relative;
    top: -204px;
    width: 100%;
}

.top-label-locker-card {
    top:-27px;
}

.CardStaticInfo {
    background: #F1F3F5;
    border-radius: 8px;

}

/* ================================================================ */
/*  - Lockers Image Page                                            */
/* ================================================================ */

.height-locker-image {
    height: calc(100vh - 40px)
}

/* ================================================================ */
/*  - Lockers Options                                               */
/* ================================================================ */

.locker-option-all {
    height: 45px;
    border: 2px solid #DEE2E6;
}

.locker-option-all-redBorder {
    height: 45px;
    border: 2px solid var(--color-primary);
}

.locker-option-private {
    height: 45px;
    border: 2px solid #DEE2E6;
}

.locker-option-private-redBorder {
    height: 45px;
    border: 2px solid var(--color-primary);
}

.locker-option-public {
    height: 45px;
    border: 2px solid #DEE2E6;
}

.locker-option-public-redBorder {
    height: 45px;
    border: 2px solid var(--color-primary);
}

/* ================================================================ */
/*  - Red CTAs                                                      */
/* ================================================================ */

.red-cta {
    background: var(--color-primary);
    border: none;
    border-radius: 0;
}

.lock-width {
    max-width: 24px;
    min-width: 24px;
}

/* ================================================================ */
/*  - Personal Data                                                 */
/* ================================================================ */


.user-photo-desktop {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 4px solid var(--color-primary);
}

.user-photo-menu {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid var(--color-primary);
}

.user-photo-mobile {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid var(--color-primary);
}

.camera-icon-desktop {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 4px solid var(--color-neutral-0);
    background: var(--color-neutral-0);
    position: absolute;
    top: 32px;
    left: 40px;
    z-index: 1;
}

.camera-icon-mobile {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid var(--color-neutral-0);
    background: var(--color-neutral-1);
    position: absolute;
    top: 32px;
    left: 40px;
    z-index: 1;
}

.personal-data-inside-card {
    background-color: var(--color-neutral-0);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
}

.personal-data-inside-card-mobile {
    background-color: var(--color-neutral-0);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
}

.personal-data-detail-card {
    background-color: var(--color-neutral-1);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
}

/* Custom Text Input */

.custom-input {
    border-radius: 0px;
    color: var(--color-secondary);
    border: 1px solid var(--color-neutral-4);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-top: var(--space-ss);
    padding-bottom: var(--space-ss);
    background-color: var(--color-neutral-0);
} 

.custom-input:focus {
    border-radius: 0px;
    color: var(--color-secondary);
    border: 1px solid var(--color-neutral-7);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
    padding-top: var(--space-ss);
    padding-bottom: var(--space-ss);
    background-color: var(--color-neutral-0);
}

.custom-text-input {
    border-radius: 0px;
    border: 0px;
    background-color: var(--color-neutral-0);
    color: var(--color-secondary);
    font-size: 16px;
    font-family: 'book';
    font-weight: 400;
    height: 20px;
}

.custom-text-input:focus {
    border-radius: 0px;
    border: 0px;
    background-color: var(--color-neutral-0);
    color: var(--color-secondary);
    font-size: 16px;
    font-family: 'book';
    font-weight: 400;
    height: 20px;
}

.custom-text-input:empty {
    border-radius: 0px;
    border: 0px;
    background-color: var(--color-neutral-0);
    color: var(--color-secondary);
    font-size: 16px;
    font-family: 'book';
    font-weight: 400;
    height: 20px;
}

/* Object options Carousel */

.carouselUpperCaseSpacing {
        letter-spacing: 0.59px;
        text-transform: uppercase;
}

.carousel .carousel-dots-container {
    text-align: center;
    margin-top: 0;
}

.carousel .carousel-dots-container .carousel-dot {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-circle);
    border: 1px solid var(--color-neutral-5);
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 var(--space-xs);
    width: 8px;
}

.carousel .carousel-dots-container .carousel-dot.active {
    background-color: var(--color-neutral-5);
}

.carousel-card {
    border: 1px solid var(--color-neutral-4);
    padding: var(--space-base);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 110px;
}

.carousel-card-mobile {
    border: 1px solid var(--color-neutral-4);
    padding: var(--space-base);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.carousel-card:hover {
    border: 1px solid #00B3B4;
    box-sizing: border-box;
}

.carousel-card-mobile:hover {
    border: 1px solid #00B3B4;
    box-sizing: border-box;
}


.carousel-card:active {
    border: 1px solid var(--color-quaternary);
    padding: var(--space-base);
    word-break: break-word;
    transition: 0.5s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.carousel-card-mobile:active {
    border: 1px solid var(--color-quaternary);
    padding: var(--space-base);
    word-break: break-word;
    transition: 0.5s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.carousel .carousel-container-content .OSFillParent {
    display: inline-grid;
/*    display: inline-block; */
}

.carousel .carousel-container > .carousel-container-content > *:not(.list),
.carousel .carousel-container > .carousel-container-content > .list > div {
    display: inline-block;
    width: 100% !important;
    white-space: normal
}
/*
.carousel .carousel-container > .carousel-container-content > *:not(.list), .carousel .carousel-container > .carousel-container-content > .list > div {
    display: inline-block;
    width: 100%;
    white-space: normal;
}
*/
.carousel .carousel-list {
    display: grid;
    grid-template-columns: repeat(30, 1fr);
    grid-template-rows: min-content;
}


.carousel .carousel-list-test {
    display: inline-block;
}
 

.grid-gallery, .grid-gallery > .list {
    display: -ms-grid;
    display: grid;
    grid-gap: var(--grid-gap);
    -ms-grid-columns: 1fr 3 1fr 3 1fr;
    grid-template-columns: repeat(var(--grid-desktop), 1fr);
    grid-auto-rows: 1fr;
}

.greencard-container {
    background-color: #7DB12B;
    padding: 24px;
}

.green-card-mobile-text-container {
    width: calc(100% - 125px);
}

.green-card-mobile-image-container {
    width: 125px;
    height: 120px;
    position: relative;
}

.green-card-mobile-image {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 9px;
}

.green-card-texts-columns-container-desktop {
    width: calc(100% - 132px);
}

.green-card-text-first-column-desktop {
    width: 50.27%;
}

.green-card-text-first-margin-desktop {
    width: 6.56%;
}

.green-card-text-second-column-desktop {
    width: 29.51%;
}

.green-card-text-second-margin-desktop {
    width: 13.66%;
}

.green-card-image-container-desktop {
    position: relative;
    width: 132px;
}

.green-card-image-desktop {
    position: absolute;
    top: -24px;
    right: 0;
}

.greencard-container-desktop {
    background-color: #7DB12B;
    padding-left: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 72px;
    min-height: 132px;
}

.margin-left-auto {
    margin-left: auto;
}

.lockers-info-grey-rectangle {
    background: var(--color-neutral-1);
    padding-top: var(--space-s);
    padding-bottom: var(--space-xm);
    padding-left: var(--space-base);
    padding-right: var(--space-s);
}

.lockers-info-neutral-3-rectangle {
    background: var(--color-neutral-1);
    padding-top: var(--space-s);
    padding-bottom: var(--space-xm);
    padding-left: var(--space-base);
    padding-right: var(--space-s);
}

.lockers-info-grey-rectangle-type-address {
    background: var(--color-neutral-1);
    padding-top: var(--space-xm);
    padding-bottom: var(--space-xm);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
}

.locker-priceDim-container-desktop {
    width: 335px;
    height: 100%;
}

.locker-address-container-desktop {
    height: 132px;
}

.lockers-charge-credits {
    background: var(--color-neutral-2);
    border-radius: var(--space-s);
 }
 
 .lockers-charge-credits-radius {
    border-radius-bottom-left: var(--space-s);
    border-radius-bottom-right: var(--space-s);
 }

.lockers-charge-credits-radius {
    border-bottom-left-radius: var(--space-s);
    border-bottom-right-radius: var(--space-s);  
 }
 
.popup-locker-details {
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100vw;
    max-height: 100%;
    max-width: 100vw;
    overflow: auto;
    box-shadow: none;
    background: var(--color-neutral-14);
}

.lockers-detail-copy-data {
    border-radius: var(--space-s) 0px 0px var(--space-s);
    background: var(--color-neutral-2);
    padding: var(--space-base);
    width: 100%;
}
.payshop-detail-copy-data {
    border-radius: var(--space-s) 0px 0px var(--space-s);
    background: var(--color-neutral-11);
    padding: var(--space-base);
    width: 100%;
}

.payshop-detail-copy-data-AF {
    background: var(--color-neutral-0);
    padding-left: var(--space-base);
    padding-top: var(--space-base);
    padding-bottom: var(--space-base-plus);
    width: 100%;
}

.lockers-detail-copy-data-AF {
    background: var(--color-neutral-2);
    padding: var(--space-base-plus);
    width: 100%;
}


.lockers-detail-copy-data-desktop-AF {
    background: var(--color-neutral-0);
    padding: var(--space-base);
    width: 100%;
}

.lockers-detail-copy-btn-AF {
    background: var(--color-neutral-3);
    padding: var(--space-base-plus);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lockers-detail-copy-btn-desktop-AF {
    background: var(--color-neutral-3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 24px 20px 24px;
}

.lockers-detail-copy-btn {
    border-radius: 0px var(--space-s) var(--space-s) 0px;
    background: var(--color-neutral-4);
    padding: var(--space-m);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lockers-username-label-mobile{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-6);
    line-height: 18px;
}

.lockers-username-label-desktop{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    color: var(--color-neutral-6);
    line-height: 16px;
}

.lockers-username-value-desktop{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-secondary);
    line-height:22px; 
  }
  
  .lockers-username-value-mobile{
    font-family: 'book';
    font-weight: var(--font-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    color: var(--color-secondary);
    line-height:20px; 
  }
  
.ac-underlined { 
    text-decoration: underline;
}

.lockers-detail-toast-container {
    position: absolute;
    width: 100vw;
    padding: var(--space-l);
}

.lockers-detail-toast-message {
    background: var(--color-quaternary);
    padding: var(--space-m-plus);
    z-index: 9000;
}


.locker-img-size-desktop {
    max-height: 162px;
    max-width: 336px;
}


.locker-img-size {
    max-height: 145px;
    max-width: 107px;
}

.magnifier-container {
    position: absolute;
    width: 100%;
    top: calc(50% - 15px);
    text-align: center;
    padding: var(--space-s);
}
.magnifier-container-image {
    right: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    padding: var(--space-s);
}

.magnifier {
    opacity: 0.7
}

.locker-img-container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: fit-content;
}

.image-popup {
    position: fixed;
    top: -16px;
    padding:0px;
    border-radius: 0px;
    max-height: 100vh;
    width: 100vw;
}

.new-address-toast-message {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    background: var(--color-quinary);
    position: fixed;
    bottom: 41px;
    left: 31px;
    right: 31px;
    z-index: 9000;
}

.result-button-desktop {
    width: 13%;
}

.ac-invisible {
    height: 0px;
    margin: 0;
    padding: 0;
    border: none;
}

.locker-details-poc {
    position: absolute;
    bottom: 4px;
    padding: 16px 0px 16px 16px;
    margin-right: 70px;
    width: -webkit-fill-available;
}

.red-on-hover:hover {
    filter: invert(90%) sepia(99%) saturate(5002%) hue-rotate(344deg) brightness(103%) contrast(109%);
}

.charge-btn {
    padding: var(--space-xs-plus) var(--space-m) var(--space-xs-plus) var(--space-m);
    background: var(--color-neutral-20);
    margin: var(--space-base-plus) var(--space-m) 0px 0px;
    border: none;
}

.charge-popup {
    margin: 0px var(--space-m) 0px var(--space-m);
    position: absolute;
    top: 70%;
    z-index: 9000;
    width: -webkit-fill-available;
}

.paymentmethod-card-selected {
    padding: var(--space-base-plus);
    background-color: var(--color-neutral-0);
    border: 2px solid var(--color-primary);
}

.paymentmethod-card-unselected {
    padding: var(--space-m);
    background-color: var(--color-neutral-0);
    border: none;
}
.paymentmethod-card-disabled{
    padding: var(--space-m);
    background: var(--color-neutral-3, rgba(241, 243, 245, 1));
    opacity: 0.7;
}
.amount-card-selected {
    padding: var(--space-base-plus);
    background-color: var(--color-neutral-0);
    border: 2px solid var(--color-primary);
}

.amount-card-unselected {
    padding: var(--space-m);
    background-color: var(--color-neutral-0);
    border: none;
}

.locker-btn-payment-container {
    width: 92px;
    height: 48px;
}

.balance-information-container {
    height: 56px;
    background-color: var(--color-neutral-1);
    padding: 18px 32px 18px 16px;
}

.ac-no-wrapp {
    white-space: nowrap;
}

.balance-information-container-mobile {
    height: 56px;
    background-color: var(--color-neutral-3);
    padding: 0px 20px 0px 16px;
}

.margin-top-188 {
   margin-top: 188px; 
}


.ac-line-through {
    text-decoration: line-through;
}

/* ---------------------------- 
   --------- Tolls ------------
   ----------------------------*/
   
   
   /* Client AreaTolls - carousel mobile*/

.Toll-carousel-card-container {
    padding: 14px;
    height: 80px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.Toll-carousel-card-container-small {
    padding: 14px;
    height: 48px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.Toll-carousel-card-container-disabled{
    padding: 14px;
    height: 80x;
    position: relative;
    cursor: default;
}

.Toll-carousel-card-container-disabled:hover {
    border: 2px solid transparent;
    cursor: default;
}

.Tolls-carousel-scroll {
    overflow-x: scroll;
    width: 100%;
    display: -webkit-box;
    margin-top: -50px;
}

.Tolls-carousel-scroll-container {
    position: absolute;
    bottom: 0px;
    left: 0px;
}


/*-------------*/
   
 .carousel-card-tolls {
    border: 1px solid var(--color-neutral-3);
    background: var(--color-neutral-0); 
    height: 100%;
    width: 101px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 6px 65px rgba(0, 0, 0, 0.1);
}

 .carousel-card-tolls:hover {
    border: 1px solid var(--color-extended-red);
    background: var(--color-extended-red);
    color: var(--color-neutral-0);
}

 .carousel-card-tolls:active {
    border: 1px solid var(--color-extended-red);
    background: var(--color-extended-red);
    color: var(--color-neutral-0);
}

 .carousel-card-tolls label-tolls {
    color: inherit;
}

.label-tolls {
    font-family: 'book';
    font-weight: var(--font-regular-semi-bold);
    font-size: var(--font-size-base);
    font-style: normal;
    color: var(--color-neutral-7);
}

.icon-carousel {
    margin: 4px;
    position: relative;
    width: 100px
}

.alert-icon-red { /*colocar no preto */
    height: auto;
}

.overlayDetailsAlert { /*colocar no vermelho */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: var(--color-extended-red);
  height: auto;
}

.icon-carousel:hover .overlayDetailsAlert {
    opacity: 1;
}

.icon-carousel:active .overlayDetailsAlert {
    opacity: 1;
}


   /* Client AreaTolls - carousel desktop*/

/* SearchBlock + PopUp */

.check-box-container:before {
    width: 20px !important;
    height: 20px !important;
    border-radius: 0px !important;
}

.check-box-container:after {
    left: 4px !important;
}


.Tolls-SearchInput {
    height: 48px !important;
    font-size: 14px !important;
    color: var(--color-secondary) !important;
    padding-left: 12px;
    padding-right: 12px;
    border-color: var(--color-neutral-4) !important;
    background: var(--color-neutral-0) !important;
}

.Tolls-SearchInput[disabled] {
    height: 48px !important;
    font-size: 14px !important;
    color: var(--color-secondary) !important;
    background: var(--color-neutral-2) !important;
    padding-left: 12px;
    padding-right: 12px;
    border-color: var(--color-neutral-4) !important;
}

.Tolls-SearchInputPrivateWithContent {
    height: 48px !important;
    font-size: 14px !important;
    color: var(--color-secondary) !important;
}

.border-button {
    border-width: 1px !important;
    border-color: var(--color-neutral-4) !important;
}

.padding-left-right-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
}

.new-shipment-pop-up {
    width: 240px;
    background-color: var(--color-neutral-0);
    padding: 28px 16px 28px 28px;
    z-index: 102;
    box-shadow: 0px 4px 18px rgb(0 0 0 / 12%);
    position: relative;
    right: 140px;
    top: -166px;
}

.redirect_ctn{
    border-radius: 14px;
    display: flex;
    justify-content: center;
}

/*************************************** DF_Locker_Manager**********************/

.locker-manager body{
    background-color: var(--color-neutral-2);
}
.locker-manager .list-item{

    padding: 0;
}

/* CSS from wb */


.costum__animated-label-dropdown [data-dropdown] > div.dropdown-display, 
.costum__animated-label-dropdown [data-dropdown] > select.dropdown-display {
    padding-top: 14px;
    padding-left: 15px ;
}

.costum__animated-label-dropdown .dropdown-container:after {
    top: 22px ;
}

.shipment-sim-main-container-tablet {
    width: 65%;
}

/* ===================================================================== */
/*  Icons                                              */
/* ===================================================================== */

.ctticon.ctticon.icon-Amount:before {
  content: "\e91f";
}
.ctticon.ctticon.icon-Apps:before {
  content: "\e920";
}
.ctticon.ctticon.icon-Arrow-down:before {
  content: "\e921";
}
.ctticon.ctticon.icon-Arrow-Left:before {
  content: "\e922";
}
.ctticon.ctticon.icon-Arrow-right:before {
  content: "\e923";
}
.ctticon.ctticon.icon-Arrow-Up-Down:before {
  content: "\e924";
}
.ctticon.ctticon.icon-Arrow-up:before {
  content: "\e925";
}
.ctticon.ctticon.icon-Attach:before {
  content: "\e926";
}
.ctticon.ctticon.icon-Badge:before {
  content: "\e927";
}
.ctticon.ctticon.icon-Bank:before {
  content: "\e928";
}
.ctticon.icon-Barcode-scan:before {
  content: "\e929";
}
.ctticon.icon-Barcode:before {
  content: "\e92a";
}
.ctticon.icon-Biometrics:before {
  content: "\e92b";
}
.ctticon.icon-Book:before {
  content: "\e92c";
}
.ctticon.icon-Bookmark:before {
  content: "\e92d";
}
.ctticon.icon-Box-Check1:before {
  content: "\e92e";
}
.ctticon.icon-Box-Clock1:before {
  content: "\e92f";
}
.ctticon.icon-Box-Cross1:before {
  content: "\e930";
}
.ctticon.icon-Box-Export1:before {
  content: "\e931";
}
.ctticon.icon-Box-Hand1:before {
  content: "\e932";
}
.ctticon.icon-Box-Import1:before {
  content: "\e933";
}
.ctticon.icon-Box-Location1:before {
  content: "\e934";
}
.ctticon.icon-Box-Money:before {
  content: "\e935";
}
.ctticon.icon-Box-Options:before {
  content: "\e936";
}
.ctticon.icon-Box-Return:before {
  content: "\e937";
}
.ctticon.icon-Box-Shield1:before {
  content: "\e938";
}
.ctticon.icon-Box-Shoes1:before {
  content: "\e939";
}
.ctticon.icon-Box-Star1:before {
  content: "\e93a";
}
.ctticon.icon-Calendar-Warning:before {
  content: "\e93b";
}
.ctticon.icon-Calendar:before {
  content: "\e93c";
}
.ctticon.icon-Camera:before {
  content: "\e93d";
}
.ctticon.icon-Card:before {
  content: "\e93e";
}
.ctticon.icon-Chart:before {
  content: "\e93f";
}
.ctticon.icon-Chatbot:before {
  content: "\e940";
}
.ctticon.icon-Check-Circle:before {
  content: "\e941";
}
.ctticon.icon-Check-Off:before {
  content: "\e942";
}
.ctticon.icon-Check:before {
  content: "\e943";
}
.ctticon.icon-Chevron-down:before {
  content: "\e944";
}
.ctticon.icon-Chevron-left:before {
  content: "\e945";
}
.ctticon.icon-Chevron-right:before {
  content: "\e946";
}
.ctticon.icon-Chevron-up:before {
  content: "\e947";
}
.ctticon.icon-Clock:before {
  content: "\e948";
}
.ctticon.icon-Collapse:before {
  content: "\e949";
}
.ctticon.icon-Company:before {
  content: "\e94a";
}
.ctticon.icon-Configurations:before {
  content: "\e94b";
}
.ctticon.icon-Copy:before {
  content: "\e94c";
}
.ctticon.icon-Cross-Circle:before {
  content: "\e94d";
}
.ctticon.icon-Cross:before {
  content: "\e94e";
}
.ctticon.icon-CTT-Bank1:before {
  content: "\e94f";
}
.ctticon.icon-CTT-Circle-Filled1:before {
  content: "\e950";
}
.ctticon.icon-CTT-Circle:before {
  content: "\e951";
}
.ctticon.icon-CTT-Logo1:before {
  content: "\e952";
}
.ctticon.icon-Customs:before {
  content: "\e953";
}
.ctticon.icon-Dashboard:before {
  content: "\e954";
}
.ctticon.icon-Delete:before {
  content: "\e955";
}
.ctticon.icon-Devices:before {
  content: "\e956";
}
.ctticon.icon-Directions:before {
  content: "\e957";
}
.ctticon.icon-Doc-Edit:before {
  content: "\e958";
}
.ctticon.icon-Document:before {
  content: "\e959";
}
.ctticon.icon-Download:before {
  content: "\e95a";
}
.ctticon.icon-Drag:before {
  content: "\e95b";
}
.ctticon.icon-Duplicate:before {
  content: "\e95c";
}
.ctticon.icon-Eco:before {
  content: "\e95d";
}
.ctticon.icon-Email:before {
  content: "\e95e";
}
.ctticon.icon-Error:before {
  content: "\e95f";
}
.ctticon.icon-Expand:before {
  content: "\e960";
}
.ctticon.icon-External-Link:before {
  content: "\e961";
}
.ctticon.icon-Eye-Off:before {
  content: "\e962";
}
.ctticon.icon-Eye-On:before {
  content: "\e963";
}
.ctticon.icon-Face-ID:before {
  content: "\e964";
}
.ctticon.icon-Filter:before {
  content: "\e965";
}
.ctticon.icon-Flag-Off:before {
  content: "\e966";
}
.ctticon.icon-Flag:before {
  content: "\e967";
}
.ctticon.icon-Folder:before {
  content: "\e968";
}
.ctticon.icon-Government:before {
  content: "\e969";
}
.ctticon.icon-Group:before {
  content: "\e96a";
}
.ctticon.icon-Heart-Filled:before {
  content: "\e96b";
}
.ctticon.icon-Heart:before {
  content: "\e96c";
}
.ctticon.icon-Help:before {
  content: "\e96d";
}
.ctticon.icon-History:before {
  content: "\e96e";
}
.ctticon.icon-Home-Filled:before {
  content: "\e96f";
}
.ctticon.icon-Home:before {
  content: "\e970";
}
.ctticon.icon-Iberia:before {
  content: "\e971";
}
.ctticon.icon-Image:before {
  content: "\e972";
}
.ctticon.icon-Inbox:before {
  content: "\e973";
}
.ctticon.icon-Info:before {
  content: "\e974";
}
.ctticon.icon-International:before {
  content: "\e975";
}
.ctticon.icon-Invoice:before {
  content: "\e976";
}
.ctticon.icon-Letter-Open:before {
  content: "\e977";
}
.ctticon.icon-Loading:before {
  content: "\e978";
}
.ctticon.icon-Location:before {
  content: "\e979";
}
.ctticon.icon-Lock:before {
  content: "\e97a";
}
.ctticon.icon-Locker-Private1:before {
  content: "\e97b";
}
.ctticon.icon-Login:before {
  content: "\e97c";
}
.ctticon.icon-Logout:before {
  content: "\e97d";
}
.ctticon.icon-Magnifier-Off:before {
  content: "\e97e";
}
.ctticon.icon-Magnifier:before {
  content: "\e97f";
}
.ctticon.icon-Mail-Box1:before {
  content: "\e980";
}
.ctticon.icon-Menu:before {
  content: "\e981";
}
.ctticon.icon-Minus:before {
  content: "\e982";
}
.ctticon.icon-Money-Filled:before {
  content: "\e983";
}
.ctticon.icon-Money-Off:before {
  content: "\e984";
}
.ctticon.icon-Money:before {
  content: "\e985";
}
.ctticon.icon-More-Horizontal:before {
  content: "\e986";
}
.ctticon.icon-More-Vertical:before {
  content: "\e987";
}
.ctticon.icon-Multiproduct-Guide:before {
  content: "\e988";
}
.ctticon.icon-My-Location:before {
  content: "\e989";
}
.ctticon.icon-National:before {
  content: "\e98a";
}
.ctticon.icon-Newsletter:before {
  content: "\e98b";
}
.ctticon.icon-Notifications-Filled:before {
  content: "\e98c";
}
.ctticon.icon-Notifications:before {
  content: "\e98d";
}
.ctticon.icon-Outbox:before {
  content: "\e98e";
}
.ctticon.icon-Pencil:before {
  content: "\e98f";
}
.ctticon.icon-Phone:before {
  content: "\e990";
}
.ctticon.icon-Pin:before {
  content: "\e991";
}
.ctticon.icon-Plane:before {
  content: "\e992";
}
.ctticon.icon-Plus:before {
  content: "\e993";
}
.ctticon.icon-Portugal-Continental:before {
  content: "\e994";
}
.ctticon.icon-Question:before {
  content: "\e995";
}
.ctticon.icon-Receipt-Notice-Off:before {
  content: "\e996";
}
.ctticon.icon-Receipt-Notice:before {
  content: "\e997";
}
.ctticon.icon-Refresh:before {
  content: "\e998";
}
.ctticon.icon-Reply:before {
  content: "\e999";
}
.ctticon.icon-Requests:before {
  content: "\e99a";
}
.ctticon.icon-Rotate:before {
  content: "\e99b";
}
.ctticon.icon-Savings-Filled:before {
  content: "\e99c";
}
.ctticon.icon-Savings:before {
  content: "\e99d";
}
.ctticon.icon-Send-Horizontal:before {
  content: "\e99e";
}
.ctticon.icon-Send:before {
  content: "\e99f";
}
.ctticon.icon-Settings:before {
  content: "\e9a0";
}
.ctticon.icon-Share:before {
  content: "\e9a1";
}
.ctticon.icon-Shield-Check:before {
  content: "\e9a2";
}
.ctticon.icon-Shipping-Filled:before {
  content: "\e9a3";
}
.ctticon.icon-Shipping:before {
  content: "\e9a4";
}
.ctticon.icon-Shopping-Bag:before {
  content: "\e9a5";
}
.ctticon.icon-Signature:before {
  content: "\e9a6";
}
.ctticon.icon-Star:before {
  content: "\e9a7";
}
.ctticon.icon-Stopwatch:before {
  content: "\e9a8";
}
.ctticon.icon-Tag:before {
  content: "\e9a9";
}
.ctticon.icon-Text-Message:before {
  content: "\e9aa";
}
.ctticon.icon-Text:before {
  content: "\e9ab";
}
.ctticon.icon-Ticket:before {
  content: "\e9ac";
}
.ctticon.icon-Time:before {
  content: "\e9ad";
}
.ctticon.icon-Tolls:before {
  content: "\e9ae";
}
.ctticon.icon-Toolbox:before {
  content: "\e9af";
}
.ctticon.icon-Tools:before {
  content: "\e9b0";
}
.ctticon.icon-Top-up:before {
  content: "\e9b1";
}
.ctticon.icon-Touch-ID:before {
  content: "\e9b2";
}
.ctticon.icon-Upload:before {
  content: "\e9b3";
}
.ctticon.icon-User:before {
  content: "\e9b4";
}
.ctticon.icon-Wallet:before {
  content: "\e9b5";
}
.ctticon.icon-Warning:before {
  content: "\e9b6";
}
.ctticon.icon-Box-Check:before {
  content: "\e901";
}
.ctticon.icon-Box-Clock:before {
  content: "\e902";
}
.ctticon.icon-Box-Cross:before {
  content: "\e903";
}
.ctticon.icon-Box-Export:before {
  content: "\e904";
}
.ctticon.icon-Box-Hand:before {
  content: "\e905";
}
.ctticon.icon-Box-Import:before {
  content: "\e906";
}
.ctticon.icon-Box-Location:before {
  content: "\e907";
}
.ctticon.icon-Box-Money1:before {
  content: "\e908";
}
.ctticon.icon-Box-Options1:before {
  content: "\e909";
}
.ctticon.icon-Box-Return1:before {
  content: "\e90a";
}
.ctticon.icon-Box-Shield:before {
  content: "\e90b";
}
.ctticon.icon-Box-Shoes:before {
  content: "\e90c";
}
.ctticon.icon-Box-Star:before {
  content: "\e90d";
}
.ctticon.icon-Box:before {
  content: "\e90e";
}
.ctticon.icon-CTT-Bank:before {
  content: "\e90f";
}
.ctticon.icon-CTT-Circle-Filled:before {
  content: "\e910";
}
.ctticon.icon-CTT-Circle1:before {
  content: "\e911";
}
.ctticon.icon-CTT-Logo:before {
  content: "\e912";
}
.ctticon.icon-Envelope:before {
  content: "\e913";
}
.ctticon.icon-Fragile:before {
  content: "\e914";
}
.ctticon.icon-Letter-Open1:before {
  content: "\e915";
}
.ctticon.icon-Letter:before {
  content: "\e916";
}
.ctticon.icon-Locker-Private:before {
  content: "\e917";
}
.ctticon.icon-Locker:before {
  content: "\e918";
}
.ctticon.icon-Mail-Box:before {
  content: "\e919";
}
.ctticon.icon-Payshop:before {
  content: "\e91a";
}
.ctticon.icon-Stamp:before {
  content: "\e91b";
}
.ctticon.icon-Store:before {
  content: "\e91c";
}
.ctticon.icon-Truck:before {
  content: "\e91d";
}
.ctticon.icon-Weight:before {
  content: "\e91e";
}
.ctticon.icon-CTT:before {
  content: "\e900";
}

/* ===================================================================== */
/*        Styles - Colors                                          */
/* ===================================================================== */

/*  Colors - Complementary */

.text-color-brand-100 { color: var(--color-brand-100); }
.text-color-brand-200 { color: var(--color-brand-200); }
.text-color-brand-300 { color: var(--color-brand-300); }
.text-color-brand-400 { color: var(--color-brand-400); }
.text-color-brand-500 { color: var(--color-brand-500); }
.text-color-brand-600 { color: var(--color-brand-600); }
.text-color-brand-700 { color: var(--color-brand-700); }

.text-color-yellow-100 { color: var(--color-yellow-100); }
.text-color-yellow-200 { color: var(--color-yellow-200); }
.text-color-yellow-300 { color: var(--color-yellow-300); }
.text-color-yellow-400 { color: var(--color-yellow-400); }
.text-color-yellow-500 { color: var(--color-yellow-500); }
.text-color-yellow-600 { color: var(--color-yellow-600); }

.text-color-bluegreen-100 { color: var(--color-bluegreen-100); }
.text-color-bluegreen-200 { color: var(--color-bluegreen-200); }
.text-color-bluegreen-300 { color: var(--color-bluegreen-300); }
.text-color-bluegreen-400 { color: var(--color-bluegreen-400); }
.text-color-bluegreen-500 { color: var(--color-bluegreen-500); }
.text-color-bluegreen-600 { color: var(--color-bluegreen-600); }

.text-color-purple-100 { color: var(--color-purple-100); }
.text-color-purple-200 { color: var(--color-purple-200); }
.text-color-purple-300 { color: var(--color-purple-300); }
.text-color-purple-400 { color: var(--color-purple-400); }
.text-color-purple-500 { color: var(--color-purple-500); }
.text-color-purple-600 { color: var(--color-purple-600); }

.text-color-green-100 { color: var(--color-green-100); }
.text-color-green-200 { color: var(--color-green-200); }
.text-color-green-300 { color: var(--color-green-300); }
.text-color-green-400 { color: var(--color-green-400); }
.text-color-green-500 { color: var(--color-green-500); }
.text-color-green-600 { color: var(--color-green-600); }


/* ===================================================================== */
/*       Styles - Sizes                                                  */
/* ===================================================================== */

.fa-16{ font-size:16px;}

.fa-24{ font-size:24px;}

.fa-32{ font-size:32px;}

.fa-40{ font-size:40px;}

.fa-44{ font-size:44px;}

.fa-48{ font-size:48px;}

.fa-56{ font-size:56px;}

.fa-80{ font-size:80px;}

.fa-100{ font-size:100px;}

.fa-120{ font-size:120px;}


/* ===================================================================== */
/*     Patterns - Navigation - Tabs                                       */
/* ===================================================================== */
.ctt-tab + .ctt-tab {
    margin-left: var(--space-s);
}

.tabs-header {
  display: flex;
  align-items: center;
}
.ctttabs .tabs-header .tabs-header-tab {
  padding: var(--space-s) 0px;
}
.ctttabs .tabs-header-tab.active {
  color: var(--color-primary);
}

.ctttabs .tabs-header-tab  {
  margin-left: var(--space-m);
  color: var(--color-neutral-9);
  font-size: var(--space-m);
}

.ctttabs .tabs-header .tab-item {
  border-bottom: var(--border-size-s) solid var(--color-neutral-5);
}

.ctttabs .tabs-content {
  border-top: 0px;
  padding-top: var(--space-base);
}

.ctttabs .tabs-header,
.ctttabs .tabs-header .list {
    overflow: hidden;
}

/* ===================================================================== */
/*       $4.2 - Patterns - Content                                       */
/* ===================================================================== */
/* Patterns - Content - Card*/

.CTTCard .list-item {
    padding: 0px;
}

.CTTCard {
    padding: var(--space-m) var(--space-m) var(--space-m) var(--space-m);
    border-radius: var(--space-xs);
    background-color: var(--color-neutral-0);
    width: -webkit-fill-available;
    background: #FFF;
    border-left: 4px solid #929DA8;
}

.CTTCardBlank{
    padding: var(--space-m) var(--space-m) var(--space-m) var(--space-m);
    border-radius: var(--space-base);
    background-color: var(--color-neutral-0);
    width: -webkit-fill-available;
}

/* Styles - Space - Gap */

.gap-none { gap: var(--space-none);}

.gap-xxs { gap: var(--space-xxs);}

.gap-xs { gap: var(--space-xs);}

.gap-s { gap: var(--space-s);}

.gap-base { gap: var(--space-base);}

.gap-m { gap: var(--space-m);}

.gap-l { gap: var(--space-l);}

.gap-xl { gap: var(--space-xl);}

.gap-xxl { gap: var(--space-xxl);}

.gap-xxxl { gap: var(--space-xxxl);}





/* ================================================================ */
/*  $4.2 - Patterns - Content                                       */
/* ================================================================ */

/* $4.2.14  - Patterns - Content - Tooltip*/

.ctt-tooltip .tooltip-wrapper{
    background-color:var(--color-neutral-0);
    color: var(--color-neutral-10);
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.12);
    padding:var(--space-m);
}

.ctt-tooltip .tooltip-wrapper.bottom-left:after {  
    border-bottom: 12px solid var(--color-neutral-0);
    filter: drop-shadow(-1px 1px 9px rgba(0, 0, 0, 0.12));
    top: -17px;
}

.tooltip-wrapper.bottom-left {
    right: calc(100% - var(--space-l));
}

.tooltip-wrapper.bottom-left:after {
    right: 6px;
}

/* $4.2.1   - Patterns - Content - Accordion */
.ctt-accordion .section-expandable.is--open {
    border: 1px solid var(--color-primary);
    border-radius: 0px;
}

.ctt-accordion .section-expandable-title {
    font-weight: normal !important;    
}

.ctt-accordion .section-expandable-content {
    border-top: var(--border-size-s) solid var(--color-neutral-4);
    margin: 0px 20px;
}

.ctt-accordion .section-expandable-content.is--expanded > div:first-child
{
    padding-top: 10px;
    margin-left: -15px;
}

.ctt-accordion .section-expandable .section-expandable-icon {
    color: var(--color-neutral-7);
}




/* ================================================================ */
/*       $4.4 - Patterns - Navigation                               */
/* ================================================================ */

/*  Patterns - Navigation - Tabs */
.tabs-header-tab,
.tabs-header-tab.active {
    font-weight: normal !important;
}

/*  Patterns - Navigation - Pagination */

.pagination-button {
    background-color: transparent;
    border: var(--space-none);
    border-radius: var(--space-none);
}

.pagination-button.is--active {
    border: var(--space-none);
    color: var(--color-neutral-0);
    background-color: var(--color-primary);
}

.pagination-container i.icon{
    font-size: 30px;
}

/* $4.4.8   - Others*/

.ctt-filter {
    display: flex;
}

.filter-tag + .filter-tag {
    margin-left: var(--space-m);
}

.filter-tag {
    border-radius: 4px;
    background: #3D4750;
    display: flex;
    padding: 4px 12px;
    color: #FFF;
}

.filter-tag.active {
    background: #00B3B4;
}


/* ================================================================ */
/*  $6.8 - Styles - Others                                          */
/* ================================================================ */

.cardmore-clickable {
    position: absolute;
    top: 17px;
    right: 10px;
}

.ctt-tag {
    border-radius: 4px;
    padding: 4px 8px 4px 8px; 
    gap: 0px;
    overflow: hidden;
}


.ctt-tag span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ctt-tag div {
  overflow: hidden;
}


.ctt-tag.nopadding
{
    padding: 0px; 
}

.attachments-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s);
}

.AlignIconCardOnList i{
    display: block;
}                      

/*$6.9   - Patterns - Utilities - Logo-Circle*/
.ctt-logo-small {
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
  border-radius: 50%;
  background-color: var(--color-neutral-6);
  display: flex;
}

.ctt-logo-small img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}

.ctt-logo-small {
  font-size: 7px;
  color: var(--color-neutral-0);
  align-items: center;
  justify-content: center;
  width: 100%;
}


.ctt-logo-small.ctt-logo-extrasmall {
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
}


.font-heading6 {
    font-size: var(--font-size-h6);
}

.font-not-bold {
    font-weight: 400;
}
.font-bold {
    font-weight: 600;
}
.color-secondary {
    color: var(--color-secondary);
}

/*- Patterns - Content - Checkbox*/

.tablet .ViaCttCheckbox[data-checkbox] ,
.phone .ViaCttCheckbox[data-checkbox] {
    height: 22px;
    width: 22px;
}

.tablet .ViaCttCheckbox[data-checkbox]:before,
.phone .ViaCttCheckbox[data-checkbox]:before {
    height: 20px;
    width: 20px;
}

.ViaCttCheckbox.invalid[data-checkbox]:before,
.tablet .ViaCttCheckbox.invalid[data-checkbox]:before,
.phone .ViaCttCheckbox.invalid[data-checkbox]:before {
    border:  var(--border-size-s) solid var(--color-primary);
}

.tablet .ViaCttCheckbox[data-checkbox]:checked:after, 
.phone .ViaCttCheckbox[data-checkbox]:checked:after {
    left: 4px;
    top: 6px;
}

.tablet .radio-button[data-checkbox],
.phone .radio-button[data-checkbox] {
    height: 24px;
    width: 24px;
}

.tablet .radio-button[data-checkbox]:before,
.phone .radio-button[data-checkbox]:before {
    height: 24px;
    width: 24px;
}

.tablet .radio-button[data-checkbox]:checked:after, 
.phone .radio-button[data-checkbox]:checked:after {
    display: none
}


/*Patterns - animated Label*/

.animated-label-input .form-control.ViaCttEntitySubscriptionInput[data-input]{
    border: 1px solid var(--color-neutral-6);
    background: var(--color-neutral-0);
    padding: 32px 16px 16px 16px;
}

/*Patterns - Cards*/

.EntityAccountCard {
    border-radius: var(--space-xs);
    border: 2px solid var(--color-neutral-4);
    background: var(--color-neutral-0);
    padding: var(--space-base);
    box-sizing: border-box;
}


/*Patterns - InfoCard*/

.blue-information-container-difpad {
    background: var(--color-bluegreen-500);
    padding: var(--space-m);
}


/*$4.3.3   - Patterns - Interaction - AnimatedLabel*/
.ctt-inputs .dropdown-label-input .dropdown-display.dropdown,
.ctt-inputs .animated-label-input .form-control.AutoExpand_TextArea
{
  box-sizing: border-box;
  padding-top: 25px !important;
  padding-left: 10px !important;
  color: #000;
  border-radius: 8px !important;
  border: 0px !important;
}

.ctt-inputs .dropdown-label-input .not-valid .dropdown-display.dropdown,
.checkbox.not-valid::before
{
    border: var(--border-size-s) solid var(--color-error) !important;
}



.ctt-inputs .form-control[data-input]:focus,
.ctt-inputs .form-control[data-textarea]:focus {
 border: 0px;
}

.ctt-inputs.animated-label.active .animated-label-text,
.ctt-inputs .animated-label.active .animated-label-text,
.ctt-inputs.animated-label.ctt-input-active .animated-label-text{
    font-size: var(--font-size-xs) !important;
    top: 5px !important;;
    left: 10px !important;
}

.ctt-inputs .animated-label-text,
.ctt-inputs.animated-label .animated-label-text {
  left: 10px;
}

.ctt-inputs .animated-label-input .form-control[data-input],
.ctt-inputs .animated-label-input [data-dropdown] > select.dropdown-display
{
    border-radius: 8px;
    border: 1px solid var(--color-neutral-6);
    background: var(--color-neutral-0);
    
}

.ctt-inputs.active .animated-label-input .form-control[data-input]
{
   padding: 32px 16px 16px 10px;
}


.ctt-inputs.active .animated-label-input .dropdown-display.dropdown
{
   padding: 15px 32px 0px 10px;
   height: 50px;
}
.ctt-inputs .animated-label-input .form-control[data-input].not-valid,
.ctt-inputs .animated-label-input .dropdown-container.not-valid .dropdown-display.dropdown {
    border: var(--border-size-s) solid #DF0024 !important; 

}

/*Others*/


.ListScrollToTop {
    position: absolute;
    top: -5000px;
}
.skip-link {
    position: absolute;
    top: -45px;
    left: 0;
    background-color: #DF0024;
    color: white;
    padding: 8px;
    z-index: 100;
    text-decoration: none;
}


/*Footer*/
.page-footer {
    border-top: 1px solid #eaeaea;
    overflow: hidden;
    background: white;
    z-index: -1;
}
.horse {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
.horse:before {
    content: url(../footer-horse.svg?YWBe4b+1XySCD8TIs4KrOQ);
    position: absolute;
    width: 582px;
    left: -190px;
    bottom: 80px;
    display: block !important;
}
.horse:after {
    content: url(../bg-caixa.svg?YiqvKTSNNG1eQdazWa2Thg);
    position: absolute;
    width: 962px;
    display: block !important;
}
  #footer-container-language a {
        color:#3b3b3b; 
        font-size:1rem;
        cursor:pointer;        
        margin-right:25px;
    }
    
    #footer-container-language a:hover {
        cursor:pointer;
    }
    
    #footer-container-language a.active {
        font-weight:bold;
        text-decoration: underline;
    }    

    #footer-container-language {
        border-left:3px solid #eaeaea; 
        padding-left:30px; 
        padding-top:10px; 
        padding-bottom:10px; 
        left:122px; 
        top:104px; 
        position:relative; 
        z-index:10;
    }

    .footer-app .badge-huawei,
    .footer-app .badge-google,
    .footer-app .badge-apple {
        display: inline-block;
        text-indent: -9999px;
        height: 48px;
        margin-right: 8px;
    }
    
    .footer-app .badge-huawei-en,
    .footer-app .badge-google-en,
    .footer-app .badge-apple-en {
        display: inline-block;
        text-indent: -9999px;
        height: 44px;
        margin-right: 8px;
    }

    .footer-app .badge-huawei-en {
        background: url(https://www.ctt.pt/application/themes/images/badge_huawei.png) top left no-repeat;
        background-size: 100%;
        width: 141px;
    }
    .footer-app .badge-apple-en {
        background: url(https://www.ctt.pt/application/themes/images/badge-app-store-en.png) top left no-repeat;
        background-size: 100%;
        width: 141px;
    }
    .footer-app .badge-google-en {
        background: url(https://www.ctt.pt/application/themes/images/badge-google-play-en.png) top left no-repeat;
        background-size: 100%;
        width: 141px;
    }
    
    .footer-app .badge-huawei {
        background: url(https://www.ctt.pt/application/themes/images/badge_huawei.png) top left no-repeat;
        background-size: 100%;
        width: 141px;
    }
    .footer-app .badge-apple {
        background: url(https://www.ctt.pt/application/themes/images/badge-app-store.png) top left no-repeat;
        background-size: 100%;
        width: 133px;
    }
    .footer-app .badge-google {
        background: url(https://www.ctt.pt/application/themes/images/badge-google-play.png) top left no-repeat;
        background-size: 100%;
        width: 141px;
    }
    .livro-reclamacoes {
        background: url(../livro_reclamacoes_bw.png?q9KYDPWAj8+kN8B+FMVeRA) top left no-repeat;
        background-size: 100%;
        height: 50px;
    }
    .livro-reclamacoes:hover {
        background: url(../livro_reclamacoes.png?HEQscNk2bhiPK0Oqn6FQRQ) top left no-repeat;
        background-size: 100%;
        height: 50px;
    }
    
@media only screen and (min-width: 61.313em) {

    .footer-container-end {
        padding-top: 20vh;
    }
}
@media only screen and (min-width: 50.0625em) {
        .horse:after {
        right: -460px;
        bottom: -410px;
    }
}
@media only screen and (max-width: 48em) {
  .horse:after {
        right: -480px;
        bottom: -510px;
    }
}
.footer-container-nav,
.footer-container-end{
    position: relative;
    z-index: 2;
}


.btn-footer{
    /* The child selector selects all elements that are the children of a specified element */
    background-color:transparent;
    color:var(--color-neutral-0);
    cursor: pointer;
    transition: none;
    padding: 14px 32px;
    border-radius: 0;
    letter-spacing: .5px;
    max-height: 56px;
    border: 2px solid var(--color-neutral-0);
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1rem;
} 

.btn-footer:hover {
    background-color:var(--color-neutral-0);
    color:var(--color-secondary);
}

.btn-footer:focus {
    background-color:var(--color-neutral-0);
    color:var(--color-secondary);
}

.btn-footer:focus .ac-label-h6-white {
    color:var(--color-secondary);
}
.btn-footer:hover .ac-label-h6-white {
    color:var(--color-secondary);
}

.btn-footer:active {
    background-color:var(--color-neutral-0);
    color:var(--color-secondary);
}
.footer-help {
    position: absolute;
    right: 0;
    bottom: 40px;
    max-width: 360px;
    z-index: 2;
}

@media only screen and (min-width: 48.063em) {
    .footer-help {
        max-width: 320px;
        right: -40px;
        bottom: 40px;
    }
}
@media only screen and (max-width: 48em) {
    .footer-help {
        max-width: 320px;
        right: 20px;
        bottom: 20px !important;
        width: 290px;
    }
}
@media only screen and (min-width: 80.0625em) {
    .footer-help {
        max-width: 360px;
        right: 0;
        bottom: 40px;
    }
}

@media only screen and (max-width: 48em) {
    .footer-container-end {
        padding-bottom: 300px;
        position: relative;
        z-index: 1;
    }
}

.section-expandable.accordion-footer
 {
    background-color: #f5f6f6!important;
    border: none!important;
    border-bottom-width: var(--border-size-none);
    margin-bottom: 2px;
}

 .accordion-footer .section-expandable-icon:after{
    content:  "\F121"!important;
    font-family: Ctt Icons;
    font-size: 16px;
}
.accordion-footer.is--open .section-expandable-icon:after {
    content:  "\F120"!important;
    font-family: Ctt Icons;
    font-size: 16px;
}

.horse a:hover{
    color: var(--color-primary) !important;
}
.horse .ac-medium-label-base,.ac-label-base{
   letter-spacing: .5px;
}
.footer-facebook:hover{
    color: #4665AC;
}
.footer-instagram:hover{
    color: #000000;
}
.footer-linkedin:hover{
    color: #0083C1;
}
.footer-youtube:hover{
    color: #EC2126;
}
 
 .svg-is-enabled svg path {
    fill: var(--color-neutral-6);
}

.pop-up-pdf-height{
    height: 66vh
}

.top-25{
    position: relative;
    top:25%;
}