/* Minification failed. Returning unminified contents.
(524,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(664,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800'
(676,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800'
(691,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-900'
(692,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(703,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-900'
(716,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(718,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800'
(727,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-400'
(728,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-900'
(746,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(752,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-400'
(949,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(960,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(961,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(1138,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(1175,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1185,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1218,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1228,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1246,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1256,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1266,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1314,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1333,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1386,17): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(1425,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1429,32): run-time error CSS1039: Token not allowed after unary operator: '-main-300'
(1433,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1442,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1449,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1460,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(1479,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1483,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1489,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1528,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1550,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1558,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1593,17): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(1639,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1649,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1655,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1664,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1696,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1702,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1732,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1776,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1785,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1796,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1798,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1807,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(1812,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1816,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1825,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1829,32): run-time error CSS1039: Token not allowed after unary operator: '-main-700'
(1853,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1857,17): run-time error CSS1039: Token not allowed after unary operator: '-main-700'
(1863,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1867,21): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(1883,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(1896,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(1904,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1921,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1929,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(1947,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(1952,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1960,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1982,28): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(1985,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(1993,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2009,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2019,21): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(2032,22): run-time error CSS1039: Token not allowed after unary operator: '-main-50'
(2045,21): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(2050,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(2064,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(2080,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(2085,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2100,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2113,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2117,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(2121,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2138,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(2152,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(2156,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(2164,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2170,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2181,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(2190,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2194,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2206,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(2221,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(2245,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(2252,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(2346,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(2359,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-700'
(2381,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2398,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2402,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2421,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(2427,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2446,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2451,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(2455,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2472,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2487,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2491,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2496,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2512,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2523,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(2528,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(2550,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2551,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(2558,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(2562,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2566,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(2570,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2654,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-700'
(2665,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-900'
(2673,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2682,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-900'
(2689,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2695,22): run-time error CSS1039: Token not allowed after unary operator: '-Orange-100'
(2696,17): run-time error CSS1039: Token not allowed after unary operator: '-Orange-600'
(2702,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2708,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-900'
(2736,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(2741,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2756,32): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(2757,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(2794,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-100'
(2807,35): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-50'
(2808,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(2832,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(2846,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2856,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3084,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(3119,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(3130,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3135,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3179,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3196,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3209,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3214,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3223,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3292,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3293,17): run-time error CSS1038: Expected hex color, found '#ffff'
(3300,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3301,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(3314,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3319,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3371,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(3387,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3397,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(3426,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(3431,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3440,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3498,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(3562,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(3579,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(3632,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(3644,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3651,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3676,17): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(3676,42): run-time error CSS1039: Token not allowed after unary operator: '-White'
(3702,17): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(3702,42): run-time error CSS1039: Token not allowed after unary operator: '-White'
(3729,22): run-time error CSS1039: Token not allowed after unary operator: '-Red-500'
(3736,32): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(3737,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-100'
(3745,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(3746,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-600'
(3761,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(3777,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(3835,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(3836,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(3847,32): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(3848,26): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(3907,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(3908,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(3917,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(3918,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(3950,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-400'
(3960,21): run-time error CSS1039: Token not allowed after unary operator: '-Gray-500'
(4038,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4039,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4062,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4077,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4082,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-600'
(4090,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4091,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4130,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4131,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4146,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4147,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4153,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-100'
(4164,22): run-time error CSS1039: Token not allowed after unary operator: '-Purple-100'
(4169,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4174,26): run-time error CSS1039: Token not allowed after unary operator: '-Green-500'
(4175,21): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4178,20): run-time error CSS1030: Expected identifier, found '.'
(4178,40): run-time error CSS1031: Expected selector, found ')'
(4178,40): run-time error CSS1025: Expected comma or open brace, found ')'
(4279,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4291,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4302,32): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-100'
(4347,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4374,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4375,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-500'
(4384,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4393,29): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4397,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-700'
(4403,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4414,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4420,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4427,32): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4437,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4476,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4481,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-400'
(4482,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(4501,25): run-time error CSS1039: Token not allowed after unary operator: '-Gray-500'
(4523,32): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4642,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4671,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-500'
(4686,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-400'
(4698,28): run-time error CSS1039: Token not allowed after unary operator: '-Red-300'
(4713,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4728,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4733,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(4738,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4743,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(4748,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-600'
(4754,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-500'
(4759,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(5224,17): run-time error CSS1039: Token not allowed after unary operator: '-Orange-600'
(5228,17): run-time error CSS1039: Token not allowed after unary operator: '-Green-400'
(5232,17): run-time error CSS1039: Token not allowed after unary operator: '-Green-500'
(5236,17): run-time error CSS1039: Token not allowed after unary operator: '-Green-600'
(5240,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-900'
(5244,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-800'
(5248,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-700'
(5252,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-600'
(5256,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-500'
(5260,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-500'
(5264,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-100'
(5272,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-700'
(5276,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5280,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5284,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5288,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5292,17): run-time error CSS1039: Token not allowed after unary operator: '-Red-600'
(5296,17): run-time error CSS1039: Token not allowed after unary operator: '-Red-500'
(5300,17): run-time error CSS1039: Token not allowed after unary operator: '-Purple-500'
(5304,17): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(5586,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-100'
(5590,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-200'
(5594,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(5598,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
(5636,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5664,28): run-time error CSS1039: Token not allowed after unary operator: '-Red-500'
(5669,28): run-time error CSS1039: Token not allowed after unary operator: '-Red-500'
(5671,17): run-time error CSS1039: Token not allowed after unary operator: '-Red-500'
(5684,35): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(5688,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300'
(5745,28): run-time error CSS1039: Token not allowed after unary operator: '-Gray-400'
(5746,22): run-time error CSS1039: Token not allowed after unary operator: '-Gray-White'
 */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

label, a, span, small, strong, h1, h2, h3, h4, h5, h6, div, button, p, td, select {
    font-family: 'Inter', sans-serif;
}

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

a {
    text-decoration: none !important;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus:-moz-placeholder { /* Firefox 18- */
    color: transparent;
}

textarea:focus::-moz-placeholder { /* Firefox 19+ */
    color: transparent;
}

textarea:focus:-ms-input-placeholder {
    color: transparent;
}

.placeholder {
    background-color: transparent !important;
    padding: 0px 10px !important;
}

/*botões login -----------------------*/
.btn-registrar {
    color: white;
    font-size: 19px;
    margin-bottom: 15px;
}

.btn-registrar {
    background: #289228 !important;
    color: whitesmoke !important;
}

    .btn-registrar:hover {
        background: #198219 !important;
    }

/*-----------------------------------*/

.corpo {
    min-height: 100vh !important;
}

.menuInfo {
    padding: 5px;
    font-weight: 600;
    font-size: 17px;
    border-bottom: solid 1px #ebebeb;
    color: black;
}

.linkLogin {
    text-align: right;
}

.margin-1 {
    margin-right: 1px;
    margin-left: 1px;
}

.menuTopo2 {
    padding: 5px;
    padding-bottom: 0;
}

.fixed {
    position: fixed;
    top: 0;
    left: 15px;
    z-index: 50000;
    width: 100%;
}

.more-less {
    float: right;
    color: #888888;
    -webkit-text-stroke: 2px whitesmoke;
}

.item-categoria-nome {
    color: #797978;
    font-size: 19px;
    font-weight: 500;
}

.selectSabor {
    margin-bottom: 0 !important;
}

    .selectSabor option {
        color: black;
    }

#spanTotalItem {
    color: white !important;
}

.promoLabel {
    color: #fff;
    background-color: #a94442;
    font-size: 9px !important;
    padding: 4px;
    border-radius: 8px;
}

.turnosAlert {
    cursor: default !important;
}

.blocoEndereco #favorito {
    color: #D90000;
}

.valorAtual {
    color: #0eb10e;
}

.fechado:after {
    color: red;
    content: "Fechado";
}

p.fechado span {
    color: red;
}

.aberto:after {
    color: green;
    content: "Aberto";
}

p.aberto span {
    color: green;
}

.pag-contato textarea {
    max-width: 100%;
    max-height: 300px;
}

.blocoEndereco {
    border-radius: 0.5em;
    margin-bottom: 15px;
    padding: 15px;
}

    .blocoEndereco .col-md-4 {
        text-align: center;
    }

.titulosInterPag ~ p {
    padding: 10px;
}

.tituloSemTop {
    margin-top: 0;
}

div.endInfo h4 {
    margin-top: 0;
}

.btnLogin {
    margin-bottom: 2px;
}

#menuPrincipal #navbar {
    padding-left: 0;
    padding-right: 0;
}

.profile {
    border-radius: 50%;
    float: left;
    margin-right: 13px;
    overflow: hidden;
    position: relative;
    top: -5px;
}

#LoginTopo:hover #ListTopoLogin {
    display: block !important;
}

#newItenCart {
    background-color: #17ba17;
    color: #fff;
    padding: 3px 7px 5px 6px;
    position: absolute;
}

.linkLoginTopo {
    display: block;
    padding: 11px;
}

.corpo {
    padding-top: 10px;
}

.titulosInterPag {
    padding: 10px;
    text-transform: uppercase;
}

.fieldNaoObrigatorio {
    font-weight: lighter;
}

.ResumoPedidoLista {
    list-style: none;
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #656565;
}

    .ResumoPedidoLista li {
        padding-bottom: 7px;
    }

        .ResumoPedidoLista li.titleInfo {
            padding-bottom: 0;
        }

        .ResumoPedidoLista li .qtdIten {
            font-size: 16px;
        }

.vlrIten, #vlrTotalPgDinheiro {
    float: right;
}

#vlrTotalPgDinheiro {
    font-size: 15px;
}

#itensCarrinho {
    border-right: 1px solid;
    height: 150px;
    overflow-y: scroll;
}

    #itensCarrinho #cartEmpty {
        width: 100%;
    }

        #itensCarrinho #cartEmpty img {
            width: 25%;
        }

    #itensCarrinho ul {
        padding-left: 5px;
        padding-top: 5px;
    }

        #itensCarrinho ul li {
            border-bottom: 1px dashed #000;
        }

            #itensCarrinho ul li p {
                margin: 2px;
            }

    #itensCarrinho button {
        background-color: transparent;
        border: none;
    }

#carrinho > p {
    margin: 3px 10px;
}

    #carrinho > p span {
        right: 0;
    }

#carrinho > hr {
    border: 0;
    border-top: 1px solid;
    margin: 5px;
}

.btn-full {
    width: 100%;
}

#totalAdicionais {
    border: 1px solid;
}

.prodDestaque img {
    max-width: 325px;
    width: 100%;
}

#carrinho {
    border: 1px solid;
}

.navbar-default {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
}

#spanPreco {
    font-size: 16px;
}

#telContato {
    text-align: center;
}

/*-----------------detalhes produtos---------------*/
#totalAdicionais {
    margin-top: 30px;
    padding: 10px;
}

#totalItem {
    margin-top: 5px;
    margin-bottom: 100px;
    padding: 5px 10px;
    border: none !important;
}

#GoMenu {
    float: none;
    margin-top: 15px;
    width: 220px;
}

.blocosAddPizza textarea {
    margin-top: 10px;
    max-height: 150px;
    max-width: 100%;
    min-height: 80px;
    width: 100%;
    margin-bottom: 140px;
}

.imgProd {
    width: 110px;
    height: 110px;
    border-radius: 0.525rem !important;
    object-fit: cover;
}

.img-produto {
    width: 100%;
    border-radius: 0.525rem !important;
    height: 127.4px;
    object-fit: cover;
}

.ItensCombinado {
    display: block;
}

.ListaItens {
    margin: 0;
    padding: 10px;
}

    .ListaItens li {
        border-bottom: 1px;
        border-bottom-style: dashed;
        display: block;
        margin-bottom: 5px;
        position: relative;
    }

