:root{
  --text-white: #ffffff;
  --text-offwhite: #f7f7f7;
  --text-darkwhite:#e9e5e2;
  --text-black: #202220;
  --text-grey: #808080;
  --text-darkgrey: #404040;
  --text-yellow: #f1b100;
  --text-yellow-light: rgba(240,200,33,1);
  --text-red: #b91c1c;
  --text-offred: #fca5a5;
  --text-green: #12a812;
  --text-green-light: rgba(55,210,55,1);
  --text-green-dark: #3e9812;
  --text-offgreen: #bbf7d0;
  --text-blue-light: rgba(80,170,230,1);

  --deg-white-90: rgba(255,255,255,0.8);
  --deg-white-75: rgba(255,255,255,0.6);
  --deg-white-50: rgba(255,255,255,0.4);

  --deg-black-90: rgba(32,34,32,0.8);
  --deg-black-75: rgba(32,34,32,0.6);
  --deg-black-50: rgba(32,34,32,0.4);

  --deg-grey-90: rgba(128,128,128,0.8);
  --deg-grey-75: rgba(128,128,128,0.6);
  --deg-grey-50: rgba(128,128,128,0.4);

  --deg-darkgrey-90: rgba(64,64,64,0.8);
  --deg-darkgrey-75: rgba(64,64,64,0.6);
  --deg-darkgrey-50: rgba(64,64,64,0.4);

  --deg-yellow-90: rgba(231,186,45,0.8);
  --deg-yellow-75: rgba(231,186,45,0.6);
  --deg-yellow-50: rgba(231,186,45,0.4);

  --red-p: #d0737c;
  --red-t: #e8a8ae;
  --red-s: #ffdadd;
  --green-p: #b2d8a0;
  --green-s: #d1ecc4;
  --green-t: #effce9;
  --cyan-p: #b7cee3;
  --cyan-s: #d8ecff;
  --cyan-t: #f2f9ff;
  --gray-p: #cbcbcb;
  --gray-s: #e4e4e4;
  --gray-t: #f6f6f6;
  --purple-p: #c0c0de;
  --purple-s: #e2e2f8;
  --purple-t: #faf8ff;
  --pink-p: #e1b4d4;
  --pink-s: #f1cfe7;
  --pink-t: #fff0fa;
  --orange: #fd7e14;
  --orange-p: #ffbb5b;
  --orange-s: #ffd3a8;
  --orange-t: #ffeedf;
  --yellow-p: #f1b100;
  --yellow-s: #f4f9a0;
  --yellow-t: #feffe4;

  --novenove: #f0b72c;
  --taxi: #f0b72c;
  --uber: #1d1d1d;
  --mktplace: #2899ea;
  --aiqfome: #630b93;
  --ifood:#dd0021;
  --cooperativa:#092932;
  --outros:#1d1d1d;

  --bg-white: #ffffff;
  --bg-offwhite: #f7f7f7;
  --bg-darkwhite:#e9e5e2;
  --bg-black: #202220;
  --bg-grey: #808080;
  --bg-darkgrey: #404040;
  --bg-yellow: #f1b100;
  --bg-yellow-light: rgba(255,190,0,1);
  --bg-red: #e00000;
  --bg-offred: #e00000;
  --bg-green: #12a812;
  --bg-green-light: rgba(55,210,55,1);
  --bg-offgreen: #6dbb6d;
  --bg-blue: #194cff;
  --bg-offblue: #b9ddf5;

  --color-white: rgba(255,255,255,1);
  --color-white-1: rgba(255,255,255,0.88);
  --color-white-2: rgba(255,255,255,0.77);
  --color-white-3: rgba(255,255,255,0.69);
  --color-white-4: rgba(255,255,255,0.14);
  --color-red-light: rgba(205,30,50,0.85);
  --color-green-light: rgba(55,210,55,0.85);
  --color-yellow-light: rgba(247,187,17,1);
  --color-purple-light: rgba(100,60,245,0.75);

  --line-red-light: rgba(205,30,50,0.9);
  --line-green-light: rgba(55,210,55,0.9);
  --line-yellow-light: rgba(255,230,0,0.7);
  --line-purple-light: rgba(100,60,245,1);

  --shadow-red-light: rgba(205,30,50,0.77);
  --shadow-green-light: rgba(55,210,55,0.77);
  --shadow-yellow-light: rgba(247,187,17,1);
    --shadow-yellow-light-1: rgba(247,187,17,0.89);
    --shadow-yellow-light-2: rgba(247,187,17,0.79);
    --shadow-yellow-light-3: rgba(247,187,17,0.69);
  --shadow-purple-light: rgba(100,60,245,1);
    --shadow-purple-light-1: rgba(100,60,245,0.89);
    --shadow-purple-light-2: rgba(100,60,245,0.79);
    --shadow-purple-light-3: rgba(100,60,245,0.69);

  --icon-white-1: rgba(255,255,255,1);
  --icon-white-2: rgba(255,255,255,0.8);
  --icon-white-3: rgba(255,255,255,0.69);
  --icon-white-4: rgba(255,255,255,0.55);

  --icon-purple-1: rgba(100,60,245,1);
  --icon-purple-2: rgba(100,60,245,0.8);
  --icon-purple-3: rgba(100,60,245,0.69);
  --icon-purple-4: rgba(100,60,245,0.55);

  --icon-pix: rgba(90,180,170,1);

}

