/* Cores de bordas, textos em fundos coloridos, shadows - BRANCOS */
:root {
  --color-4: #cc0000;
  --color-26: #990000;
  --color-1: #d8d8d8;
  --color-6: #ffffff;
  --color-11: #f3f3f3;
  --color-13: #e2e8f7;
  --color-14: #f9f9f9;
  --color-19: #e3e9fa;
  --color-20: #d1d1d1;
  --color-21: #ccd6ee;
  --color-22: #f1f1f1;
  --color-background: #d9d9d9;
  --color-barra-simulador: #cbcbcb;
  --color-separator: #c5e0da;
  --gray-info-border: #cccccc;
  --color-29: #f5f9fb;
  --silver-gray: #d8d8d8;
  --white: #fff;
  --box-shadow: #e2e8f7;
  --box-bg-active: #f9f9f9;
  --select-gray: #f3f3f3;
  --border-radio: #d1d1d1;
  --color-cod-error: #f0f0f0;
  --color-filled-mobile: #ffffff;
  --color-filled-mobile-closed: #ffffff;
  --color-title-pj: #cc0000;
  --color-link: #333333;
  --disabled: #dfdfdf;

  /* VERMELHOS */
  --red: #ed1d24;
  --color-31: #c00;
  --color-pdf: #c00;
  --contactus: #c00;
  --color-close-filled: #cc0000;

  /* CORES DE TEXTO - PRETO E MAIS ESCURAS */
  --color-12: #000000;
  --color-27: #222222;
  --select-green: var(--color-12);
  --green: var(--color-12);
  --border-black: #22222266;

  /* COLORIDAS: */
  --color-5: #1bb3bc;
  --color-23: #2ad368;
  --color-24: #0094de;
  --color-25: #f2ad31;
  --color-green-check: #1bbc9d;
  --aqua: #02c9d5;
  --background-tag: #deedf2;
  --select-all: #deedf2;

  /* Fundos dos status de pagamento nos card */
  --color-payment-settled: #5ab8ca;
  --color-payment-ceded: #f2a51a;
  --color-payment-agreement: #f88200;
  --color-payment-processing: #f2a51a;

  /* Cores de informação bordas e labels - cinzas */
  --black-preto: #222;
  --color-info-text: #444444;
  --color-info-text-mobile: var(--color-6);
  --dark-grey: #999;
  --gray-label: #4d4d4d;
  --text-color: #4d4d4d;
  --color-7: #4d4d4d;
  --menu-active: #3b4145;
  --gray-label-2: #4a4a4a;
  --box-bd-active: #979797;
  --color-15: #979797;
  --color-card: #767676;
  --color-16: #434557;
  --color-17: #333333;
  --color-18: #323545;
  --color-8: #3f4153;
  --color-9: #919292;
  --color-10: #3b4145;
  --color-2: #999999;
  --color-3: #3b4148;
  --color-30: #eeeeee;
  --gray: #cccccc;
  --gray-light: #f2f2f2;
  --gray-input-border: var(--dark-grey);
  --menu-inactive: var(--dark-grey);
  --shadow-gray: #22222240;
  --tooltip: #555;

  /* Verdes */
  --color-28: #739e41;
  --color-check-filled: #739e41;

  --icon-system-unavailable: var(--color-6);
  --header-bg-color: var(--color-6);
  --header-bg-color-mob: var(--color-4);
  --header-bg-color-login: var(--color-26);
  --header-bg-color-login-new-pwd: var(--color-26);
  --header-bg-color-logged: var(--color-4);
  --page-title: #fff;
  --page-lcl: #fff;
  --color-info-text-mobile: #fff;
  --title-desk: #444;
  --page-link: #fff;
  --image-header: 170px;
  --image-header-desk: 302px;
  --margintop-header-desk: 3%;
  --padding-login-header: 10px 18px;
  --title-step-mobile: #fff;
  --title-step-mobile-home: #fff;
  --background-field-label: var(--color-26);
  --color-button: #fff;
  --background-radio: var(--color-6);
  --color-error: #fff;
  --color-error-logado: #f14c4c;
  --color-error-pwd-mobile: var(--color-error);
  --color-error-desk: #f14c4c;
  --color-text-menu-desk: var(--color-4);
  --color-banner-content: #990000;
  --color-banner-shadow: #f5f9fb;
  --height-banner: 421px;
  --color-atraso: var(--color-4);
  --color-error-input: var(--color-4);

  /* logo background*/
  --bg-img: url('/spa-mktfinweb/assets/themes/SNT/imgs/Santander.svg');
  --bg-img-desk: url('/spa-mktfinweb/assets/themes/SNT/imgs/Santander-Desk.svg');
  --bg-size: 64% 76%;
  --bg-img-mobile: url('/spa-mktfinweb/assets/themes/SNT/imgs/logo-mobile-logado.svg');
  --bg-img-mobile-login: url('/spa-mktfinweb/assets/themes/SNT/imgs/logo-mobile.svg');
  --bg-img-cinza: url('/spa-mktfinweb/assets/themes/SNT/imgs/logo-cinza.svg');
  --bg-img-cinza-size: 114% 114%;
  --validateToken: var(--color-4);
  --background-hover-btn: #fde5e5;
  --bg-min-height: 81svh;
  --bg-gray-min-height: 90svh;
  /* logo background dimensão 2160*/
  --bg-2160-size: 141% 111%;
  --bg-2160-x: 1vh;
  --bg-2160-y: 14vh;
  --bg-gray-2160-size: 122% 100%;
  --bg-gray-2160-x: 1vh;
  --bg-gray-2160-y: 23vh;
  /* logo background dimensão 1920*/
  --bg-1920-size: 100% 111%;
  --bg-1920-x: 16vh;
  --bg-1920-y: 11vh;
  --bg-gray-1920-size: 100% 100%;
  --bg-gray-1920-x: 13vh;
  --bg-gray-1920-y: 5vh;
  /* logo background dimensão 1620*/
  --bg-1620-size: 100% 105%;
  --bg-1620-x: 9vh;
  --bg-1620-y: 26vh;
  --bg-gray-1620-size: 95% 100%;
  --bg-gray-1620-x: 18vh;
  --bg-gray-1620-y: 5vh;
  /* logo background dimensão 1440*/
  --bg-1440-size: 110% 122%;
  --bg-1440-x: 10vh;
  --bg-1440-y: 8vh;
  --bg-gray-1440-size: 100% 103%;
  --bg-gray-1440-x: 11vh;
  --bg-gray-1440-y: 7vh;
  /* logo background dimensão 1366*/
  --bg-1366-size: 100% 122%;
  --bg-1366-x: 19vh;
  --bg-1366-y: 8vh;
  --bg-gray-1366-size: 90% 107%;
  --bg-gray-1366-x: 13vh;
  --bg-gray-1366-y: 10vh;
  /* logo background dimensão 1280*/
  --bg-1280-size: 113% 125%;
  --bg-1280-x: 10vh;
  --bg-1280-y: 5vh;
  --bg-gray-1280-size: 94% 122%;
  --bg-gray-1280-x: 7vh;
  --bg-gray-1280-y: -1vh;
  /* logo background dimensão 721*/
  --bg-721-size: 129% 122%;
  --bg-721-x: 1vh;
  --bg-721-y: 10vh;
  --bg-gray-721-y: -5vh;
  --color-backgroud: var(--color-26);

  /* Tamanhos de logo no Header e margins */
  --margin-top: 0%;
  --margin-left: 59px;
  --width: 132px;

  /* header area não logada */
  --header-heigth: 80px;
  --header-padding-t: 15px;

  /* header area não logada */
  --desk-header-heigth: 60px;

  /* Cor barra progresso */
  --color-progress: #cc0000;

  /* logo na área de login */
  --logo-margin-l: 0px !important;
  --desk-margin-l: 116px;

  /* logo area logada */
  --mobile-margin-l: 0%;
  --desk-width: 270px;
  --desk-margin-left: 59px;
  --desk-margin-t: 2%;

  /* icone boneco */
  --user-color: #fff;
  --user-color-icon: #fff;
  --user-margin-t: 0px;
  --mobile-top: 41px;

  /* menu área logada */
  --mobile-margin-t: -5px;
  --mobile-menu-top: 58px;
  --desk-padding-l: 45px;

  /* Textos */
  --title-new-profile-desk: var(--color-4);
  --title-positivation: var(--color-4);
  --title-login: 40px;
  --text-weight: 400;
  --h3-text-weight: 500;
  --content-font-size: 1.5rem;
  --text-transform: none;
  --color-title: #3b4148;
  --title-new-profile: var(--color-4);
  --login-segment-color: var(--color-info-text);
  --login-segment-active-color: var(--color-4);
  --login-segment-color-mobile: var(--color-6);
  --login-segment-active-color-mobile: var(--color-6);

  /* Fontes */
  --font-family-pattern: SantanderText, sans-serif;
  --font-family-Micro: SantanderMicroText, sans-serif;
  --font-family-Headline: SantanderHeadline, sans-serif;
  --font-title-Offline-system: SantanderText, sans-serif;

  /* Logo Background Cinza */
  --background-cinza-1100: 99% 99%;

  /* Logo Background Area Logada */
  --bgd-position-x: 15vh;
  --bgd-position-y: 0vh;

  /* Ajuste Carro Cards Contrato */
  --height-img-car: 64px;
  --margin-bottom-img-car: 0px;

  /* Ajuste Carro Cards Boleto */
  --width-img-car-installment-desk: 180px;
  --width-img-car-installment-mobile: 100px;
  --height-img-car-installment-mobile: 64px;
  --margin-img-car-installment-mobile: 0px;

  /* Tamanho fonte login */
  --size-fonts: 16px;
  --color-boas-vindas: #fff;

  --image-backgroud-menu: url('/spa-mktfinweb/assets/imgs/icons/list.svg');
  --image-menu-close: url('/spa-mktfinweb/assets/imgs/icons/ic_system_close.svg');
}