#DetalhesFormCad {
    display: none;
}

#cartEmpty {
    margin-top: 20px;
    text-align: center;
}

    #cartEmpty img {
        margin-bottom: 20px;
    }

/*Adicionado por Cristiano Botão página de pagamento*/
.btn-ok {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 17px;
}

    .btn-ok:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }
/*////////////////////////////////////////////////*/

/*Adicionado por Cristiano Botão página de pagamento*/
.btn-square {
    border-radius: 0;
}

.navbar-fixed-bottom .col-xs-1, .navbar-fixed-bottom .col-xs-2, .navbar-fixed-bottom .col-xs-3, .navbar-fixed-bottom .col-xs-4, .navbar-fixed-bottom .col-xs-5, .navbar-fixed-bottom .col-xs-6, .navbar-fixed-bottom .col-xs-7, .navbar-fixed-bottom .col-xs-8, .navbar-fixed-bottom .col-xs-9, .navbar-fixed-bottom .col-xs-10, .navbar-fixed-bottom .col-xs-11, .navbar-fixed-bottom .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-fixed-bottom {
    padding: 0 5px;
}
/*////////////////////////////////////////////////*/

/*Adicionado por Cristiano pag de avaliação //////*/
.rating {
    height: 20px;
    padding: 0px;
    margin: 0px;
}

    .rating li {
        list-style: none;
        float: left;
        width: 20px;
        height: 20px;
        padding: 0px;
        margin: 0px;
    }

        .rating li a {
            display: block;
            width: 20px;
            height: 20px;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            text-indent: -100px;
            background-image: url("../../projeto/img/rating.png");
            background-repeat: no-repeat;
            text-decoration: none;
        }

            .rating li a:hover {
                background-color: transparent;
                text-decoration: none;
            }

        .rating li .hover {
            background-position: 0px -20px;
        }

        .rating li .full {
            background-position: 0px -40px;
        }

/*////////////////////////////////////////////////*/

/*Melhorias 13-05-2020////////////////*/

.text-white-novo {
    color: #ffffff !important;
}

.navbar {
    border: none;
}
/*////////////////////////////////////*/

/*Medias ****************************************************************************/
@media all and (max-width: 1199px) {
    #carousel {
        width: 100% !important;
    }
}

@media all and (min-width: 1200px) {

    .sliderProdutos {
        position: relative;
    }

    #carousel {
        margin: 0;
        padding: 0;
        position: relative;
    }
}

@media all and (max-width: 991px) and (min-width: 0) {

    #navTopo, #divAtalhoCategorias {
        display: none;
    }

    .bodyFixed {
        position: fixed;
    }

    .corpo {
        padding-bottom: 50px;
    }

    body {
        background: var(--neutral-100, #F0F3F5) !important;
    }
}

@media (min-width: 992px) {
    div.endInfo {
        border-right: 1px solid #a8a8a8;
    }
}

@media (max-width: 991px) {
    #itensCarrinho #cartEmpty img {
        width: 15%;
    }

    #carrinho > h3, #cardapio h3 {
        margin: 0;
        padding: 10px;
    }
}

@media all and (max-width: 767px) and (min-width: 0) {

    .itensList {
        bottom: -5px;
    }

    .col-xs-12 #btnBusca {
        position: absolute;
        right: 7px;
        top: 0;
    }

    .ListaItens li {
        padding-bottom: 12px;
    }
}

@media all and (min-width: 768px) {

    .w-modal .modal-dialog {
        width: 892px;
    }
}

/*modificação para exibição de sub banners na home*/
#img-carrinho-vazio {
    width: 40%;
}

@media all and (max-width: 480px) {
    #img-carrinho-vazio {
        width: 100%;
    }

    #mostrar-todos {
        width: 50% !important;
    }

    #esconder-todos {
        width: 50% !important;
    }

    .itemMenu .btnAddCart {
        margin-top: 5px;
    }

    .titulosInterPag {
        margin-bottom: 20px;
    }

    .tamanhoProd {
        background-color: #F9F9F8;
        border: 1px solid #dedede;
    }

        .tamanhoProd a img {
            clear: both;
        }

    .modal-content {
        margin-top: 0px;
    }
}

/* Fim Medias *******************************************************************/

@media (min-width: 992px) {
    .w-modal.in .modal-dialog {
        height: 90% !important;
        border-radius: 10px;
        margin: auto !important;
        top: 0;
        bottom: 0;
    }
}

@media (max-width: 990px) {
    .w-modal.in .mobile-center {
        margin: auto !important;
        top: 0;
        bottom: 0;
    }
}

/*Modal full ******************************************/
#divModalProduto {
    position: absolute;
}

.modal {
    z-index: 300001
}

.w-modal .modal-dialog {
    position: fixed;
    height: 100% !important;
    margin: 0;
    transition: right .4s
}

.w-modal.in .modal-dialog, .w-modal.in .modal-dialog {
    margin: 0 auto;
    right: 0;
    left: 0;
    border-top-left-radius: 4px
}

.w-modal .modal-content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.w-modal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--Gray-800, #343A40);
}

.w-modal .modal-body p,
.w-modal .modal-body span,
.w-modal .modal-body div {
    font-size: 14px;
    line-height: 20px;
}