@media (min-width: 576px) {

  h1, .h1 { font-size: 2.6rem; line-height: 2.8rem; }
  h2, .h2 { font-size: 2.4rem; line-height: 2.6rem; }
  h3, .h3 { font-size: 2.2rem; line-height: 2.4rem; }
  h4, .h4 { font-size: 2rem; line-height: 2.2rem; }
  h5, .h5 { font-size: 1.8rem; line-height: 2rem; }
  h6, .h6 { font-size: 1.6rem; line-height: 1.8rem; }

  .lead { font-size: 1.25rem; font-weight: 300; }

  .display-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .display-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .display-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .display-4 { font-size: 2.3rem; line-height: 2.3rem; }

  .text-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .text-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .text-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .text-4 { font-size: 2.3rem; line-height: 2.3rem; }
  .text-5 { font-size: 2.0rem; line-height: 2.0rem; }
  .text-6 { font-size: 1.8rem; line-height: 1.8rem; }
  .text-7 { font-size: 1.5rem; line-height: 1.5rem; }
  .text-8 { font-size: 1.2rem; line-height: 1.2rem; }
  .text-9 { font-size: 1rem; line-height: 1rem; }

}

@media (min-width: 768px){

  h1, .h1 { font-size: 2.6rem; line-height: 2.8rem; }
  h2, .h2 { font-size: 2.4rem; line-height: 2.6rem; }
  h3, .h3 { font-size: 2.2rem; line-height: 2.4rem; }
  h4, .h4 { font-size: 2rem; line-height: 2.2rem; }
  h5, .h5 { font-size: 1.8rem; line-height: 2rem; }
  h6, .h6 { font-size: 1.6rem; line-height: 1.8rem; }

  .lead { font-size: 1.25rem; font-weight: 300; }

  .display-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .display-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .display-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .display-4 { font-size: 2.3rem; line-height: 2.3rem; }

  .text-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .text-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .text-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .text-4 { font-size: 2.3rem; line-height: 2.3rem; }
  .text-5 { font-size: 2.0rem; line-height: 2.0rem; }
  .text-6 { font-size: 1.8rem; line-height: 1.8rem; }
  .text-7 { font-size: 1.5rem; line-height: 1.5rem; }
  .text-8 { font-size: 1.2rem; line-height: 1.2rem; }
  .text-9 { font-size: 1rem; line-height: 1rem; }

}

@media (min-width: 992px){

  h1, .h1 { font-size: 2.6rem; line-height: 2.8rem; }
  h2, .h2 { font-size: 2.4rem; line-height: 2.6rem; }
  h3, .h3 { font-size: 2.2rem; line-height: 2.4rem; }
  h4, .h4 { font-size: 2rem; line-height: 2.2rem; }
  h5, .h5 { font-size: 1.8rem; line-height: 2rem; }
  h6, .h6 { font-size: 1.6rem; line-height: 1.8rem; }

  .lead { font-size: 1.25rem; font-weight: 300; }

  .display-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .display-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .display-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .display-4 { font-size: 2.3rem; line-height: 2.3rem; }

  .text-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .text-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .text-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .text-4 { font-size: 2.3rem; line-height: 2.3rem; }
  .text-5 { font-size: 2.0rem; line-height: 2.0rem; }
  .text-6 { font-size: 1.8rem; line-height: 1.8rem; }
  .text-7 { font-size: 1.5rem; line-height: 1.5rem; }
  .text-8 { font-size: 1.2rem; line-height: 1.2rem; }
  .text-9 { font-size: 1rem; line-height: 1rem; }

}

@media (min-width: 1200px) {

  h1, .h1 { font-size: 2.6rem; line-height: 2.8rem; }
  h2, .h2 { font-size: 2.4rem; line-height: 2.6rem; }
  h3, .h3 { font-size: 2.2rem; line-height: 2.4rem; }
  h4, .h4 { font-size: 2rem; line-height: 2.2rem; }
  h5, .h5 { font-size: 1.8rem; line-height: 2rem; }
  h6, .h6 { font-size: 1.2rem; line-height: 1.8rem; }

  .lead { font-size: 1.25rem; font-weight: 300; }

  .display-1 { font-size: 2.9rem; line-height: 2.8rem; }
  .display-2 { font-size: 2.6rem; line-height: 2.5rem; }
  .display-3 { font-size: 2.3rem; line-height: 2.1rem; }
  .display-4 { font-size: 2rem; line-height: 1.8rem; }

  .text-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .text-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .text-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .text-4 { font-size: 2.3rem; line-height: 2.3rem; }
  .text-5 { font-size: 2.0rem; line-height: 2.0rem; }
  .text-6 { font-size: 1.8rem; line-height: 1.8rem; }
  .text-7 { font-size: 1.5rem; line-height: 1.5rem; }
  .text-8 { font-size: 1.2rem; line-height: 1.2rem; }
  .text-9 { font-size: 0.9rem; line-height: 1rem; }

}

@media (min-width: 1920px) {

  h1, .h1 { font-size: 2.6rem; line-height: 2.8rem; }
  h2, .h2 { font-size: 2.4rem; line-height: 2.6rem; }
  h3, .h3 { font-size: 2.2rem; line-height: 2.4rem; }
  h4, .h4 { font-size: 2rem; line-height: 2.2rem; }
  h5, .h5 { font-size: 1.8rem; line-height: 2rem; }
  h6, .h6 { font-size: 1.2rem; line-height: 1.8rem; }

  .lead { font-size: 1.25rem; font-weight: 300; }

  .display-1 { font-size: 2.9rem; line-height: 2.8rem; }
  .display-2 { font-size: 2.6rem; line-height: 2.5rem; }
  .display-3 { font-size: 2.3rem; line-height: 2.1rem; }
  .display-4 { font-size: 2rem; line-height: 1.8rem; }

  .text-1 { font-size: 3.2rem; line-height: 3.2rem; }
  .text-2 { font-size: 2.9rem; line-height: 2.9rem; }
  .text-3 { font-size: 2.6rem; line-height: 2.6rem; }
  .text-4 { font-size: 2.3rem; line-height: 2.3rem; }
  .text-5 { font-size: 2.0rem; line-height: 2.0rem; }
  .text-6 { font-size: 1.8rem; line-height: 1.8rem; }
  .text-7 { font-size: 1.5rem; line-height: 1.5rem; }
  .text-8 { font-size: 1.2rem; line-height: 1.2rem; }
  .text-9 { font-size: 1rem; line-height: 1rem; }

}

.Anton { font-family: 'Anton', sans-serif; }

.RedHat { font-family: 'Red Hat Display', sans-serif; }
  .RedHat3 { font-weight: 300; }
  .RedHat3i { font-weight: 300; font-style: italic !important; }
  .RedHat4 { font-weight: 400; }
  .RedHat4i { font-weight: 400; font-style: italic !important; }
  .RedHat5 { font-weight: 500; }
  .RedHat5i { font-weight: 500; font-style: italic !important; }
  .RedHat6 { font-weight: 600; }
  .RedHat6i { font-weight: 600; font-style: italic !important; }
  .RedHat7 { font-weight: 700; }
  .RedHat7i { font-weight: 700; font-style: italic !important; }
  .RedHat8 { font-weight: 800; }
  .RedHat8i { font-weight: 800; font-style: italic !important; }
  .RedHat9 { font-weight: 900; }
  .RedHat9i { font-weight: 900; font-style: italic !important; }