.w-modal .modal-body p {
    font-weight: 400;
    color: var(--Gray-800, #343A40);
    margin-bottom: 8px;
}

.w-modal .modal-body p:last-child {
    margin-bottom: 0;
}

.w-modal .modal-body strong,
.w-modal .modal-body b {
    font-weight: 500;
}

.w-modal .modal-header {
    background: #fff;
    color: var(--Gray-900, #212529);
    border-bottom: 1px solid var(--Gray-300, #DEE2E6);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w-modal .modal-title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--Gray-900, #212529);
    margin: 0;
}

.w-modal .modal-header .close {
    position: static;
    float: none;
    order: 2;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border-radius: 40px;
    background: var(--Gray-300, #DEE2E6);
    border: none;
    color: var(--Gray-800, #343A40);
    opacity: 1;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-shadow: none;
}

.w-modal .modal-header .close:hover {
    background: var(--Gray-400, #CED4DA);
    color: var(--Gray-900, #212529);
    opacity: 1;
}

.w-modal .modal-header .close span {
    color: inherit;
    font-size: 16px;
    line-height: 1;
}

.w-modal .modal-header .btn-close {
    position: static;
    order: 2;
    width: 24px;
    height: 24px;
    padding: 6px;
    margin: 0;
    border-radius: 40px;
    background-color: var(--Gray-300, #DEE2E6);
    opacity: 1;
    box-shadow: none;
}

.w-modal .modal-header .btn-close:hover {
    background-color: var(--Gray-400, #CED4DA);
    opacity: 1;
}

.w-modal .modal-footer {
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 100000;
    padding: 2px 15px;
}

@media (max-width:767px) {


    .w-modal .modal-dialog {
        width: 100%
    }
}

@media (min-width:768px) {
    .w-modal .modal-dialog {
        width: 100%
    }
}

@media (min-width:992px) {
    .w-modal .modal-dialog {
        width: 892px
    }

    .blocosAddPizza {
        margin-bottom: 0px;
    }
}

@media (min-width:1200px) {
    .w-modal .modal-dialog {
        width: 1000px
    }

        .w-modal .modal-dialog.modalProdutoDetalhes {
            width: 50%;
        }
}

label.error {
    color: #e04d4d;
    margin: 5px 0 0 2px;
    font-size: 12px
}

input.error, input.error:focus {
    border-color: #e04d4d
}

#spanTotalItem {
    color: #0eb10e;
}

#ResumoPedido h3 {
    border-color: #000000;
}

.glyphicon-minus-sign {
    color: #D90000;
}

#ResumoPedido h3, .blocosAddPizza h3 {
    background: #C72126;
    border-bottom: 5px solid #79a076;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*Color: (fonts)*/
.linkLoginTopo, #ResumoPedido h3, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a, .prodDestaque button,
.blocosAddPizza h3 {
    color: white;
}

    .linkLoginTopo:hover {
        color: #d2d3cb;
    }

#spanPreco, .glyphicon-plus-sign, .PropriedadesValor {
    color: #24b300;
}

#prev, #next {
    color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ccc;
}

#TaxaEntrega {
    border-color: #bbb9b9;
}

#totalAdicionais, #totalItem, #itensCarrinho {
    border-color: #DCD6D6 !important;
}

.blocoEndereco, .titulosInterPag {
    background-color: #F9F9F8;
    border: 1px solid #dedede;
}

#totalAdicionais {
    background-color: #F9F9F8;
}

.btn-default {
    background: white;
}

.nav > li > a {
    padding: 10px !important;
}

.panel-body {
    padding: 3px !important;
}

.imgProd {
    max-width: 100%;
    border-radius: 0.525rem !important;
    object-fit: cover;
}

.itemIn {
    font-size: 16px;
}

/*Novo card produto *******************/
.item-media {
    display: flex !important;
    justify-content: space-between;
    background-color: #fff;
}

    .item-media:hover {
        border: solid 1px #d5d5d5;
    }

.item-body {
    flex: 1;
}

.cardProduto {
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border-radius: 0.5rem;
    border: solid 1px #e5e7eb;
    box-shadow: 0 0 5px #ebebeb;
    gap: 8px;
}

.panel-heading {
    padding: 10px 8px 10px 0px !important;
    border-bottom: none;
}

.label {
    padding: 0 0.5em;
    font-size: 77%;
    line-height: 1.2;
    font-weight: 400;
}

#template {
    background-color: #fff;
}

.titulos {
    font-weight: 800;
}

/*****************************************/

/*menu principal mobile********************/
.carrinho-desk {
    border: 1px solid #d9d8d8;
}

.titulo-topo {
    font-size: 16px;
    text-transform: uppercase;
}

.descricao-produto-home {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: var(--neutral-700, #5C5E61);
}

#selectQtde {
    border: none;
}

.div-adicionar {
    width: 35%;
    display: flex;
    justify-content: space-around;
    border: 1px solid var(--neutral-200, #E7EAEE);
    background: var(--neutral-50, #F7F9FA);
    padding: 0px 10px;
    border-radius: 8px;
}

    .div-adicionar span:hover {
        color: #fff;
    }

@media screen and (min-width: 769px) {
    .form-group {
        padding: 5px;
    }
}

.icon-endereco {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    justify-content: center;
}

.divCpfCnpj {
    padding: 15px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

    .divCpfCnpj span {
        font-size: 15px;
        font-weight: 500;
        color: #656565;
    }

/*--------ESTILO STATUS DO PEDIDOS-------------*/
.text-status {
    margin: 5px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.inativo {
    color: #94958c !important;
    font-size: 15px;
    background: white;
}

.menos {
    color: #D90000;
    font-size: 15px;
    background: white;
}

.mais {
    color: #289228;
    font-size: 15px;
    background: white;
}

.div-valor-ing {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.span-ingrediente {
    width: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.quebra-linha {
    word-wrap: break-word;
    word-break: break-word;
}

.produtoForaDoTurno {
    opacity: 0.5;
}

    .produtoForaDoTurno .valProdDestaque span {
        color: #797978 !important;
    }

/*menu principal mobile - Andreia********************/
.flex-modal-header {
    padding: 15px;
    display: flex;
    justify-content: space-between
}

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

.close-modal {
    color: white;
}

.txt-padrao {
    font-size: 17px;
    font-weight: 500;
}

.barra-sacola {
    border-radius: 40px;
    box-shadow: 0 4px 8px 3px rgba(128, 128, 130, 0.15);
    padding: 12px 12px 12px 16px;
}

.div-barra-sacola {
    bottom: 80px !important;
    display: flex;
    justify-content: center;
}

.flex-column {
    flex-direction: column;
}

.flex-column-center {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.flex-column-around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

.right-cabecalho-modal {
    width: 22px;
}

.titulo-topo {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.024px;
    text-transform: math-auto;
}

.a-addProduto-detalhes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 28px;
    padding: 4px;
}

    .a-addProduto-detalhes .bi-trash3 {
        color: #96999E;
    }

.input-addProduto {
    text-align: center;
    font-size: 18px;
    padding: 5px;
    margin: 4px auto;
    background-color: var(--neutral-50, #F7F9FA) !important;
    box-shadow: none !important;
}

.card-empresa-sacola {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #FFF;
    gap: 8px;
}

.card-pedido-sacola {
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #FFF;
}

.btn-empresa-sacola {
    border-radius: 20px;
    background-color: #FFF5F5;
    color: #CC161C;
    padding: 8px 0px;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    padding: 8px 12px;
}

.text-empresa-sacola {
    color: var(--neutral-900, #1F2021);
    white-space: nowrap;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.subtitulo-sacola {
    color: var(--neutral-600, #6F7175);
}

.flex-justify-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-adicione-pedido-sacola {
    padding: 12px 16px 50px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.icon-adicione-sacola {
    font-size: 18px;
    font-weight: 800 !important;
}

.btn-add-brinde-sacola {
    background: #EAF9D7;
    border-radius: 30px;
}

    .btn-add-brinde-sacola i {
        color: #0eb10e;
    }

.card-add-produto-sacola {
    border-radius: 8px;
    padding: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    width: 100%;
    height: 215px !important;
}

.card-adicione-carrinho {
    border-radius: 8px;
    padding: 6px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    width: 112px;
    height: 168px !important;
    margin-right: 8px;
}

.card-adicione-carrinho .img-produto,
.card-adicione-carrinho .foto-pedido {
    height: 88px;
}

    .card-add-produto-sacola a {
        text-decoration: none;
    }

.nome-produto-sacola {
    color: var(--neutral-800, #3F4042);
    margin-bottom: 0px;
    text-align: left;
    /*-webkit-line-clamp: 2;*/
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.nome-Produto-acompanhamento {
    color: var(--neutral-800, #3F4042);
    margin-bottom: 0px;
    text-align: left;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.valor-produto-sacola {
    color: var(--neutral-600, #6F7175);
    text-align: left;
    margin-bottom: 0px;
}

.div-brinde-sacola {
    display: flex;
    margin-bottom: 10px;
    gap: 8px;
}

.foto-pedido {
    border-radius: 0.525rem;
    height: 127.4px;
    width: 100%;
    object-fit: cover;
}

.btn-wrap {
    position: relative;
}

    .btn-wrap .btn-add-brinde-sacola {
        position: absolute;
        z-index: 1;
        top: 83%;
        left: 94%;
        width: 35px;
        height: 35px;
        padding: 0;
        margin: -15px 0 0 -30px;
        border: 0 none;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.btn-add-brinde-sacola i {
    font-size: 17px;
}

.div-itens-titulo-sacola {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.titulo-itens-sacola {
    color: var(--neutral-900, #1F2021);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    gap: 8px;
}

    .titulo-itens-sacola i {
        margin-right: 8px;
        font-weight: 800;
    }

.card-itens-sacola {
    display: flex;
    justify-content: space-between;
    padding: 16px 12px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    margin-bottom: 5px;
}

.foto-pedido-sacola {
    border-radius: 0.525rem;
    height: 100%;
}

.div-addPedido-sacola {
    margin: auto 8px;
    width: 100%;
}

.div-qtde-sacola {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.div-qtde-pedido {
    display: flex;
}

.menos-qtde-pedido {
    font-size: 15px;
    background: none;
    color: #CC161C;
    border: none;
}

.mais-qtde-pedido {
    font-size: 15px;
    background: none;
    color: #1D9000;
    border: none;
}

.qtde-pedido {
    color: #3F4042;
    display: flex;
    width: 24px;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
}

.card-add-produto-sacola .flex-justify-between {
    height: 33%;
}

.btn-padrao {
    padding: 18px 10px;
    color: var(--black-white-white, #FFF);
    font-size: 14px !important;
}

.div-col-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.background-pagamento {
    background-color: #FFF;
}

.div-pagamento {
    padding: 16px;
    margin-bottom: 16px;
}

.margin-bottom-16 {
    margin-bottom: 16px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-16 {
    margin: 16px;
}

.card-escolha-endereco {
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--neutral-300, #D7DCE0);
}

    .card-escolha-endereco.active {
        border: 1px solid var(--main-300, #FF969D);
    }

.text-entrega-pagamento {
    color: var(--neutral-800, #3F4042);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.tempo-entrega-pagamento, .cupom-adicionado-pagamento {
    color: var(--neutral-600, #6F7175);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.valor-entrega-endereco {
    color: var(--neutral-500, #96999E);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.card-endereco {
    margin: 8px auto;
    padding: 8px 16px;
    gap: 8px;
    display: flex;
    background: var(--neutral-50, #F7F9FA);
    border-radius: 8px;
}

.icon-endereco-pagamento {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .icon-endereco-pagamento i {
        font-size: 20px;
    }

.text-endereco-pagamento {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--neutral-600, #6F7175);
}

    .text-endereco-pagamento span {
        color: var(--neutral-900, #1F2021);
    }

.card-formaPagamento-pagamento {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    margin: 8px auto;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.div-text-formaPagamento {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px;
}

.badger-pix-pagamento {
    border-radius: 30px;
    border: 1px solid #1B8500;
    padding: 4px 16px;
    color: #1B8500;
    font-size: 12px;
    font-weight: 400;
}

.div-text-button-pagamento {
    display: flex;
    justify-content: space-between;
}

.text-titulo-sacola, .text-titulo-checkout {
    color: var(--neutral-900, #1F2021);
}

.btn-link-pagamento {
    padding: 8px 12px;
    color: #CC161C;
    background-color: #FFF5F5;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 500;
}

.icon-pedido-pagamento {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 8px;
    font-weight: 900 !important;
    color: #1F2021;
}

.flex-resumo-pagamento {
    color: var(--neutral-600, #6F7175);
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
}

.total-resumo-pagamento span {
    color: var(--neutral-900, #1F2021);
}

.margin-top-modal {
    margin-top: 80px;
}

.btn-finalizar-pagamento {
    width: 100%;
    border-radius: 8px;
    padding: 16px 24px;
    display: flex;
    justify-content: center;
}

.btn-success {
    border-color: transparent !important;
}

.btn-finalizar-pagamento-desk {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    width: 100%;
}

.tab-formaPagamento-pagamento {
    width: 50%;
}

    .tab-formaPagamento-pagamento a {
        text-align: center;
    }

.btn-adicionaCartao-pagamento, .btn-pagarDinheiro-pagamento, .btn-confirmar-pagamento {
    color: var(--black-white-white, #FFF);
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    padding: 16px 9px;
    width: 100%;
}

.div-btn-modal {
    padding: 8px 16px;
    background: white;
}

.scroll-auto-modal {
    max-height: 600px;
    overflow-y: auto;
}

.margin-modal {
    margin: 0px 16px 16px 16px;
}

.margin-modal2 {
    padding: 20px 16px;
}

.div-modal-addCartao {
    margin: 24px 0px 0px 0px;
}

.modal-img-addCartao {
    display: flex;
    justify-content: center;
    overflow-x: auto;
}

.img-bandeira-addcartao {
    margin: auto 5px;
}

.input-addcartao, .input-troco, .input-padrao {
    display: flex;
    padding: 12px 0px 12px 16px !important;
    border-radius: 8px;
    border: 1px solid #D7DCE0;
    font-size: 16px;
    color: var(--neutral-500, #96999E);
    width: 100%;
    height: 50px;
}

.w-50 {
    width: 50%;
}

.check-addCartao {
    color: var(--neutral-500, #96999E);
    font-size: 14px;
    font-weight: 400;
}

.txt-pagarDinheiro-pagamento {
    color: var(--neutral-900, #1F2021);
}

.input-cupom-pagamento, .input-login {
    display: flex;
    padding: 16px 0px 16px 16px;
    border-radius: 8px;
    border: 1px solid #D7DCE0;
    font-size: 16px;
    color: var(--neutral-500, #96999E);
    width: 100%;
}

.modal-cupom-pagamento, .modal-troco-pagamento {
    margin: 16px;
}

.border-check-pagamento {
    padding: 16px !important;
}

.width-70 {
    width: 70%;
}

.margin-cabecalho-modal {
    margin: 16px;
}

.icon-left-modal {
    color: #CC161C;
    font-weight: 800 !important;
    font-size: 16px;
}

.arrow-modal:hover {
    cursor: pointer;
    text-decoration: none;
}

.titulo-login {
    color: var(--neutral-900, #1F2021);
    text-align: center;
    margin-bottom: 16px;
}

.titulo-CriarConta-login {
    color: var(--neutral-900, #1F2021);
    margin-bottom: 4px;
    margin-top: 0px;
}

.div-logo-login {
    display: flex;
    justify-content: center;
}

.btn-padrao-login {
    display: flex;
    padding: 16px 6px 16px 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px;
}

.separator-solid {
    border-top: 1px solid #CED4DA;
    margin: 15px 0;
    width: 80%;
}

.text-login {
    color: var(--neutral-800, #3F4042);
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    padding: 0px 8px 0px 8px;
    justify-content: center;
}

.bag-login {
    padding: 13px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .bag-login.facebook {
        border-radius: 100px;
        background: #1877F2;
        color: white;
        border: none;
    }

.login-empresa-login {
    border-radius: 16px;
}

.body-modal-login {
    margin: 11px 16px;
}

.descricao-produto-sacola {
    text-align: left;
    padding-left: 0px;
    list-style: none;
    text-transform: lowercase;
}

.div-EmailTelefone-Login {
    margin: 0px 16px;
}

    .div-EmailTelefone-Login .input-padrao {
        z-index: 3;
        position: sticky;
        color: var(--neutral-800, #3F4042);
    }

.placeholder {
    position: absolute;
    left: 24px;
    background: #fff;
    z-index: 10;
    padding: 0px 5px;
    color: var(--neutral-500, #96999E) !important;
    font-size: 12px;
    font-weight: 400;
}

.placeholder-login {
    left: 39px !important;
}

.link-esqueciSenha-login {
    padding: 16px 6px 16px 8px;
    color: var(--neutral-900, #1F2021);
    border-radius: 8px;
    background: var(--neutral-300, #D7DCE0);
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    border: none;
}

.titulo-codigo-login, .titulo-codigo-login small {
    color: var(--neutral-900, #1F2021);
    margin-top: 0px;
}

.subtitulo-codigo-login, .subtitulo-codigo-login small {
    color: var(--neutral-600, #6F7175);
}

.input-codigoEnviado {
    border: 1px solid var(--neutral-400, #B4B8BD);
    border-radius: 8px;
    height: 55px;
    gap: 10px;
    width: 100%;
    margin: 2px;
    font-size: 16px;
    padding: 0px 20px;
    text-align: center;
    color: var(--neutral-600, #6F7175);
}

    .input-codigoEnviado.error-codigo {
        border: 1px solid var(--main-700, #AD0C14);
    }

.inputs-codigo-login {
    margin: 24px auto;
    display: flex;
    justify-content: center;
}

.inputs-codigo-validacao {
    margin: 48px auto;
    display: flex;
    justify-content: center;
}

.text-receber-codigo span, .text-receber-codigo input {
    text-align: center;
}

.text-receber-codigo {
    text-align: center;
}

.receber-codigo-login {
    color: var(--neutral-600, #6F7175);
}

.enviar-codigo {
    color: var(--main-700, #AD0C14);
    border: transparent;
    background: transparent;
}

.text-termo-login {
    color: var(--neutral-800, #3F4042);
}

    .text-termo-login a {
        color: var(--main-600, #CC161C);
    }

.padding-left-right {
    padding: 0px 16px;
}

.modal-body.div-margin-login {
    padding: 0 !important;
}

.placeholder.readonly {
    background: transparent !important;
}

.error-TelEmail-login {
    color: var(--main-600, #CC161C);
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 400;
}

.div-error-TelEmail {
    margin: 10px 0;
    display: flex;
    justify-content: center;
}

.btn-fechar-modal {
    color: var(--main-600, #CC161C) !important;
    text-align: center;
    font-family: Ubuntu !important;
    font-size: 14px;
    font-weight: 500;
}

.text-status {
    color: var(--neutral-600, #6F7175);
    text-align: right;
    margin: 0;
}

.div-processo-status {
    margin: 8px auto;
    display: flex;
    justify-content: center;
    gap: 1px;
}

.status-pedido {
    height: 4px;
    width: 50px;
    flex: 1 0 0;
    margin: 0 4px 0 0;
    background: var(--neutral-300, #D7DCE0);
}

.status-ativo {
    background: #46b246 !important;
}

.status-error {
    background: var(--main-600, #CC161C) !important;
}

.div-meuPedido-body {
    padding: 8px 1px;
    margin-bottom: 50px;
}

.div-card-pedido {
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
}

.div-item-pedido {
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
    padding: 8px;
}

.text-item-pedido, .text-item-pedido span {
    color: var(--neutral-800, #3F4042);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

    .text-item-pedido small {
        color: var(--neutral-500, #96999E);
        font-family: Ubuntu;
        font-size: 14px;
        font-weight: 400;
    }

.border-pedido {
    border-top: 1px dashed #E7EAEE;
    border-bottom: 1px dashed #E7EAEE;
    margin: 16px 0;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.icon-star-inativa {
    color: #B4B8BD;
    font-size: 22px;
}

.btn-pedirNovamente {
    border-radius: 8px;
    border: 1px solid var(--main-600, #CC161C);
    background: #FFF;
    padding: 8px 6px 8px 8px;
    color: var(--main-600, #CC161C);
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.border-pedido span {
    color: var(--neutral-600, #6F7175);
}

.padding-16 {
    padding: 16px;
}

.padding-bottom-24 {
    padding-bottom: 24px;
}

.logo-status {
    margin-left: 8px;
}

    .logo-status h4 {
        color: var(--neutral-900, #1F2021);
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .logo-status a {
        color: var(--main-600, #CC161C);
        display: block;
    }

.div-button-ligar-pedido {
    width: 30%;
    display: flex;
    justify-content: end;
}

.btn-ligar-pedido {
    padding: 8px 8px 8px 12px;
    border-radius: 1000px;
    background: var(--main-50, #FFF5F5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
}

    .btn-ligar-pedido i {
        color: #CC161C;
        font-size: 22px;
    }

    .btn-ligar-pedido span {
        color: var(--main-600, #CC161C);
    }

.card-detalhes-pedido {
    padding: 16px;
    background: var(--black-white-white, #FFF);
    margin-bottom: 16px;
}

.div-info-empresa-pedido {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.mensagem-error-codigo {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    color: var(--main-600, #CC161C);
}

.div-status-pedido {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 12px;
}

.text-status-pedido {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--neutral-800, #3F4042);
}

.msg-info-status {
    display: flex;
    color: var(--neutral-500, #96999E);
    font-weight: 400;
    font-family: Roboto;
}

    .msg-info-status i {
        margin: 2px 6px 0px 0px;
        font-size: 15px;
    }

    .msg-info-status span {
        font-size: 12px;
    }

.titulo-pedido-detalhes, .titulo-cadastro-endereco {
    color: var(--neutral-900, #1F2021);
    margin: 0;
}

.card-itens-produto {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 8px;
    margin: 8px auto;
}

.titulo-pedido-detalhes small {
    color: var(--neutral-500, #96999E);
}

.titulo-item-produto {
    color: var(--neutral-800, #3F4042);
}

.text-ingrediente-pedido {
    color: var(--neutral-600, #6F7175);
    text-transform: lowercase;
}

.text-obs-pedido {
    word-wrap: break-word;
    word-break: break-word;
}

.div-itens-produto {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.valor-protudo-itens {
    color: var(--neutral-700, #5C5E61);
}

.div-quant-produto {
    /*position: relative;*/
    position: absolute;
    /*bottom: 29px;*/
    top: 39px;
    text-align: right;
    padding: 2px;
    left: 47px;
}

.bg-quant-produto {
    color: var(--neutral-700, #5C5E61);
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 500;
    background: var(--neutral-50, #F7F9FA);
    border-radius: 30px;
    padding: 4px;
}

.text-resumo-pagamento {
    display: flex;
    justify-content: space-between;
    color: var(--neutral-600, #6F7175);
}

.total-resumo-pagamento {
    display: flex;
    justify-content: space-between;
    color: var(--neutral-900, #1F2021);
}

.div-resumo-pagamento {
    margin: 4px 0;
}

.card-endereco-pedido {
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
}

.text-endereco-pedido {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    color: var(--neutral-900, #1F2021);
}

.text-endereco-pedido-total {
    color: var(--neutral-600, #6F7175);
}

.no-quebra {
    white-space: nowrap;
}

.bottom-menu {
    padding-bottom: 50px !important;
}

.text-pagamento-pix {
    color: var(--neutral-700, #5C5E61);
}

.time-progress {
    width: 80%;
    height: 4px !important;
    background-color: #F0F3F5 !important;
    margin: 15px 0;
}

.time-progress-background {
    background-color: #1B8500 !important;
}

.time-expirou-background {
    background: var(--main-600, #CC161C) !important;
}

.time-span {
    line-height: 28px;
    position: absolute;
    right: -1px;
    top: 0px;
}

.input-pix {
    padding: 10px 8px;
    border: none;
    background: #fff;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
}

.btn-copiar-chavePix {
    color: var(--main-600, #CC161C);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.014px;
    display: flex;
    background: var(--neutral-50, #F7F9FA);
    border-radius: 0px 8px 8px 0px;
    padding: 8px;
}

.modal-body-16 {
    margin: 16px;
}

@media (max-width: 800px) {
    .div-image-qrcode {
        display: none;
    }
}

.body-white {
    background: #FFF;
}

.btn-pagamento-pix {
    padding: 18px 8px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
}

@media all and (max-width: 480px) {
    .btn-pagamento-pix {
        width: 100%;
    }

    .d-flex-btn {
        display: inline;
    }

    .btn-padrao-full {
        width: 100%;
        border-radius: 8px;
        padding: 14px 8px;
        display: flex;
        justify-content: center;
        gap: 8px;
    }
}

@media (min-width: 500px) {
    .btn-pagamento-pix {
        width: 50%;
    }

    .d-flex-btn {
        display: flex;
    }

    .bottom-margin-add-endereco {
        background-color: transparent !important;
    }

    .btn-padrao-full {
        width: 50%;
        border-radius: 8px;
        padding: 18px 8px;
        display: flex;
        justify-content: center;
        padding: 18px 8px;
        gap: 8px;
    }
}

.btn-paginaIncial-pix {
    border: none;
    background: #FFFFFF;
    margin-top: 8px;
}

.img-cadastro-endereco {
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
}

.btn-endereco-buscar {
    width: 100%;
    border-radius: 8px;
    padding: 18px 8px;
    margin-top: 8px;
}

.div-perfil {
    margin: 8px 16px;
}

.card-perfil {
    border-radius: 8px;
    background: var(--black-white-white, #FFF);
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    margin-bottom: 8px;
}

.a-perfil {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 16px;
}

.flex-perfil span {
    color: var(--blue-grey-700, #455A64);
    margin-left: 8px;
}

.icon-perfil {
    font-size: 20px;
    color: #1F2021;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.icon-arrow-perfil {
    font-size: 14px;
    color: #B4B8BD;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.txt-naoEndereco {
    color: var(--neutral-500, #96999E);
    text-align: center;
    margin-top: 32px;
}

.input-desativado {
    opacity: 0.35;
}

.card-list-endereco {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    margin-bottom: 8px;
}

    .card-list-endereco.selecionado {
        border: 1px solid var(--neutral-600, #6F7175);
    }

.rua-endereco, .apelido-endereco {
    color: var(--neutral-900, #1F2021);
}

.a-list-endereco {
    padding: 8px 16px;
    gap: 8px;
}

.icon-ellipsis-endereco {
    color: #5C5E61;
    padding: 10px;
}

.padding-modal-endereco {
    padding: 0 16px 32px 16px;
}

.card-endereco-editar {
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
    padding: 8px 16px;
    margin: 8px 0px 24px 0px;
}

.completo-endereco {
    color: var(--neutral-600, #6F7175);
}

.btn-endereco-voltar {
    padding: 18px 8px;
    border: none;
    background: transparent;
}

.bottom-margin-add-endereco {
    padding: 16px 16px 140px 16px;
    background: #fff;
}

.padding-img-endereco {
    padding-top: 100px;
}

.modal-header-txt {
    color: var(--neutral-900, #1F2021);
    text-align: center;
}

.fechar-modal-endereco {
    color: var(--main-600, #CC161C);
}

.titulo-pagamento-aprovado {
    color: var(--neutral-900, #1F2021);
    text-align: center;
    margin: 0px;
}

.div-cabecalho-aprovado {
    padding: 14px 0px;
}

.img-pagamento-aprovado {
    display: flex;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

.titulo-text-aprovado {
    color: var(--neutral-900, #1F2021);
    text-align: center;
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 18px;
}

.info-pagamento-aprovado {
    padding-top: 16px;
}

    .info-pagamento-aprovado span {
        color: var(--neutral-600, #6F7175);
    }

.txt-modal-pagamento {
    color: var(--neutral-600, #6F7175);
    text-align: center;
}

.titulo-aguardando-pagamento {
    color: var(--neutral-900, #1F2021);
}

.div-loading-pagamento {
    transform: scale(2);
    padding-top: 16px;
    padding-bottom: 16px;
}

.cabecalho-modal {
    padding: 16px;
    display: flex;
    justify-content: space-between;
}

.txt-modal-cabecalho {
    color: var(--neutral-900, #1F2021);
    text-align: center;
}

.body-modal-autenticacao {
    margin-top: 46px;
    padding: 0px 16px 16px 16px;
    height: 80vh;
}

.titulo-modal-autenticacao {
    color: var(--neutral-800, #3F4042);
    margin-bottom: 8px;
}

.txt-autenticacao-modal {
    color: var(--neutral-700, #5C5E61);
    margin-bottom: 48px;
    display: flex;
}

.btn-link-full {
    width: 100%;
    padding: 18px 8px;
    display: flex;
    justify-content: center;
    background: transparent;
    border: none;
}

.icon-arrow-modal-autent {
    color: #1F2021;
    font-size: 22px;
}

.card-cartao {
    margin: 8px 0px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: var(--black-white-white, #FFF);
    padding: 16px;
    display: flex;
    justify-content: space-between;
}

.text-cartao-apelido {
    color: var(--neutral-800, #3F4042);
}

.text-cartao-final {
    color: var(--neutral-500, #96999E);
}

.btn-remove-cartao {
    color: var(--main-600, #CC161C);
}

.text-no-cartao {
    color: var(--neutral-600, #6F7175);
    text-align: center;
}

.div-img-cartao {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.div-meuDados {
    padding: 24px 16px 16px 16px;
}

/* Garante que .placeholder (label com position: absolute, left: 24px) seja
   posicionado em relacao a coluna do input — sem isso, no desktop com
   .div-meuDados centralizado o label "vaza" para o canto do body. */
.div-meuDados .col-12 {
    position: relative;
}

@media (min-width: 768px) {
    .div-meuDados {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

.div-button-meusDados {
    padding: 16px 16px 140px 16px;
}

.div-valor-quant {
    display: flex;
    justify-content: space-between;
}

.btn-refresh-pedido {
    color: #fff;
}

.valor-gratis-restaurante {
    color: #0eb10e;
}

.div-listagem-endereco {
    margin-bottom: 170px;
}

.cursor-pointer {
    cursor: pointer;
}

.cabecalho-detalhes {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px !important;
    position: absolute;
    width: 100%;
}

.cabecalho-icon-detalhes {
    border-radius: 100px;
    background: rgba(0, 11, 34, 0.60);
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

    .cabecalho-icon-detalhes i {
        color: #fff;
        font-weight: 900;
        font-size: 15px;
    }

/*.modal-body-detalhes {
    height: 95vh;
}*/

.nome-restaurante-detalhes {
    color: var(--blue-grey-700, #455A64);
}

.divisoria-detalhes {
    width: 100%;
    background: #ECEFF1;
    height: 1px;
    margin: 8px 0px;
}

.titulo-produto-detalhes {
    color: var(--blue-grey-900, #263238);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-transform: capitalize;
}

.txt-descricao-detalhes {
    color: var(--neutral-600, #6F7175);
}

.card-ingrediente-detalhes {
    margin: auto 16px 100px 16px;
}

.txt-observacao-detalhes {
    margin: 4px 0px;
    color: var(--blue-grey-900, #263238);
}

.campo-observacao-detalhes {
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: #FFF;
}

.badge-obrigatorio {
    border-radius: 40px;
    background: var(--Orange-100, #FFE5D0);
    color: var(--Orange-600, #CA6510);
    padding: 4px 8px;
}

.badge-opcional {
    border-radius: 40px;
    background: var(--neutral-200, #E7EAEE);
    color: #6F7175;
    padding: 4px 8px;
}

.titulo-ingrediente-detalhes {
    color: var(--blue-grey-900, #263238);
    text-transform: capitalize;
}

.ingrediente-detalhes {
    margin-bottom: 20px;
}

.card-produto-ingrediente {
    margin: 8px 0px;
    padding: 8px 16px 8px 8px;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    min-height: 52px;
}

.card-pizza-ingrediente {
    margin: 8px 0px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    min-height: 52px;
}

.descricao-ingrediente-detalhes {
    color: var(--neutral-900, #1F2021);
    text-transform: capitalize;
}

.valor-ingrediente-detalhes {
    color: var(--neutral-600, #6F7175);
}

.btn-add-ingrediente i {
    font-size: 28px;
}

.btn-add-ingrediente {
    border: none;
}

.div-addPedido-detalhes {
    display: flex;
    padding: 8px 16px;
    gap: 8px;
    border-top: 1px solid var(--Gray-300, #DEE2E6);
    background: var(--Gray-White, #FFF);
}

.btn-adicionar-detalhe {
    padding: 10px 6px 10px 8px;
    text-align: center;
    flex: 1 0 0;
    border-radius: 40%;
    text-decoration: none;
}

.btn-sem-estoque, .btn-sem-estoque:focus, .btn-sem-estoque:hover {
    padding: 12px;
    width: 65%;
    border-radius: 8px;
    background: #6F7175;
    color: #fff !important;
    opacity: 0.7;
}

.div-adicionar-ingrediente {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    width: 45%;
}

/* div fixada ao topo */
#stickyDiv {
    position: sticky;
    padding: 10px 0px 10px 0px;
    z-index: 1000;
    margin-left: -16px;
    margin-right: -16px;
    padding: 8px 16px;
    top: 55px;
    background: var(--Gray-100, #F8F9FA);
}

@media (min-width: 992px){
    #stickyDiv {
        top: -13px !important;
    }
}

.stick-categoria {
    position: fixed;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--blue-grey-50, #ECEFF1);
    background: var(--black-white-white, #FFF);
    display: none;
}

@media (min-width: 901px) {
    .stick-categoria {
        width: 57.5rem;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.badge-promocao, .badge-ativo {
    border-radius: 40px;
    background: rgba(232, 255, 202, 0.84);
    color: #247200;
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.tamanho-pizza-restaurante {
    color: var(--neutral-800, #3F4042);
    line-height: normal;
    text-transform: capitalize;
}

.tamanho-pizza {
    text-transform: lowercase;
}

.desativar-text-transform {
    text-transform: none !important;
}

.valor-promocional-detalhes {
    color: var(--neutral-600, #6F7175);
    text-decoration-line: line-through;
    font-size: 13px !important;
}

.valor-promo-produto-detalhes {
    color: #247200;
}

.valor-produto-detalhes {
    color: var(--neutral-800, #3F4042);
}

/*Acertar isso depois - Andreia*/
input.radio-input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
}

    input.radio-input[type="radio"]:checked {
        border-color: #2E7D32;
    }

        input.radio-input[type="radio"]:checked::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #2E7D32;
        }

    input.radio-input[type="radio"]:not(:checked) {
        border-color: #ccc;
    }

        input.radio-input[type="radio"]:not(:checked)::before {
            content: none;
        }
/* end Acertar isso depois - Andreia*/

.img-pizza-detalhes {
    width: 40px;
    border-radius: 4px;
}

.div-pizza-detalhes {
    display: flex;
    gap: 8px;
}

.div-descricao-pizza-detalhe {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 16px 8px 8px;
}

input.checkbox-detalhes {
    width: 18px;
    height: 18px;
}

    input.checkbox-detalhes[type=checkbox] {
        position: relative;
        cursor: pointer;
    }

        input.checkbox-detalhes[type=checkbox]:before {
            content: "";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            top: 0;
            left: 0;
            background-color: #fff;
            border: 1px solid #B4B8BD;
            border-radius: 4px;
        }

        input.checkbox-detalhes[type=checkbox]:checked:before {
            content: "";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            top: -1px;
            left: -1px;
            background-color: #2E7D32;
            border-radius: 4px;
        }

        input.checkbox-detalhes[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 2px;
            left: 6px;
        }

.div-descricao-check-detalhes {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px 8px 8px;
}

.ingrediente-pizza-detalhes .ItensCombinado {
    margin: 0px 16px;
}

.ingrediente-pizza-detalhes .div-ingrediente-detalhes {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding: 12px 16px !important;
}

.ingrediente-pizza-detalhes .div-ingrediente-detalhes {
    background: #fff !important;
}

.ingrediente-pizza-detalhes {
    border-top: 1px solid #E7EAEE;
}

.personliazar-pizza-detalhes, .personliazar-pizza-detalhes:hover {
    color: #CC161C;
    padding: 0px 8px;
}

.iconArrowPizza {
    transition: transform 0.5s ease-in-out;
}

.categoria-home, .categoria-home:focus, .categoria-home:hover {
    padding: 12px 8px 8px 8px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    text-align: center;
    border: none;
}

.categoria-home-ativo, .categoria-home-ativo:focus {
    padding: 12px 8px 0px 8px;
    text-transform: capitalize;
    border: none;
}

.img-produtoFilho-detalhes {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.div-info-filho-detalhes {
    display: flex;
    width: 90%;
    gap: 8px;
}

/*versão desktop*/
@media (min-width: 937px) {
    .barra-sacola {
        width: 50%;
    }

    .img-produto-detalhes {
        height: 360px;
        border-radius: 8px;
    }

    .img-produto-no-detalhes {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }

    .div-pedidoProduto-detalhes {
        margin-top: 16px;
    }
}

/*versão mobile*/
@media(max-width: 935px) {
    .barra-sacola {
        width: 100%;
    }

    .img-produto-detalhes, .img-produto-no-detalhes {
        width: 100%;
        height: 278px;
        display: flex;
        object-fit: cover;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }
}

.card-info-detalhes {
    margin: auto 16px 20px 16px;
    border-radius: 9px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 8px;
}

.div-observacao-detalhes {
    padding-bottom: 40px;
}

.div-menu-restaurante {
    height: 56px;
    padding: 0 12px;
    background: var(--black-white-white, #FFF);
}

.item-menu-restaurante {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    width: 25%;
}

.txt-sacola-home {
    display: flex;
    gap: 8px;
}

    .txt-sacola-home i {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-weight: 600;
    }

    .txt-sacola-home span {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.height-98 {
    height: 120px;
}

.titulo-produto-home {
    color: var(--neutral-900, #1F2021);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 0;
    text-transform: capitalize;
}

.valor-produto-home {
    color: var(--neutral-800, #3F4042);
    font-size: 13px !important;
}

.valor-produto-destaque-home {
    color: var(--neutral-800, #3F4042);
    font-size: 11px !important;
}

.div-info-produto-home {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.promo-produto-home {
    padding: 2px 6px;
    display: flex;
    gap: 2px;
    border-radius: 40px;
    background: rgba(232, 255, 202, 0.84);
}

    .promo-produto-home span {
        color: #247200;
    }

.div-check-detalhes {
    width: 10%;
}

.div-vale-pagamento {
    border-radius: 8px;
    background: #E8FFE0;
    padding: 12px;
    display: flex;
    flex-direction: column;
}

.text-titulo-vale-pagamento {
    color: #43A047;
    text-align: center;
}

.desconto-resumo-pagamento {
    color: #43A047;
}

.text-detalhes-pedido {
    color: var(--neutral-600, #6F7175);
}

.card-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.btn-noBorder-pagamento {
    padding: 16px 9px;
    border: none;
    background: transparent;
}

.border-dia-agenda {
    border-radius: 8px;
    padding: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    height: 60px;
    width: 60px;
    margin-right: 8px;
}

.text-border-agenda {
    display: flex;
    flex-direction: column;
}

.semana-dia-agenda {
    text-align: center;
    color: var(--neutral-600, #6F7175);
}

.dia-agendamento {
    text-align: center;
    color: var(--neutral-700, #5C5E61);
}

.modal-div-agenda {
    margin-right: -15px;
    padding-bottom: 15px;
}

.text-horario-agenda {
    color: var(--neutral-700, #5C5E61);
}

.radio-agenda {
    width: 20px;
    height: 22px;
}

.radio-input-agenda[type='radio']:after {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    top: 4px;
    left: 4px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid white;
}

.radio-input-agenda[type="radio"]:checked:before {
    border: 1px solid #5C5E61;
    background: red;
}

.radio-input-agenda[type='radio']:checked:after {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: -1px;
    left: 4px;
    position: relative;
   /* background-color: var(--neutral-700, #5C5E61);*/
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid white;
}

.div-horarios-agendamento {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-carrinho-desk {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    width: 50%;
    margin: 16px;
    text-align: center;
}

.div-formaulario-endereco {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-login {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card-fidelidade-home {
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: #ffff;
    padding: 8px 12px;
    margin: 16px 0px 0px 0px;
}

.card-fidelidade-modal {
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: var(--neutral-50, #F7F9FA);
    padding: 8px 12px;
    margin: 16px 0px 0px 0px;
}

.div-card-fidelidade-home {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none;
}

.titulo-fidelidade-home {
    color: var(--neutral-800, #3F4042);
    text-decoration: none;
}

.text-fidelidade-home {
    color: var(--neutral-600, #6F7175);
}

.icon-arrow-fidelidade {
    color: #B4B8BD;
    font-size: 9px;
    font-weight: 900 !important;
}

.quant-fidelidade {
    background: #E5E5CF;
    height: 4px;
    width: 100%;
    flex: 1 0 0;
    margin: 12px 4px 12px 0;
}

    .quant-fidelidade.ative {
        background: #E8A819 !important;
    }

.bring-fidelidade {
    padding: 5px;
    text-align: center;
    border-radius: 100px;
    background: #E5E5CF;
}

    .bring-fidelidade.active {
        background: #E8A819 !important;
    }

.cabecalho-modal-fidelidade {
    display: flex;
    justify-content: space-between;
    margin: 16px;
}

.arrow-coltar-modal-fidelidade {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 22px;
    color: #1F2021;
}

.modal-body-fidelidade {
    margin: 16px;
}

.div-logo-fidelidade {
    border-radius: 8px;
    background: var(--neutral-100, #F0F3F5);
    padding: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-empresa-fidelidade {
    width: 30px;
}

.txt-fidelidade {
    color: #000;
}

.li-fidelidade {
    color: var(--neutral-700, #5C5E61);
    padding-left: 20px !important;
}

.bring-fidelidade.ative {
    background: #E8A819 !important;
}

.card-fidelidade-carrinho {
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #E7EAEE);
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.div-icon-present-carrinho {
    border-radius: 100px;
    background: #E5E5CF;
    padding: 3px;
}

.div-fidelidade-carrinho {
    padding: 16px;
    background: #FFF;
}

.card-produto-fidelidade {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 8px;
    display: flex;
    justify-content: space-between;
}

.btn-resgatar {
    color: var(--main-600, #CC161C);
    margin: 8px;
}

.text-fidelidade-carrinho {
    color: var(--neutral-600, #6F7175);
}

.status-pedido-bar {
    overflow: hidden;
    height: 4px;
    width: 50px;
    flex: 1 0 0;
    margin: 10px 0;
    background: var(--neutral-300, #D7DCE0)
}

.status-pedido-progress {
    width: 100%;
    height: 100%;
    animation: fillProgress 2s linear infinite; /* Animação de preenchimento */
}

@keyframes fillProgress {
    0% {
        width: 0%;
        background-color: #52A856;
    }

    20% {
        width: 20%;
        background-color: #52A856;
    }

    100% {
        width: 100%;
        background-color: rgba(82, 168, 86, 0.2);
    }
}

.div-icon-status.ativo {
    border-radius: 100px;
    background: #52A856;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
}

.div-icon-status.error {
    border-radius: 100px;
    background: #D50000;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
}

.div-icon-status {
    border-radius: 100px;
    background: #D7DCE0;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
}

.div-carrinho {
    margin-bottom: 60px;
}

.txt-fatia-pizza-detalhes {
    color: var(--neutral-500, #96999E);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nav-button-carrinho {
    padding: 0px;
    margin: 16px;
}

.button-carrinho-sm {
    width: 100%;
    border-radius: 8px;
    padding: 16px 24px;
    display: flex;
    justify-content: center;
}

.form-dados-cliente {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.loader-dark {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left: 4px solid #333;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader-light {
    border: 3px solid white;
    border-bottom-color: transparent;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin2 1s linear infinite;
}

@keyframes spin2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.txt-addPagamento-finalizar {
    color: var(--main-600, #CC161C);
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.014px;
}

.valorProduto-detalhes {
    color: #43A047;
}

.div-voltar-detalhes {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    background: var(--black-white-white, #FFF);
}

.cabecalho-iconNone-detalhes {
    color: #3F4042;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.div-cabecalho-icon-detalhes {
    color: #3F4042;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#divVoltarDetalhes {
    position: sticky;
    padding: 10px 0px 10px 0px;
    z-index: 1000;
    margin-left: -16px;
    margin-right: -16px;
    padding: 8px 16px;
    top: -10px;
}

.flex-check-pizza {
    width: 20%;
}

/*.card-add-produto-sacola {
    border-radius: 8px;
    padding: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    width: 100%;
    height: 215px !important;
    text-decoration: unset;
}*/

  /*  .card-add-produto-sacola a, .card-add-produto-sacola:hover, .card-add-produto-sacola:focus {
        text-decoration: unset;
    }

    .card-add-produto-sacola .flex-justify-between {
        height: 33%;
    }*/

.nome-produto-destaque {
    color: var(--neutral-900, #1F2021);
    margin-bottom: 0px;
    text-align: left;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-transform: capitalize;
    text-overflow: ellipsis;
}

.partir-destaque-home {
    color: var(--neutral-700, #5C5E61);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valor-apartir-home {
    color: var(--neutral-800, #3F4042);
}

.width-img-destaque {
    width: 100%;
    height: 127.4px;
}

.flex-descricao-produto-destaque {
    width: 100%;
    gap: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.img-background {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 8px;
}

.fonte-turno-destaque {
    color: var(--black-white-white, var(--White, #FFF));
    text-align: center;
    font-family: Ubuntu;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    letter-spacing: 0.012px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.40);
    padding: 2px 6px;
}

.turno-imagem-destaque {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    width: 90%;
}

.text-turno-destaque {
    color: var(--black-white-white, var(--White, #FFF));
    text-align: center;
}

.button-cliente-ninja {
    padding: 4px 8px;
    border-radius: 23px;
    background: linear-gradient(84deg, #F8B600 5.36%, #EDB02D 46.08%, #D38900 99.48%);
    border: none;
    text-align: center;
}

.logo-ninja-card {
    width: 20px;
    height: 20px;
}

.cliente-ninja-valor {
    padding: 6px 8px;
    border-radius: 8px;
    background: linear-gradient(84deg, #F8B600 5.36% 5.36%, #EDB02D 46.08%, #D38900 99.48%);
    background-blend-mode: multiply;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.25) inset;
}

.btn-red-500 {
    border-radius: 23px;
    background: var(--Red-500, #DC3545);
    padding: 4px 8px;
    border: none;
}

.border-modal-client-ninja {
    border-radius: 8px;
    border: 0.668px solid var(--Gray-300, #DEE2E6);
    background: var(--Gray-100, #F8F9FA);
    padding: 12px;
}

.btn-disabled {
    width: 100%;
    padding: 16px 9px;
    border-radius: 8px;
    background: var(--Gray-300, #DEE2E6);
    color: var(--Gray-600, #6C757D) !important;
    border: none;
}

.btn-modal-cliente-ninja {
    /*width: 100%;*/
    padding: 16px 9px;
    border-radius: 8px;
    border: none;
}

.card-carteira-cliente-ninja, .card-carteira-cliente-ninja2 {
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid #997404;
    background: var(--Gray-White, #FFF);
    display: flex;
    gap: 8px;
    flex-direction: column;
    height: 105px;
    width: 100%;
}

.card-cliente-ninja {
    padding: 12px 16px;
    display: flex;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #997404;
    transition: opacity 0.3s ease;
    z-index: 1;
    background: var(--Gray-White, #FFF);
}

.card-Ninja {
    position: relative;
    width: 100%;
    perspective: 1000px;
}

/* frente (única que gira) */
.card-cliente-ninja2 {
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
    z-index: 2;
}

    /* quando virar 1 vez */
    .card-cliente-ninja2.is-switched {
        transform: rotateY(180deg);
    }

.card-cliente-ninja3 {
    width: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
    z-index: 2;
}

/* traseira (não gira — só aparece) */
.card-carteira-cliente-ninja {
      position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

    /* quando aparecer após o flip */
    .card-carteira-cliente-ninja.is-active {
        opacity: 1;
        z-index: 3;
    }

.scale-2 {
    scale: 2;
}

/*-------------------- Initial -----------------------*/
.position-logo-restaurante {
    max-width: 13rem;
    position: absolute;
    border-radius: 12px;
    border: 2px solid var(--Gray-White, #FFF);
    background: var(--Gray-White, #FFF);
    box-shadow: 0 4px 8px 3px rgba(128, 128, 130, 0.15);
    /* Centro do logo alinhado a borda inferior da foto (metade dentro / metade fora) */
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*mobile*/
@media (max-width: 900px) {
    .padding-header-restaurante {
        border: 1px solid var(--Gray-300, #DEE2E6);
        background: var(--Gray-White, #FFF);
    }
}

/*desktop*/
@media (min-width: 901px) {
    .padding-header-restaurante {
        width: 57.5rem;
        border: none;
        background: none;
    }

    .section-body {
        display: flex;
        justify-content: center;
    }

        .section-body .div-body {
            width: 57.5rem;
        }
}

.position-logo-restaurante img {
    max-width: 100%;
    max-height: 7rem;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    display: block;
}

.padding-header-restaurante {
    padding-top: 70px;
    padding-bottom: 6px;
    border-radius: 0 0 12px 12px;
}

.info-home-restaurante {
    padding-top: 0px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

.div-info-promo-restaurante {
    padding-top: 8px;
    padding-right: -12px;
    padding-left: 12px;
    padding-bottom: 8px;
    display: flex;
    gap: 8px;
}

.border-promo-restaurante {
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    background: var(--black-white-white, #FFF);
    padding: 8px 10px;
    margin-right: 8px;
}

.border-endereco-home-restaurante {
    padding: 8px 16px;
    margin: auto 12px;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    background: var(--black-white-white, #FFF);
    text-decoration: none;
}

.btn-carousel-banner {
    border-radius: 50px !important;
    width: 8px !important;
    height: 8px !important;
    border-top: none !important;
    border-bottom: none !important;
    opacity: 1 !important;
}

.carousel-indicators-banner {
    bottom: 0px !important;
}

.carousel-img-banner img {
    border-radius: 8px;
}

.carousel-banner {
    margin: 0px 12px;
}

.div-modal-entrega-restaurante {
    /*width: 351px;*/
    background-color: #fff;
}

.input-text-search {
    background-color: #fff !important;
    color: var(--Gray-400, #CED4DA);
    border-right-color: transparent;
    padding-right: 0;
}

.input-text-search2 {
    border-left-color: transparent;
}

    .input-text-search2::placeholder {
        color: var(--Gray-500, #CED4DA);
    }

.input-text-search3 {
    background-color: #fff !important;
    border-left-color: transparent !important;
}

.icon-search-page {
    font-size: 90px;
}

.padding-card-search {
    padding: 24px;
}

.btn-padrao-restaurante {
    padding: 10px 12px;
    border-radius: 40px;
}

    .btn-padrao-restaurante:hover {
        color: #fff;
    }

    #modalFullPaginaContent {
        overflow-x: hidden;
        overflow-y: auto;
    }

.link-limpar-search-produto {
    text-decoration: unset;
    background-color: #fff !important;
    border-right: none;
    border-left: none;
}

.footer-cooki {
    border-top: 8px solid;
    border-image: linear-gradient(to right, #9300D7, #FFBC00) 1;
    margin-bottom: 6.25rem;
}

.add-produto-img {
    width: 32px;
    height: 32px;
    border-radius: 40px;
   /* background: var(--main-700, #512DA8);*/
}

    .add-produto-img i {
        color: #fff;
    }

.position-add-produto {
    bottom: 3px;
    right: 3px;
}

.search-stick-home {
    margin: 8px 0;
}

.modal-cabecalho-promocao {
    padding: 16px 12px 0 0;
    display: flex;
    gap: 10px;
}

@media (max-width: 900px) {
    .stick-categoria {
        width: 100% !important;
    }
}

.search-home-restaurante {
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    background: var(--Gray-White, #FFF);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.input-text-search2:focus {
    outline: none;
    box-shadow: none;
    border-color: inherit;
}

.input-text-search2:focus,
.input-text-search2:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: #D7DCE0 !important;
}

.position-entrega-restaurante {
    position: absolute;
    z-index: 5;
    width: 94%;
    border: 1px solid var(--Gray-300, #DEE2E6);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media (min-width: 900px) {
    .position-entrega-restaurante {
        width: 56rem;
    }
}

.close-round-modal {
    width: 24px;
    height: 24px;
    border-radius: 40px;
    background-color: var(--Gray-300, #DEE2E6);
}

.link-promocao-home, .link-promocao-home:hover, .link-promocao-home:focus {
    text-decoration: none;
    color: var(--Gray-600, #6C757D);
    text-align: center;
    margin: 0 10px;
    height: 30px;
}

.btn-search-home, .btn-search-home:focus, .btn-search-home:hover {
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    background: var(--Gray-White, #FFF);
    height: 44px;
    padding: 0 12px;
    color: #ADB5BD;
}

.div-flex-tab-modal {
    border-bottom: 2px solid #CED4DA;
}

.modal-center .modal-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-content {
    overflow-y: auto !important;
}

@media (max-width: 767px) {
    #modalCenter .modal-dialog.modal-dialog-centered {
        align-items: flex-start !important;
        min-height: auto !important;
    }

    #modalCenter .modal-dialog {
        margin-top: 16px !important;
    }
}

@media (min-width: 992px) {
    .modal.bottom .modal-content {
        overflow-y: hidden !important;
    }
}

.card-border-cashback {
    border-radius: 12px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    background: var(--Gray-White, #FFF);
    padding: 10px 12px;
    width: 100%;
}

#modalEditar2 .flex-body-ninja {
    padding: 12px 16px;
}

#modalEditar2 .btn-modal-cliente-ninja {
    margin: 12px 16px;
}

.border-gray-cashback {
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    background: var(--Gray-White, #FFF);
    padding: 10px 12px;
}

.border-40-gray {
    border-radius: 40px;
    border: 1px solid var(--blue-grey-100, #CFD8DC);
    padding: 4px 10px;
}

.content-radius-16 {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.card-cashback-produto {
    border-radius: 6px;
    background: var(--Purple-100, #E2D9F3);
}

.badge-gray-ingre {
    border-radius: 40px;
    background: var(--Gray-200, #E9ECEF);
    gap: 4px;
}

    .badge-gray-ingre.active {
        background: var(--Green-500, #198754);
        color: var(--Gray-White, #FFF);
    }

.modal-content:has(.modal-body-detalhes) {
    background: var(--neutral-50, #F7F9FA);
}

.a-addProduto-detalhes .bi-trash3 {
    font-size: 16px;
}

.stick-produto {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
}

.stick-produto {
    position: sticky;
    top: 0;
    z-index: 1050;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #E7EAEE;
    background: white;
}

.reticencia-1-linha-descricao-produto {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
     overflow: hidden; 
    -webkit-box-orient: vertical;
    max-width: 93%;
}

@media (min-width: 992px) {
    /* Desativa scroll no modal principal */
    .modal-body-detalhes {
        overflow: hidden !important;
        height: 95vh;
        display: flex;
        flex-direction: column;
    }

    /* Ativa scroll apenas na div-pedidoProduto-detalhes */
    .div-pedidoProduto-detalhes {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
        max-height: calc(95vh - 50px);
    }

        /* Scrollbar customizada (opcional) */
        .div-pedidoProduto-detalhes::-webkit-scrollbar {
            width: 6px;
        }

        .div-pedidoProduto-detalhes::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }

        .div-pedidoProduto-detalhes::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }

            .div-pedidoProduto-detalhes::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

    .div-lg-imagem {
        height: 75vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.a-addProduto-detalhes .bi-dash {
    height: 30px;
    width: 20px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media(max-width: 991px){
    .flex-detalhes-produto {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}

.fixed-bottom-sacola {
    bottom: 58px !important;
    padding: 10px 16px;
}

.quant-div-carrinho {
    border-radius: 100px;
    background: var(--Gray-White, #FFF);
    width: 20px;
    height: 20px;
}

.modal-dialog-scrollable .modal-content {
    height: 100% !important;
}

.div-produto-carrinho {
    box-shadow: 0 1px 3px 1px rgba(128, 128, 130, 0.15);
    border-radius: 10px;
    background: var(--Gray-White, #FFF);
    padding: 12px;
}

.div-add-carrinho {
    align-items: center;
    gap: 8px;
}

    .div-add-carrinho .menosCarrinho,
    .div-add-carrinho .maisCarrinho {
        border: 1px solid var(--blue-grey-100, #CFD8DC);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

.span-add-carrinho {
    min-width: 24px;
    text-align: center;
    font-weight: 500;
}

.bottom-modal-carrinho {
    bottom: 0;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.btn-adicionar-carrinho {
    width: 100%;
    display: block;
    height: 44px;
}

.div-circle-notification {
    width: 20px;
    height: 20px;
    border-radius: 100px;
}

.div-loader-carrinho {
    height: 200px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-bottom-cupom-carrinho {
    padding: 12px 20px;
    border-bottom: 1px solid var(--Gray-200, #E9ECEF);
}

.flex-total-carrinho {
    padding: 12px 20px;
}

.border-cupom-carrinho {
    margin: 0 16px;
    border: 1px solid #DEE2E6;
    border-radius: 4px;
    padding: 12px;
    background-color: #fff;
}

.div-etapa-checkout {
    padding: 8px 16px 10px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.status-checkout-etapas {
    border-radius: 100px;
    width: 24px;
    height: 24px;
    text-align: center;
    background: var(--Gray-200, #E9ECEF);
    color: var(--Gray-500, #ADB5BD);
}

.status-checkout-bar {
    overflow: hidden;
    height: 4px;
    width: 50px;
    flex: 1 0 0;
    margin: 10px 0;
    background: var(--Gray-200, #E9ECEF);
}

.flex-etapas-checkout {
    margin-left: 10px;
    margin-right: 20px;
}

.divisoria-dashed {
    border: 1px dashed var(--Gray-300, #DEE2E6);
}

.text-tab-padrao {
    color: var(--Gray-700, #495057);
    text-decoration: none;
}

.badge-img-quant {
    border-radius: 100px;
    background: var(--neutral-50, #F7F9FA);
    padding: 4px;
    bottom: 2px;
    right: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.border-card-shadow {
    border-radius: 8px;
    background: var(--Gray-White, #FFF);
    box-shadow: 0 2px 6px 2px rgba(128, 128, 130, 0.15);
}

.border-gray-agenda {
    border-radius: 14px;
    border: 1px solid var(--Gray-200, #E9ECEF);
    padding: 12px;

}

    .btn-gray-agenda:not(:checked) {
        border-radius: 14px;
        border: 1px solid var(--Gray-200, #E9ECEF);
        padding: 12px;
        width: 100%;
    }

.border-cupom-superior {
    border-radius: 12px 12px 0 0;
    border-top: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
    border-left: 1px solid #E5E7EB;
    background: var(--Gray-White, #FFF);
    padding: 16px 16px 8px 16px;
}

.badge-padrao-restaurante {
    border-radius: 8px;
}

.div-divisoria-cupom-left {
    border-radius: 0 33554400px 33554400px 0;
    border-top: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    background: #F9FAFB;
    width: 10px;
    height: 20px;
}

.div-divisoria-cupom-right {
    border-radius: 33554400px 0 0 33554400px;
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    border-left: 1px solid #E5E7EB;
    background: #F9FAFB;
    width: 10px;
    height: 20px;
}

.dashed-border-10 {
    border: 1px dashed #DEE2E6;
    border-image: repeating-linear-gradient(to right, #DEE2E6 0 10px, transparent 10px 20px) 1;
}

.border-cupom-inferior {
    padding: 8px 16px 16px 16px;
    border-radius: 0 0 12px 12px;
    border-right: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    border-left: 1px solid #E5E7EB;
    background: var(--Gray-White, #FFF);
}

.btn-desativar {
    border-radius: 40px;
    background: var(--Gray-400, #CED4DA);
    color: var(--Gray-White, #FFF);
    border: none;
}

.input-group-bg-gray {
    border-radius: 14px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    display: flex;
}

    .input-group-bg-gray .form-control {
        padding: 0;
        border: 0;
        background: transparent;
        height: 46px;
    }

        .input-group-bg-gray .form-control::placeholder {
            color: var(--Gray-500, #ADB5BD);
        }

.info-notificacao {
    border-radius: 100px;
    width: 20px;
    height: 20px;
}

@media all and (max-width: 991px) and (min-width: 0) {
    .capa-home-restaurante {
        height: 8.5rem;
        background-color: #fff;
    }
}

@media (min-width: 992px) {
    .capa-home-restaurante {
        height: 15.8rem;
        background-color: #fff;
        width: 57.5rem;
        border-radius: 0 0 16px 16px;
        border: 1px solid var(--Gray-300, #DEE2E6);
    }
}

/* ========== RADIO BUTTON CUSTOMIZADO PARA CARTÃO ========== */

.radio-cartao-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
}

.radio-cartao-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.radio-cartao-check {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

    /* Check ✓ usando ::after */
    .radio-cartao-check::after {
        content: '✓';
        font-size: 20px;
        font-weight: bold;
        opacity: 0;
        transform: scale(0) rotate(-45deg);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

/* Estado checked */
.radio-cartao-input:checked + .radio-cartao-check {
    background-color: transparent;
}

    .radio-cartao-input:checked + .radio-cartao-check::after {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }

/* Hover effect */
.radio-cartao-wrapper:hover .radio-cartao-check {
    border-color: transparent;
}

/* Animação de pulso ao selecionar */
@keyframes pulso-check {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.radio-cartao-input:checked + .radio-cartao-check {
    animation: pulso-check 0.4s ease-out;
}

.icon-confirmacao-pagamento.disabled {
    width: 128px;
    height: 128px;
    border-radius: 9000px;
    background: #A3A3A3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.icon-confirmacao-pagamento {
    width: 128px;
    height: 128px;
    border-radius: 9000px;
    background: #31CE09;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.btn-copiar-pix {
    border-radius: 8px !important;
    padding: 10px 16px;
    color: #fff;
    display: flex;
    gap: 4px;
    border: none;
}

.input-group-pix {
    background: #fff;
    padding: 8px 12px;
    border-radius: 8px;
}

.btn-border-padrao-restaurante {
    padding: 10px 12px;
    border-radius: 40px;
}

.btn-close-gray {
    background-color: var(--Gray-300, #DEE2E6);
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 40px;
}

.input-group-whatEmail {
    height: 56px;
}

    .input-group-what .input-group-text {
        background: transparent;
        border-right: 0;
    }

    .input-group-what .form-control {
        border-left: 0;
        padding-left: 0;
    }

.form-control-input-focus:focus {
    border-top: 1px solid #ced4da !important;
    border-right: 1px solid #ced4da !important;
    border-bottom: 1px solid #ced4da !important;
    box-shadow: none !important;
}

.form-control-input-focus::placeholder {
    color: var(--Gray-500, #ADB5BD);
}

.form-control-input-focus.disabled {
    background-color: #e9ecef !important;
}

.input-number-codigo {
    width: 35px;
    height: 40px;
    padding: 4px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--Gray-400, #CED4DA);
}

.link-enviar-codigo {
    border: none;
    line-height: 20px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    background-color: transparent;
}

.input-error-codigo {
    border: 1px solid var(--Red-300, #EA868F) !important;
    color: #DC3545 !important;
}

.input-group-whatEmail.disabled {
    background-color: #e9ecef;
}

.div-nome-endereco {
    height: 28px;
    width: 28px;
}

.btn-add-endereco {
    border-radius: 40px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    height: 46px;
}

.input-text-search2.bg-gray-100::placeholder {
    color: rgba(10, 10, 10, 0.50);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-border-gray-200 {
    border-radius: 8px;
    border: 1px solid var(--Gray-200, #E9ECEF);
}

.btn-border-gray-300 {
    border-radius: 40px;
    border: 1px solid var(--Gray-300, #DEE2E6);
    padding: 13px 1px;
}

.div-divisoria {
    border: 1px solid var(--Gray-200, #E9ECEF);
}

.card-apelido-endereco {
    border-radius: 8px;
    border: 1px solid var(--Gray-200, #E9ECEF);
    width: 100%;
    height: 38px;
    display: flex;
    gap: 8px;
    color: var(--Gray-600, #6C757D);
    justify-content: center;
    background-color: #fff;
}

.form-control::placeholder {
    color: var(--Gray-500, #ADB5BD);
}

.div-topo-modal {
    border-radius: 100px;
    background: var(--Gray-200, #E9ECEF);
    width: 15%;
    height: 4px;
}

.div-red-exclamation {
    width: 40px;
    height: 40px;
    background: #F8D7DA;
    border-radius: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.is-invalid-div {
    border: 1px solid red;
    border-radius: 8px;
}

/* Fontes maiores no carrinho */
#carrinhoPage .title-medium-medium {
    font-size: 18px !important;
    line-height: 26px;
}

#carrinhoPage .title-small-medium {
    font-size: 16px;
    line-height: 22px;
}

#carrinhoPage .label-large-medium {
    font-size: 14px;
    line-height: 24px;
}

#carrinhoPage .label-medium-medium {
    font-size: 14px !important;
    line-height: 18px;
}

#carrinhoPage .body-medium-regular {
    font-size: 16px;
    line-height: 22px;
}

#carrinhoPage .body-small-regular {
    font-size: 14px !important;
    line-height: 18px;
}

#carrinhoPage .body-large-regular {
    font-size: 18px;
    line-height: 26px;
}

/* Fontes maiores no checkout */
#modalEditarContent .title-medium-medium {
    font-size: 18px !important;
    line-height: 26px;
}

#modalEditarContent .title-small-medium {
    font-size: 16px;
    line-height: 22px;
}

#modalEditarContent .label-large-medium {
    font-size: 14px;
    line-height: 24px;
}

#modalEditarContent .label-medium-medium {
    font-size: 14px !important;
    line-height: 18px;
}

#modalEditarContent .label-small-medium {
    font-size: 13px;
    line-height: 18px;
}

#modalEditarContent .body-medium-regular {
    font-size: 16px;
    line-height: 22px;
}

#modalEditarContent .body-small-regular {
    font-size: 14px !important;
    line-height: 18px;
}

#modalEditarContent .body-small-medium {
    font-size: 13px;
    line-height: 150%;
}
.rslides {
  margin: 0 auto;
  }

.rslides_container {
 
  position: relative;
/*  float: left;*/
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  /*background: transparent url("../img/themes.gif") no-repeat left top;*/
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../../img/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }


/*---------------------- Initial -------------------------------*/

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{flex:1;align-self:stretch;justify-content:flex-end;height:2.2em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{font-size:1em}body.swal2-toast-shown>.swal2-container{position:fixed;background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown>.swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-close{position:initial}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){height:auto!important;overflow-y:hidden}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:9999999999;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{align-items:center;justify-content:center;margin:1.25em auto 0}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:0 .3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding-top:1em;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:.75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validationerror{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validationerror::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}[dir=rtl] .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/* Fontes */
.display-large-regular {
    font-size: 57px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
}

.display-medium-regular {
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
}

.display-small-regular {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}

.headline-large-regular {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.headline-medium-regular {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.headline-small-regular {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.title-large-regular {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.title-large2-regular {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.title-large1-regular {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.title-medium-medium {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.title-small-medium {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.label-large-medium {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.label-medium-medium {
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 16px;
}

.label-small-medium {
    font-size: 11px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 16px;
}

.body-title-regular {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.body-large-regular {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.body-medium-regular {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.body-small-regular {
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.body-small-medium {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.body-medium-strong {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.headline-large-bolder {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.body-large-bolder {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.label-small-strong {
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.body-small-strong {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.headline-large-strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.body-large-strong {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.title-large2-strong {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

/* End Fontes */

/* -------------- text cores ------------------- */
.text-yellow-light {
    color: #FFEF93;
}

.text-yellow-600 {
    color: var(--Orange-600, #CA6510);
}

.text-green-400 {
    color: var(--Green-400, #479F76);
}

.text-green-500 {
    color: var(--Green-500, #198754);
}

.text-green-600 {
    color: var(--Green-600, #146C43);
}

.text-gray-900, .text-gray-900:hover {
    color: var(--Gray-900, #212529);
}

.text-gray-800 {
    color: var(--Gray-800, #343A40);
}

.text-gray-700 {
    color: var(--Gray-700, #495057);
}

.text-gray-600, .text-gray-600:hover {
    color: var(--Gray-600, #6C757D);
}

.text-gray-500 {
    color: var(--Gray-500, #ADB5BD);
}

.text-gray-400 {
    color: var(--Gray-500, #CED4DA);
}

.text-gray-100 {
    color: var(--Gray-100, #F8F9FA);
}

.text-gray {
    color: #99A1AF;
}

.text-blue-grey-700 {
    color: var(--blue-grey-700, #455A64);
}

.text-neutral-500 {
    color: var(--neutral-500, #96999E);
}

.text-neutral-600 {
    color: var(--neutral-600, #6F7175);
}

.text-neutral-700 {
    color: var(--neutral-700, #5C5E61);
}

.text-neutral-800 {
    color: var(--neutral-800, #3F4042);
}

.text-red-600 {
    color: var(--Red-600, #B02A37);
}

.text-red-500, .text-red-500:hover {
    color: var(--Red-500, #DC3545);
}

.text-purple-500 {
    color: var(--Purple-500, #6F42C1);
}

.text-white {
    color: var(--Gray-White, #FFF);
}

.text-white-transparent {
    color: rgba(255, 255, 255, 0.5);
}

.text-black {
    color: #000;
}
/* --------------- end text cores ------------------- */

/* -------------- padding ------------------- */
.mt-12px {
    margin-top: 12px !important;
}

.mx-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.padding-2-8 {
    padding: 2px 8px !important;
}

.padding-4-8 {
    padding: 4px 8px !important;
}

.padding-8-16 {
    padding: 8px 16px !important;
}

.padding-6-12 {
    padding: 6px 12px !important;
}

.padding-10-12 {
    padding: 10px 12px !important;
}

.padding-8-12 {
    padding: 8px 12px !important;
}

.padding-12 {
    padding: 12px !important;
}

.padding-16 {
    padding: 16px !important;
}

.padding-0-16 {
    padding: 0px 16px !important;
}

.padding-12-16 {
    padding: 12px 16px !important;
}

.padding-14-16 {
    padding: 14px 16px !important;
}

.padding-10-12-0-12 {
    padding: 10px 12px 0px 12px !important;
}

.padding-20-16 {
    padding: 20px 16px !important;
}

.padding-20 {
    padding: 20px !important;
}

/* -------------- end padding ------------------- */
/* ------------------- flex desktop --------------------------- */
@media (min-width: 992px) {
    .d-flex-desktop {
        display: flex !important;
    }

    .justify-content-center-desktop {
        justify-content: center !important;
    }
}
/* ------------------- end flex desktop --------------------------- */
/* ------------------- gap --------------------------- */
.gap-2px {
    gap: 2px;
}

.gap-4 {
    gap: 4px;
}

.gap-5px {
    gap: 5px;
}

.gap-6 {
    gap: 6px;
}

.gap-8 {
    gap: 8px;
}

.gap-10 {
    gap: 10px !important;
}

.gap-11 {
    gap: 11px;
}

.gap-12 {
    gap: 12px;
}

.gap-13 {
    gap: 13px;
}

.gap-16 {
    gap: 16px;
}

.gap-20 {
    gap: 20px;
}

.gap-24 {
    gap: 24px;
}
/* ------------------- end gap --------------------------- */

.text-decoration-none {
    text-decoration: none !important;
}

/* ----------------------- height ---------------------------- */
.h-24px {
    height: 24px !important;
}

.h-40px {
    height: 40px !important;
}

.h-44px {
    height: 44px !important;
}

.h-50px {
    height: 50px !important;
}

.h-56px {
    height: 56px !important;
}

.h-30 {
    height: 30px !important;
}

.h-80 {
    height: 80% !important;
}

.h-100 {
    height: 100% !important;
}

.h-80vh {
    height: 80vh !important;
}

.h-85vh {
    height: 80vh !important;
}

.h-90vh {
    height: 90vh !important;
}

.h-100vh {
    height: 100vh !important;
}

@media (min-width: 992px) {
    .h-lg-90vh {
        height: 90vh;
    }
}

/* ----------------------- end height ---------------------------- */

/* ----------------------- width ---------------------------- */
.w-30 {
    width: 30% !important;
}

.w-48 {
    width: 48% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }
}

/* ----------------------- end width ---------------------------- */
/* ------------------------ retic�ncia ---------------------------- */
.reticencia-1-linha {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
}
/* ------------------------ end retic�ncia ---------------------------- */

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.icon-card-checkout {
    width: 24px;
    flex: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ------------------------- background ------------------------------------ */
.bg-gray-100 {
    background-color: var(--Gray-100, #F8F9FA) !important;
}

.bg-gray-200 {
    background-color: var(--Gray-200, #E9ECEF) !important;
}

.bg-neutral-100 {
    background-color: var(--neutral-100, #F5F5F6) !important;
}

.bg-white {
    background: var(--Gray-White, #FFF);
}
/* ------------------------- end background ---------------------------------- */
/* ------------------------------ opacidade --------------------------- */
.opacity-5 {
    opacity: 0.5 !important;
}
/* ------------------------------ end opacidade --------------------------- */
/* ------------------------- Modal --------------------------------------- */
@media(max-width: 900px) {
    .modal.bottom {
        position: fixed;
        margin: auto;
        width: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

        .modal.bottom.bottom-sm {
            max-height: 50%;
            bottom: 0;
            margin-top: auto !important;
            margin-bottom: 0 !important;
        }

        .modal.bottom .modal-dialog {
            margin: 0;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }
}

@media (min-width: 901px) {
    .modal.bottom .modal-dialog {
        --bs-modal-width: 1140px;
    }
}
/* ------------------------- end modal --------------------------------------- */
/* ------------------------- border --------------------------------------- */
.border-left-none {
    border-left: none !important;
}

.border-right-none {
    border-right: none !important;
}

.border-radius-6 {
    border-radius: 6px !important;
}

.border-radius-8 {
    border-radius: 8px !important;
}

.border-gray-8 {
    border-radius: 8px;
    border: 1px solid rgba(111, 66, 193, 0.40);
}

.border-red-500 {
    border-radius: 8px;
    border: 1px solid var(--Red-500, #DC3545);
}

.alerta-agendamento-obrigatorio {
    border-radius: 8px;
    border: 1px solid var(--Red-500, #DC3545);
    background: #FFF5F5;
    color: var(--Red-500, #DC3545);
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.3;
}

.alerta-agendamento-obrigatorio i {
    font-size: 14px;
    line-height: 1.3;
    flex-shrink: 0;
}

.border-bottom-gray-300 {
    border-bottom: 1px solid var(--Gray-300, #DEE2E6);
}

.border-gray-300 {
    border: 1px solid var(--Gray-300, #DEE2E6);
}
/* ------------------------- end border --------------------------------------- */
.overflow-y-auto {
    overflow-y: auto !important;
}

/* ------------------------------- Radio ------------------------------------------ */
input.radio-input-padrao[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border: 2px solid #ADB5BD;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s ease;
}

    input.radio-input-padrao[type="radio"]:checked {
        border: 2px solid #2E7D32;
        background-color: #2E7D32;
    }

        input.radio-input-padrao[type="radio"]:checked::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #fff;
        }

    input.radio-input-padrao[type="radio"]:not(:checked) {
        border-color: #ADB5BD;
        background-color: #fff;
    }

        input.radio-input-padrao[type="radio"]:not(:checked)::before {
            content: none;
        }
/* ------------------------------- end Radio ------------------------------------------ */

.input-error-red {
    border: 1px solid red !important;
}

/* ------------------------------- button ------------------------------------------ */
.btn-border-gray-400 {
    border-radius: 100px;
    border: 1px solid var(--Gray-400, #CED4DA);
    background: var(--Gray-White, #FFF);
}
/* ------------------------------- end button ------------------------------------------ */