/* Textos do Site */
.text-white { color: var(--text-white) !important; }
  .deg-white-90 { color: var(--deg-white-90) !important; }
    .deg-white-90:hover { color: var(--deg-white-90) !important; }
  .deg-white-75 { color: var(--deg-white-75) !important; }
    .deg-white-75:hover { color: var(--deg-white-75) !important; }
  .deg-white-50 { color: var(--deg-white-50) !important; }
    .deg-white-50:hover { color: var(--deg-white-50) !important; }
.text-black { color: var(--text-black) !important; }
.text-grey { color: var(--text-grey) !important; }
.text-darkgrey { color: var(--text-darkgrey) !important; }
.text-yellow { color: var(--text-yellow) !important; }
  .deg-yellow-90 { color: var(--deg-yellow-90) !important; }
    .deg-yellow-90:hover { color: var(--deg-white-90) !important; }
  .deg-yellow-75 { color: var(--deg-yellow-75) !important; }
    .deg-yellow-75:hover { color: var(--deg-white-75) !important; }
  .deg-yellow-50 { color: var(--deg-yellow-50) !important; }
    .deg-yellow-50:hover { color: var(--deg-white-50) !important; }
.text-yellow-light { color: var(--text-yellow-light) !important; }
.text-red { color: var(--text-red) !important; }
.text-offred { color: var(--text-offred) !important; }
.text-orange { color: var(--orange) !important; }
.text-green { color: var(--text-green) !important; }
.text-green-light { color: var(--text-green-light) !important; }
.text-blue-light { color: var(--text-blue-light) !important; }
.text-offgreen { color: var(--text-offgreen) !important; }
.text-silver { color: #a2a2a2 !important; }
.text-darksilver { color: #686868 !important; }
.text-purple { color: #7d68a7 !important; }
.text-purpleDark { color: #665097 !important; }
.text-price { color: #6fab52 !important; }
.text-back-fade { background: rgba(231,186,45,0.88) !important; color: #4a4848 !important;}

/* Background - Menu */
.background-mHeader { background: rgba(21,23,22) !important; color: #f7f7f7 !important; cursor: default; }
.background-wHeader { background: rgba(21,23,22) !important; color: #f7f7f7 !important; }

/* Background - Body */
.background-mBody { background: rgba(43,43,43) !important; color: #ffffff !important; cursor: default; }
.background-mBodyBio { background: rgba(21,23,22) !important; color: #f7f7f7 !important; outline: none !important; }
  .background-mBodyWhite { background: var(--color-white) !important; color: #f7f7f7 !important; outline: none !important; }
.background-wBody { background: rgba(43,43,43) !important; color: #ffffff !important; }

/* Background - Footer */
.background-mFooter { background: rgba(43,43,43) !important; color: #ffffff !important; cursor: default; }
.background-offwhite-wFooter { background: rgba(247,247,247,1) !important; color: #ffffff !important; }
.background-wFooter { background: rgba(43,43,43) !important; color: #ffffff !important; }
.background-wFooter20 { background: rgba(43,43,43,0.8) !important; color: #ffffff !important; }
.background-wFooter30 { background: rgba(43,43,43,0.7) !important; color: #ffffff !important; }
.background-wFooter40 { background: rgba(43,43,43,0.6) !important; color: #ffffff !important; }
.background-wFooter50 { background: rgba(43,43,43,0.5) !important; color: #ffffff !important; }

/* Blur Backgrounds */
.background-white-blur-0 { background: rgba(255,255,255,0.35) !important; }
.background-white-blur-0::before{ top: -4px; left: -4px; filter: blur(7px); backdrop-filter: blur(14px); -webkit-filter: blur(14px); }
.background-white-blur-1 { background: rgba(255,255,255,0.7) !important; }
.background-white-blur-1::before{ top: -4px; left: -4px; filter: blur(7px); backdrop-filter: blur(14px); -webkit-filter: blur(14px); }

/* Backgrounds Solids */
.background-white { background: var(--bg-white) !important; cursor: default; }
.background-white-1 { background: var(--color-white-1) !important; cursor: default; }
.background-white-2 { background: var(--color-white-2) !important; cursor: default; }
.background-white-3 { background: var(--color-white-3) !important; cursor: default; }
.background-white-4 { background: var(--color-white-4) !important; cursor: default; }
.background-offwhite { background: var(--bg-offwhite) !important; cursor: default; }
.background-darkwhite { background: var(--bg-darkwhite) !important; cursor: default; }
.background-black { background: var(--bg-black) !important; cursor: default; }
.background-grey { background: var(--bg-grey) !important; cursor: default; }
.background-darkgrey { background: var(--bg-darkgrey) !important; cursor: default; }
.background-yellow { background: var(--bg-yellow) !important; cursor: default; }
.background-blue { background: var(--bg-blue) !important; cursor: default; }
.background-offblue { background: var(--bg-offblue) !important; }
.background-red { background: var(--text-red) !important; }
.background-offred { background: var(--text-offred) !important; }
.background-green { background: var(--text-green) !important; }
.background-offgreen { background: var(--text-offgreen) !important; }
.background-pink { background: var(--pink-t) !important; color: var(--white) !important; }

.background-solidWhite { background: rgba(255,255,255,1) !important; }
.background-solidOffWhite { background: rgba(247,247,247,0.35) !important; }
.background-solidAmbar { background: rgba(255,222,190,1) !important; }
.background-solidGreen { background: rgba(84,184,98,1) !important; }
.background-solidGreen15 { background: rgba(84,184,98,0.15) !important; }

/* Background - Gradient */
.background-black_grey { background: linear-gradient(0deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey-35 { background: linear-gradient(-45deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey-45 { background: linear-gradient(-45deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey45 { background: linear-gradient(45deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey90 { background: linear-gradient(900deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey-80 { background: linear-gradient(900deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey-90 { background: linear-gradient(900deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey180 { background: linear-gradient(180deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }
  .background-black_grey-180 { background: linear-gradient(180deg, rgba(32,34,32,1) 0%, rgba(114,114,114,1) 100%); }

.background-black_darkgrey { background: linear-gradient(160deg, rgba(33,38,51,1) 0%, rgba(17,21,33,1) 100%); }

.background-gradientBlue { background: linear-gradient(160deg, rgba(33,38,51,1) 0%, rgba(17,21,33,1) 100%); }
.background-OrangeRose { background: linear-gradient(140deg, rgba(255,98,73,0.69) 30%, rgba(255,48,114,0.85) 100%); }
.background-OrangeRed { background: linear-gradient(140deg, rgba(250,190,65,1) 0%, rgba(240,60,80,1) 120%); }
.background-OrangeMarsala { background: linear-gradient(195deg, rgba(255,165,40,1) 0%, rgba(180,45,40,1) 100%); }
.background-AzulRoxo { background: linear-gradient(140deg, rgba(87,154,213,1) 0%, rgba(102,80,151,1) 120%); }
  .background-AzulRoxo-9 { background: linear-gradient(140deg, rgba(87,154,213,0.9) 0%, rgba(102,80,151,1) 120%); }
  .background-AzulRoxo-8 { background: linear-gradient(140deg, rgba(87,154,213,0.8) 0%, rgba(102,80,151,0.9) 120%); }
  .background-AzulRoxo-7 { background: linear-gradient(140deg, rgba(87,154,213,0.7) 0%, rgba(102,80,151,0.9) 120%); }
  .background-AzulRoxo-6 { background: linear-gradient(140deg, rgba(87,154,213,0.6) 0%, rgba(102,80,151,0.8) 120%); }
.background-SilverGray { background: linear-gradient(140deg, rgba(132,132,132,0.69) 0%, rgba(32,36,49,0.95) 120%); }

/* Shadow Boxes*/
.shadow-1 { -webkit-box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.25); box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.25); }
.shadow-2 { -webkit-box-shadow: 0px 4px 10px 3px rgba(0,0,0,0.16); box-shadow: 0px 4px 10px 3px rgba(0,0,0,0.16); }
.shadow-3 { -webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.10); box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.10); }
.shadow-4 { -webkit-box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.07); box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.07); }

/* Background Images */
.background-account { background: url("../images/web/drive_account.jpg") no-repeat; background-size: cover; }

.input-chat { background: transparent !important; border: 0 !important; color: #191600 !important; }
  .input-chat:focus{ outline: none !important; color: #191600 !important;}

.input-chat-white { background: #fff !important; border: none; color: #333333 !important; }
  .input-chat-white:focus{ outline: none !important; color: #333333 !important;}

.input-chat-orange{ background: #ffffff !important; border: none; color: #1f1206 !important; }
  .input-chat-orange:focus{ outline: none !important; color: #333333 !important;}

.input-chat-blue{ background: #ffffff !important; border: none; color: #11172c !important; }
  .input-chat-blue:focus{ outline: none !important; color: #333333 !important;}

.input-chatbottom { border-bottom: 2px solid #191600; }
.input-chatbottom-white { border-bottom: 2px solid #ffffff; }

/* Cor Body */
.background-chat { background: rgba(244,243,238) !important; color: rgba(21,23,22) !important; cursor: default; }
.background-chatback { background: rgba(242,215,0) !important; color: #191600 !important; cursor: default; }
.background-chatback-orange { background: rgba(250,190,65,1); color: #ffffff !important; cursor: default; }

/* Botões do Site */
.btn-border { text-decoration: none; border: 2px solid #e7ca3f; color: #e7ca3f; scroll-behavior: smooth;}
  .btn-border:hover { text-decoration: none; border: 2px solid #ffe04d; color: #ffe04d; }
.btn-border-greenlight { text-decoration: none; border: 1px solid var(--line-green-light) !important; scroll-behavior: smooth;}
  .btn-border-greenlight:hover { text-decoration: none; border: 2px solid var(--line-green-light) !important; scroll-behavior: smooth;}
.btn-border-yellowlight { text-decoration: none; border: 1px solid var(--line-yellow-light) !important; scroll-behavior: smooth;}
  .btn-border-yellowlight:hover { text-decoration: none; border: 2px solid var(--line-yellow-light) !important; scroll-behavior: smooth;}
.btn-border-purplelight { text-decoration: none; border: 1px solid var(--line-purple-light) !important; scroll-behavior: smooth;}
  .btn-border-purplelight:hover { text-decoration: none; border: 2px solid var(--line-purple-light) !important; scroll-behavior: smooth;}
.btn-border-redlight { text-decoration: none; border: 1px solid var(--line-red-light) !important; scroll-behavior: smooth;}
  .btn-border-redlight:hover { text-decoration: none; border: 2px solid var(--line-red-light) !important; scroll-behavior: smooth;}
.btn-borderWhite { border: 2px solid #ffffff !important; }

/* Botões do Background */
.btn-yellow-light { text-decoration: none; background: var(--color-yellow-light); color: #ffffff !important; scroll-behavior: smooth; }
  .btn-yellow-light:hover { text-decoration: none; background: var(--color-yellow-light); color: #ffffff !important; scroll-behavior: smooth; }

.btn-yellow { background: var(--yellow); }

.br-7 { border-radius: 7px; }
.br-15 { border-radius: 15px; }

.column-striped > :nth-child(odd) {
  background: #e8e8e8;
}

.btn.disabled {
  opacity: .5;
  pointer-events: none;
  cursor: wait;
}

.mdi {
  font-size: 24px;
  line-height: 18px;
  vertical-align: text-bottom;
}

@media (min-width: 768px) {
  .border-md-0 {
    border-width: 0 !important;
  }
}

.min-90vh {
  min-height: 90vh;
}

.alert-group {
  margin-top: .5rem;
  margin-bottom: .25rem;
}
.alert-group > div {
  padding: 0;
}
.alert-group > div .alert {
  padding: .5rem 1rem;
  border-radius: .5rem;
}
.alert-group > div:not(:first-of-type) .alert {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.alert-group > div:not(:last-of-type) .alert {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

body:has(.dev-header) {
  padding-top: 5.5rem;
}

@media (min-width: 313px) {
  body:has(.dev-header) {
    padding-top: 4rem;
  }
}

@media (min-width: 462px) {
  body:has(.dev-header) {
    padding-top: 2.25rem;
  }
}

@media (min-width: 894px) {
  body:has(.dev-header) {
    padding-top: 1.25rem;
  }
}

.dev-header {
  position: fixed;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: oklch(50.5% 0.213 27.518);
  color: white;
}

.dev-header a {
  color: white;
  text-decoration: underline;
}