Facebook

eu safest cryptocurrency exchange

From eu, 3 Years ago, written in Plain Text.
URL https://pastebin.pl/view/6a27bd05
Embed
Download Paste or View Raw
Hits: 138
  1. {% load static %}
  2. {% load humanize %}
  3.  
  4. <html lang="pt-br">
  5. <head>
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.     <title>Farmácias Nissei</title>
  10.     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
  11.     <link rel="stylesheet" href="/assets/bootstrap-4.4.1/dist/css/bootstrap.min.css">
  12.     <style>
  13.         :root {
  14.  
  15.             /*
  16.                 Cores padrões
  17.                 */
  18.  
  19.             --white: #fff;
  20.             --no-white: #FFF;
  21.             --white-secondary: #f7f7f7;
  22.             --white-secondary-hover: #e4e7ea;
  23.             --global-bg-color: #FFF;
  24.             --texto: #444;
  25.             --ice-blue: #edeff0;
  26.             --windows-blue: #3d85c6;
  27.             --sunflower-yellow: #ffd200;
  28.             --blue-gray: #8a9297;
  29.             /* cores do padrão 1 */
  30.             --mundo-padrao1-1: #f6fffb;
  31.             --mundo-padrao1-2: #00af66;
  32.             /* cores padrao 2 */
  33.             --mundo-padrao2-1: #fffdfd;
  34.             --mundo-padrao2-2: #e682a9;
  35.             /* cores padrao 3 */
  36.             --mundo-padrao3-1: #ad7c59;
  37.             --mundo-padrao3-2: #fffdfc;
  38.             /* cores padrao 4 */
  39.             --mundo-padrao4-1: #8986ca;
  40.             --mundo-padrao4-2: #fbfaff;
  41.             /* cores padrao 5 segue as mesmas cores do padrao 1
  42.                 cores padrao 6 segue mesmo padrão do navy-blue */
  43.             /* cores padrao 7 */
  44.             --mundo-padrao7-1: #fead77;
  45.             --mundo-padrao7-2: #fffbfa;
  46.             /* cores padrao marcas */
  47.             --mundo-marcas-1: var(--light-navy-blue);
  48.             --mundo-marcas-2: #f6fbff;
  49.  
  50.  
  51.             --pale-sky-blue: #d7e1e7;
  52.  
  53.             /*
  54.                 cool blue
  55.                 */
  56.             --primary: #3d85c6;
  57.             --primary-hover: #397dba;
  58.  
  59.             /*
  60.                 light-navy
  61.                 */
  62.             --light-navy: #18537d;
  63.             --light-navy-hover: #144466;
  64.  
  65.             /*
  66.                 light-navy-blue
  67.                 */
  68.             --light-navy-blue: #315c8e;
  69.             --light-navy-blue-hover: #2b527e;
  70.  
  71.             --marine: #083050;
  72.  
  73.             --outline-primary: #FFF;
  74.             --outline-primary-hover: #E8F8FF;
  75.  
  76.             --secondary: #d7e1e7;
  77.             --secondary-hover: #bdc6cb;
  78.  
  79.             --success: #9FC44E;
  80.             --success-hover: #3ea662;
  81.  
  82.             --info: #294d80;
  83.             --info-hover: #22406a;
  84.  
  85.             --warning: #fcb514;
  86.             --warning-hover: #e3a312;
  87.  
  88.             --danger: #ee3a41;
  89.             --danger-hover: #d7343b;
  90.  
  91.             --light: #f0f3f5;
  92.             --light-hover: #d9e1e6;
  93.             --muted: #8a9297;
  94.  
  95.             --dark-80: rgba(0, 0, 0, 0.8);
  96.             --dark-50: rgba(0, 0, 0, 0.5);
  97.             --dark-35: rgba(0, 0, 0, 0.35);
  98.             --dark-20: rgba(0, 0, 0, 0.2);
  99.             --dark-10: rgba(0, 0, 0, 0.1);
  100.             --dark-5: rgba(0, 0, 0, 0.05);
  101.  
  102.             --tabela: #EFF3F5;
  103.             --tabela-hover: #dce0e2;
  104.             /*
  105.                 Fim Cores Padrões
  106.                  */
  107.  
  108.             /*
  109.                 Tamanhos de telas utilizados para @media responsive
  110.                  */
  111.             --breakpoint-xs: 0;
  112.             --breakpoint-sm: 576px;
  113.             --breakpoint-md: 768px;
  114.             --breakpoint-lg: 992px;
  115.             --breakpoint-xl: 1200px;
  116.             /*
  117.                 Fim
  118.                  */
  119.  
  120.             /*
  121.                 Cores personalizadas e icones do cliente
  122.                  */
  123.  
  124.             --amarelo-cliente: #ffd200;
  125.  
  126.             /*
  127.                    N Amarelo
  128.                 */
  129.             --cliente-icone-warning-btn: url("/assets/img/logos_e_banners/n-amarelo.png");
  130.  
  131.             /*
  132.                     Azul
  133.                  */
  134.             --cliente-color-primary: #18537d;
  135.             --cliente-color-primary-hover: #144467;
  136.             --cliente-icone-primary-btn: url("/assets/img/logos_e_banners/n-azul.png");
  137.  
  138.             --loader-path: url("/assets/loader/img/loader-torii.gif");
  139.         }
  140.  
  141.         .d-none-valor-banco {
  142.             display: none
  143.         }
  144.     </style>
  145.     <style>
  146.         @charset "UTF-8";
  147.         /*!
  148.      * CoreUI Pro - Dashboard UI Kit
  149.      * @version v2.0.6
  150.      * @link https://coreui.io/pro/
  151.      * Copyright (c) 2018 creativeLabs Łukasz Holeczek
  152.      */
  153.  
  154.         @font-face {
  155.             font-family: 'summernote-icons';
  156.             src: url('fontface/icone_pin/summernote-icons.eot?kksjna');
  157.             src: url('fontface/icone_pin/summernote-icons.eot?kksjna#iefix') format('embedded-opentype'),
  158.             url('fontface/icone_pin/summernote-icons.ttf?kksjna') format('truetype'),
  159.             url('fontface/icone_pin/summernote-icons.woff?kksjna') format('woff'),
  160.             url('fontface/icone_pin/summernote-icons.svg?kksjna#summernote-icons') format('svg');
  161.             font-weight: normal;
  162.             font-style: normal;
  163.             font-display: block;
  164.         }
  165.  
  166.         [class*=" note-icon"]:before,
  167.         [class^=note-icon]:before {
  168.             display: inline-block;
  169.             font-family: summernote-icons;
  170.             font-style: normal;
  171.             font-size: 1.2rem !important;
  172.             text-decoration: inherit;
  173.             text-rendering: auto;
  174.             text-transform: none;
  175.             vertical-align: middle;
  176.             -moz-osx-font-smoothing: grayscale;
  177.             -webkit-font-smoothing: antialiased;
  178.             speak: none
  179.         }
  180.  
  181.         /*-- icones --*/
  182.  
  183.         .note-icon-align:before {
  184.             content: "\ea01"
  185.         }
  186.  
  187.         .note-icon-align-center:before {
  188.             content: "\e900"
  189.         }
  190.  
  191.         .note-icon-align-indent:before {
  192.             content: "\e90b"
  193.         }
  194.  
  195.         .note-icon-align-justify:before {
  196.             content: "\e90c"
  197.         }
  198.  
  199.         .note-icon-align-left:before {
  200.             content: "\e901"
  201.         }
  202.  
  203.         .note-icon-align-outdent:before {
  204.             content: "\e910"
  205.         }
  206.  
  207.         .note-icon-align-right:before {
  208.             content: "\e902"
  209.         }
  210.  
  211.         .note-icon-arrow-circle-down:before {
  212.             content: "\ea08"
  213.         }
  214.  
  215.         .note-icon-arrow-circle-left:before {
  216.             content: "\ea09"
  217.         }
  218.  
  219.         .note-icon-arrow-circle-right:before {
  220.             content: "\ea0a"
  221.         }
  222.  
  223.         .note-icon-arrow-circle-up:before {
  224.             content: "\ea0b"
  225.         }
  226.  
  227.         .note-icon-arrows-alt:before {
  228.             content: "\e908"
  229.         }
  230.  
  231.         .note-icon-arrows-h:before {
  232.             content: "\ea0d"
  233.         }
  234.  
  235.         .note-icon-arrows-v:before {
  236.             content: "\ea0e"
  237.         }
  238.  
  239.         .note-icon-bold:before {
  240.             content: "\e904"
  241.         }
  242.  
  243.         .note-icon-caret:before {
  244.             content: "\ea10"
  245.         }
  246.  
  247.         .note-icon-chain-broken:before {
  248.             content: "\ea11"
  249.         }
  250.  
  251.         .note-icon-circle:before {
  252.             content: "\ea12"
  253.         }
  254.  
  255.         .note-icon-close:before {
  256.             content: "\ea13"
  257.         }
  258.  
  259.         .note-icon-code:before {
  260.             content: "\e906"
  261.         }
  262.  
  263.         .note-icon-col-after:before {
  264.             content: "\ea15"
  265.         }
  266.  
  267.         .note-icon-col-before:before {
  268.             content: "\ea16"
  269.         }
  270.  
  271.         .note-icon-col-remove:before {
  272.             content: "\ea17"
  273.         }
  274.  
  275.         .note-icon-eraser:before {
  276.             content: "\e907"
  277.         }
  278.  
  279.         .note-icon-float-left:before {
  280.             content: "\ea19"
  281.         }
  282.  
  283.         .note-icon-float-none:before {
  284.             content: "\ea1a"
  285.         }
  286.  
  287.         .note-icon-float-right:before {
  288.             content: "\ea1b"
  289.         }
  290.  
  291.         .note-icon-font:before {
  292.             content: "\e903"
  293.         }
  294.  
  295.         .note-icon-frame:before {
  296.             content: "\ea1d"
  297.         }
  298.  
  299.         .note-icon-italic:before {
  300.             content: "\ea1e"
  301.         }
  302.  
  303.         .note-icon-link:before {
  304.             content: "\e90d"
  305.         }
  306.  
  307.         .note-icon-magic:before {
  308.             content: "\e916"
  309.         }
  310.  
  311.         .note-icon-menu-check:before {
  312.             content: "\ea21"
  313.         }
  314.  
  315.         .note-icon-minus:before {
  316.             content: "\e909"
  317.         }
  318.  
  319.         .note-icon-orderedlist:before {
  320.             content: "\e90e"
  321.         }
  322.  
  323.         .note-icon-print:before {
  324.             content: "\e913"
  325.         }
  326.  
  327.         .note-icon-exportpdf:before {
  328.             content: "\e911"
  329.         }
  330.  
  331.         .note-icon-pencil:before {
  332.             content: "\e912"
  333.         }
  334.  
  335.         .note-icon-picture:before {
  336.             content: "\e90a"
  337.         }
  338.  
  339.         .note-icon-question:before {
  340.             content: "\ea26"
  341.         }
  342.  
  343.         .note-icon-redo:before {
  344.             content: "\e914"
  345.         }
  346.  
  347.         .note-icon-rollback:before {
  348.             content: "\ea28"
  349.         }
  350.  
  351.         .note-icon-row-above:before {
  352.             content: "\ea29"
  353.         }
  354.  
  355.         .note-icon-row-below:before {
  356.             content: "\ea2a"
  357.         }
  358.  
  359.         .note-icon-row-remove:before {
  360.             content: "\ea2b"
  361.         }
  362.  
  363.         .note-icon-special-character:before {
  364.             content: "\ea2c"
  365.         }
  366.  
  367.         .note-icon-square:before {
  368.             content: "\ea2d"
  369.         }
  370.  
  371.         .note-icon-strikethrough:before {
  372.             content: "\ea2e"
  373.         }
  374.  
  375.         .note-icon-subscript:before {
  376.             content: "\ea2f"
  377.         }
  378.  
  379.         .note-icon-summernote:before {
  380.             content: "\ea30"
  381.         }
  382.  
  383.         .note-icon-superscript:before {
  384.             content: "\ea31"
  385.         }
  386.  
  387.         .note-icon-table:before {
  388.             content: "\e917"
  389.         }
  390.  
  391.         .note-icon-text-height:before {
  392.             content: "\ea33"
  393.         }
  394.  
  395.         .note-icon-trash:before {
  396.             content: "\ea34"
  397.         }
  398.  
  399.         .note-icon-underline:before {
  400.             content: "\e918"
  401.         }
  402.  
  403.         .note-icon-undo:before {
  404.             content: "\e919"
  405.         }
  406.  
  407.         .note-icon-unorderedlist:before {
  408.             content: "\e90f"
  409.         }
  410.  
  411.         .note-icon-video:before {
  412.             content: "\e91b"
  413.         }
  414.  
  415.         .dimensoes {
  416.             width: calc(14.6cm * 15cm * 21.8cm);
  417.         }
  418.  
  419.  
  420.         /**
  421.         input type radio/checkbox com aparência on/off
  422.      */
  423.  
  424.         .switch {
  425.             display: inline-block;
  426.             width: 40px;
  427.             height: 26px;
  428.         }
  429.  
  430.         .switch-input {
  431.             display: none;
  432.         }
  433.  
  434.         .switch-slider {
  435.             position: relative;
  436.             display: block;
  437.             height: inherit;
  438.             cursor: pointer;
  439.             transition: .15s ease-out;
  440.             border-radius: 0.25rem;
  441.         }
  442.  
  443.         .switch-slider::before {
  444.             position: absolute;
  445.             top: 2px;
  446.             left: 2px;
  447.             box-sizing: border-box;
  448.             width: 20px;
  449.             height: 20px;
  450.             content: "";
  451.             transition: .15s ease-out;
  452.             border-radius: 0.125rem;
  453.         }
  454.  
  455.         .switch-input:checked ~ .switch-slider::before {
  456.             -webkit-transform: translateX(14px);
  457.             transform: translateX(14px);
  458.         }
  459.  
  460.         .switch-input:disabled ~ .switch-slider {
  461.             cursor: not-allowed;
  462.             opacity: .5;
  463.         }
  464.  
  465.         .switch-lg {
  466.             width: 48px;
  467.             height: 30px;
  468.         }
  469.  
  470.         .switch-lg .switch-slider {
  471.             font-size: 12px;
  472.         }
  473.  
  474.         .switch-lg .switch-slider::before {
  475.             width: 24px;
  476.             height: 24px;
  477.         }
  478.  
  479.         .switch-lg .switch-slider::after {
  480.             font-size: 12px;
  481.         }
  482.  
  483.         .switch-lg .switch-input:checked ~ .switch-slider::before {
  484.             -webkit-transform: translateX(18px);
  485.             transform: translateX(18px);
  486.         }
  487.  
  488.         .switch-sm {
  489.             width: 32px;
  490.             height: 22px;
  491.         }
  492.  
  493.         .switch-sm .switch-slider {
  494.             font-size: 8px;
  495.         }
  496.  
  497.         .switch-sm .switch-slider::before {
  498.             width: 16px;
  499.             height: 16px;
  500.         }
  501.  
  502.         .switch-sm .switch-slider::after {
  503.             font-size: 8px;
  504.         }
  505.  
  506.         .switch-sm .switch-input:checked ~ .switch-slider::before {
  507.             -webkit-transform: translateX(10px);
  508.             transform: translateX(10px);
  509.         }
  510.  
  511.         .switch-label {
  512.             width: 48px;
  513.         }
  514.  
  515.         .switch-label .switch-slider::before {
  516.             z-index: 2;
  517.         }
  518.  
  519.         .switch-label .switch-slider::after {
  520.             position: absolute;
  521.             top: 50%;
  522.             right: 1px;
  523.             z-index: 1;
  524.             width: 50%;
  525.             margin-top: -.5em;
  526.             font-size: 10px;
  527.             font-weight: 600;
  528.             line-height: 1;
  529.             text-align: center;
  530.             text-transform: uppercase;
  531.             content: attr(data-unchecked);
  532.             transition: inherit;
  533.         }
  534.  
  535.         .switch-label .switch-input:checked ~ .switch-slider::before {
  536.             -webkit-transform: translateX(22px);
  537.             transform: translateX(22px);
  538.         }
  539.  
  540.         .switch-label .switch-input:checked ~ .switch-slider::after {
  541.             left: 1px;
  542.             color: #fcfcfc;
  543.             content: attr(data-checked);
  544.         }
  545.  
  546.         .switch-label.switch-lg {
  547.             width: 56px;
  548.             height: 30px;
  549.         }
  550.  
  551.         .switch-label.switch-lg .switch-slider {
  552.             font-size: 12px;
  553.         }
  554.  
  555.         .switch-label.switch-lg .switch-slider::before {
  556.             width: 24px;
  557.             height: 24px;
  558.         }
  559.  
  560.         .switch-label.switch-lg .switch-slider::after {
  561.             font-size: 12px;
  562.         }
  563.  
  564.         .switch-label.switch-lg .switch-input:checked ~ .switch-slider::before {
  565.             -webkit-transform: translateX(26px);
  566.             transform: translateX(26px);
  567.         }
  568.  
  569.         .switch-label.switch-sm {
  570.             width: 40px;
  571.             height: 22px;
  572.         }
  573.  
  574.         .switch-label.switch-sm .switch-slider {
  575.             font-size: 8px;
  576.         }
  577.  
  578.         .switch-label.switch-sm .switch-slider::before {
  579.             width: 16px;
  580.             height: 16px;
  581.         }
  582.  
  583.         .switch-label.switch-sm .switch-slider::after {
  584.             font-size: 8px;
  585.         }
  586.  
  587.         .switch-label.switch-sm .switch-input:checked ~ .switch-slider::before {
  588.             -webkit-transform: translateX(18px);
  589.             transform: translateX(18px);
  590.         }
  591.  
  592.         .switch-3d .switch-slider::before {
  593.             top: -1px;
  594.             left: -1px;
  595.             width: 26px;
  596.             height: 26px;
  597.             border: 0;
  598.             border-radius: 50em;
  599.             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  600.         }
  601.  
  602.         .switch-3d.switch-lg {
  603.             width: 48px;
  604.             height: 30px;
  605.         }
  606.  
  607.         .switch-3d.switch-lg .switch-slider::before {
  608.             width: 30px;
  609.             height: 30px;
  610.         }
  611.  
  612.         .switch-3d.switch-lg .switch-input:checked ~ .switch-slider::before {
  613.             -webkit-transform: translateX(18px);
  614.             transform: translateX(18px);
  615.         }
  616.  
  617.         .switch-3d.switch-sm {
  618.             width: 32px;
  619.             height: 22px;
  620.         }
  621.  
  622.         .switch-3d.switch-sm .switch-slider::before {
  623.             width: 22px;
  624.             height: 22px;
  625.         }
  626.  
  627.         .switch-3d.switch-sm .switch-input:checked ~ .switch-slider::before {
  628.             -webkit-transform: translateX(10px);
  629.             transform: translateX(10px);
  630.         }
  631.  
  632.         .switch-pill .switch-slider {
  633.             border-radius: 50em;
  634.         }
  635.  
  636.         .switch-pill .switch-slider::before {
  637.             border-radius: 50em;
  638.         }
  639.  
  640.         /**
  641.      fim input checkbox/radio aparência on/off
  642.      */
  643.  
  644.  
  645.         .loader {
  646.             margin: 60px auto;
  647.             font-size: 12px;
  648.             position: fixed;
  649.             width: 1em;
  650.             height: 1em;
  651.             display: none;
  652.             opacity: 1 !important;
  653.             border-radius: 50%;
  654.             left: 50%;
  655.             top: 40%;
  656.             z-index: 9999;
  657.             text-indent: -9999em;
  658.             -webkit-animation: load5 1.1s infinite ease;
  659.             animation: load5 1.1s infinite ease;
  660.             -webkit-transform: translateZ(0);
  661.             -ms-transform: translateZ(0);
  662.             transform: translateZ(0);
  663.         }
  664.  
  665.  
  666.         .loaderBase {
  667.             margin: 60px auto;
  668.             font-size: 12px;
  669.             position: fixed;
  670.             width: 1em;
  671.             height: 1em;
  672.             display: block;
  673.             opacity: 1 !important;
  674.             border-radius: 50%;
  675.             left: 50%;
  676.             top: 40%;
  677.             z-index: 9999;
  678.             text-indent: -9999em;
  679.             -webkit-animation: load5 1.1s infinite ease;
  680.             animation: load5 1.1s infinite ease;
  681.             -webkit-transform: translateZ(0);
  682.             -ms-transform: translateZ(0);
  683.             transform: translateZ(0);
  684.         }
  685.  
  686.         html {
  687.             font-family: 'MontSerrat', sans-serif;
  688.             font-weight:400;
  689.             line-height: normal;
  690.             -ms-text-size-adjust: 100%;
  691.             -ms-overflow-style: scrollbar;
  692.         }
  693.  
  694.         body {
  695.             font-family: 'MontSerrat', sans-serif;
  696.             font-weight:400;
  697.             font-size: 0.875rem;
  698.             line-height: 1.5;
  699.             overflow-x: hidden !important;
  700.         }
  701.  
  702.         .btn {
  703.             font-size: 0.875rem;
  704.         }
  705.  
  706.         b {
  707.             font-family: 'MontSerrat-Black', sans-serif;
  708.             font-weight: normal !important;
  709.         }
  710.  
  711.         .body-login {
  712.             position: absolute;
  713.             width: 100%;
  714.             background-size: 50%;
  715.             height: 100%;
  716.         }
  717.  
  718.         .body-login .card-body {
  719.             padding: 20px 40px;
  720.         }
  721.  
  722.         [tabindex="-1"]:focus {
  723.             outline: 0 !important;
  724.         }
  725.  
  726.         h4.h4-values {
  727.             margin: 10px 0 !important;
  728.             font-weight:900;
  729.         }
  730.  
  731.         h6.title-cover-feed {
  732.             position: relative;
  733.             top: 60%;
  734.         }
  735.  
  736.         p {
  737.             margin: 0;
  738.             padding: 0;
  739.         }
  740.  
  741.         .no-space {
  742.             margin: 0;
  743.             padding: 0;
  744.             line-height: normal;
  745.         }
  746.  
  747.         p.infos-weather {
  748.             line-height: 1.1em;
  749.         }
  750.  
  751.         p.big-title {
  752.             font-size: 280%;
  753.         }
  754.  
  755.         p.big-phrase,
  756.         span.big-phrase {
  757.             font-size: 140%;
  758.         }
  759.  
  760.         p.destaque,
  761.         span.destaque {
  762.             font-size: 200%;
  763.         }
  764.  
  765.  
  766.         dt {
  767.             font-family: 'MontSerrat', sans-serif;
  768.             font-weight: normal;
  769.         }
  770.  
  771.         dfn {
  772.             font-style: italic;
  773.         }
  774.  
  775.         .even-smaller {
  776.             font-size: 70%;
  777.         }
  778.  
  779.         a {
  780.             -webkit-text-decoration-skip: objects;
  781.         }
  782.  
  783.         a:hover {
  784.             text-decoration: none;
  785.         }
  786.  
  787.         a:not([href]):not([tabindex]) {
  788.             text-decoration: none;
  789.         }
  790.  
  791.         a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  792.             text-decoration: none;
  793.         }
  794.  
  795.         a:not([href]):not([tabindex]):focus {
  796.             outline: 0;
  797.         }
  798.  
  799.         pre,
  800.         code,
  801.         kbd,
  802.         samp {
  803.             font-weight:400;
  804.         }
  805.  
  806.         pre {
  807.             -ms-overflow-style: scrollbar;
  808.         }
  809.  
  810.         thead.thead-dark th:last-child {
  811.             border-right: 0;
  812.         }
  813.  
  814.         label {
  815.             display: inline-block;
  816.             margin-bottom: 0;
  817.         }
  818.  
  819.         textarea,
  820.         input[type="text"] {
  821.             padding: 10px;
  822.         }
  823.  
  824.         h1, h2, h3, h4, h5, h6,
  825.         .h1, .h2, .h3, .h4, .h5, .h6 {
  826.             line-height: 1.2;
  827.             font-weight: normal;
  828.         }
  829.  
  830.         h1, .h1 {
  831.             font-size: 2.1875rem;
  832.             font-weight:900;
  833.         }
  834.  
  835.         h2, .h2 {
  836.             font-size: 1.75rem;
  837.         }
  838.  
  839.         h2.rede-titulo {
  840.             font-size: 5vmin !important;
  841.         }
  842.  
  843.         h3, .h3 {
  844.             font-size: 1.53125rem;
  845.         }
  846.  
  847.         h4, .h4 {
  848.             font-size: 1.3125rem;
  849.         }
  850.  
  851.         h5, .h5 {
  852.             margin: 0;
  853.             font-size: 1.2rem;
  854.             font-weight: 500;
  855.             line-height: 1.7rem;
  856.         }
  857.  
  858.         h6, .h6 {
  859.             font-size: 0.95rem;
  860.         }
  861.  
  862.         small,
  863.         .small {
  864.             font-size: 85%;
  865.             line-height: 120%;
  866.             font-weight: normal;
  867.         }
  868.  
  869.         .blockquote {
  870.             font-size: 1.09375rem;
  871.         }
  872.  
  873.         div .img-fluid > p > img {
  874.             max-width: 100%;
  875.             height: auto;
  876.         }
  877.  
  878.         .container-no-space {
  879.             padding-right: 0 !important;
  880.             padding-left: 0 !important;
  881.         }
  882.  
  883.         .row {
  884.             margin-right: -10px;
  885.             margin-left: -10px;
  886.         }
  887.  
  888.         .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  889.         .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  890.         .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
  891.         .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  892.         .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  893.         .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
  894.         .col-xl-auto {
  895.             min-height: 1px;
  896.             padding-right: 10px;
  897.             padding-left: 10px;
  898.         }
  899.  
  900.         .col-auto {
  901.             -ms-flex: 0 0 auto;
  902.             flex: 0 0 auto;
  903.             width: auto;
  904.             max-width: none;
  905.         }
  906.  
  907.  
  908.         @media (min-width: 1600px) {
  909.             .col-xxl {
  910.                 -ms-flex-preferred-size: 0;
  911.                 flex-basis: 0;
  912.                 -ms-flex-positive: 1;
  913.                 flex-grow: 1;
  914.                 max-width: 100%;
  915.             }
  916.  
  917.  
  918.             .row-cols-xxl-1 > * {
  919.                 -ms-flex: 0 0 100%;
  920.                 flex: 0 0 100%;
  921.                 max-width: 100%;
  922.             }
  923.  
  924.  
  925.             .row-cols-xxl-2 > * {
  926.                 -ms-flex: 0 0 50%;
  927.                 flex: 0 0 50%;
  928.                 max-width: 50%;
  929.             }
  930.  
  931.  
  932.             .row-cols-xxl-3 > * {
  933.                 -ms-flex: 0 0 33.333333%;
  934.                 flex: 0 0 33.333333%;
  935.                 max-width: 33.333333%;
  936.             }
  937.  
  938.  
  939.             .row-cols-xxl-4 > * {
  940.                 -ms-flex: 0 0 25%;
  941.                 flex: 0 0 25%;
  942.                 max-width: 25%;
  943.             }
  944.  
  945.  
  946.             .row-cols-xxl-5 > * {
  947.                 -ms-flex: 0 0 20%;
  948.                 flex: 0 0 20%;
  949.                 max-width: 20%;
  950.             }
  951.  
  952.  
  953.             .row-cols-xxl-6 > * {
  954.                 -ms-flex: 0 0 16.666667%;
  955.                 flex: 0 0 16.666667%;
  956.                 max-width: 16.666667%;
  957.             }
  958.  
  959.  
  960.             .col-xxl-auto {
  961.                 -ms-flex: 0 0 auto;
  962.                 flex: 0 0 auto;
  963.                 width: auto;
  964.                 max-width: 100%;
  965.             }
  966.  
  967.  
  968.             .col-xxl-1 {
  969.                 -ms-flex: 0 0 8.333333%;
  970.                 flex: 0 0 8.333333%;
  971.                 max-width: 8.333333%;
  972.             }
  973.  
  974.  
  975.             .col-xxl-2 {
  976.                 -ms-flex: 0 0 16.666667%;
  977.                 flex: 0 0 16.666667%;
  978.                 max-width: 16.666667%;
  979.             }
  980.  
  981.  
  982.             .col-xxl-3 {
  983.                 -ms-flex: 0 0 25%;
  984.                 flex: 0 0 25%;
  985.                 max-width: 25%;
  986.             }
  987.  
  988.  
  989.             .col-xxl-4 {
  990.                 -ms-flex: 0 0 33.333333%;
  991.                 flex: 0 0 33.333333%;
  992.                 max-width: 33.333333%;
  993.             }
  994.  
  995.  
  996.             .col-xxl-5 {
  997.                 -ms-flex: 0 0 41.666667%;
  998.                 flex: 0 0 41.666667%;
  999.                 max-width: 41.666667%;
  1000.             }
  1001.  
  1002.  
  1003.             .col-xxl-6 {
  1004.                 -ms-flex: 0 0 50%;
  1005.                 flex: 0 0 50%;
  1006.                 max-width: 50%;
  1007.             }
  1008.  
  1009.  
  1010.             .col-xxl-7 {
  1011.                 -ms-flex: 0 0 58.333333%;
  1012.                 flex: 0 0 58.333333%;
  1013.                 max-width: 58.333333%;
  1014.             }
  1015.  
  1016.  
  1017.             .col-xxl-8 {
  1018.                 -ms-flex: 0 0 66.666667%;
  1019.                 flex: 0 0 66.666667%;
  1020.                 max-width: 66.666667%;
  1021.             }
  1022.  
  1023.  
  1024.             .col-xxl-9 {
  1025.                 -ms-flex: 0 0 75%;
  1026.                 flex: 0 0 75%;
  1027.                 max-width: 75%;
  1028.             }
  1029.  
  1030.  
  1031.             .col-xxl-10 {
  1032.                 -ms-flex: 0 0 83.333333%;
  1033.                 flex: 0 0 83.333333%;
  1034.                 max-width: 83.333333%;
  1035.             }
  1036.  
  1037.  
  1038.             .col-xxl-11 {
  1039.                 -ms-flex: 0 0 91.666667%;
  1040.                 flex: 0 0 91.666667%;
  1041.                 max-width: 91.666667%;
  1042.             }
  1043.  
  1044.  
  1045.             .col-xxl-12 {
  1046.                 -ms-flex: 0 0 100%;
  1047.                 flex: 0 0 100%;
  1048.                 max-width: 100%;
  1049.             }
  1050.  
  1051.  
  1052.             .order-xxl-first {
  1053.                 -ms-flex-order: -1;
  1054.                 order: -1;
  1055.             }
  1056.  
  1057.  
  1058.             .order-xxl-last {
  1059.                 -ms-flex-order: 13;
  1060.                 order: 13;
  1061.             }
  1062.  
  1063.  
  1064.             .order-xxl-0 {
  1065.                 -ms-flex-order: 0;
  1066.                 order: 0;
  1067.             }
  1068.  
  1069.  
  1070.             .order-xxl-1 {
  1071.                 -ms-flex-order: 1;
  1072.                 order: 1;
  1073.             }
  1074.  
  1075.  
  1076.             .order-xxl-2 {
  1077.                 -ms-flex-order: 2;
  1078.                 order: 2;
  1079.             }
  1080.  
  1081.  
  1082.             .order-xxl-3 {
  1083.                 -ms-flex-order: 3;
  1084.                 order: 3;
  1085.             }
  1086.  
  1087.  
  1088.             .order-xxl-4 {
  1089.                 -ms-flex-order: 4;
  1090.                 order: 4;
  1091.             }
  1092.  
  1093.  
  1094.             .order-xxl-5 {
  1095.                 -ms-flex-order: 5;
  1096.                 order: 5;
  1097.             }
  1098.  
  1099.  
  1100.             .order-xxl-6 {
  1101.                 -ms-flex-order: 6;
  1102.                 order: 6;
  1103.             }
  1104.  
  1105.  
  1106.             .order-xxl-7 {
  1107.                 -ms-flex-order: 7;
  1108.                 order: 7;
  1109.             }
  1110.  
  1111.  
  1112.             .order-xxl-8 {
  1113.                 -ms-flex-order: 8;
  1114.                 order: 8;
  1115.             }
  1116.  
  1117.  
  1118.             .order-xxl-9 {
  1119.                 -ms-flex-order: 9;
  1120.                 order: 9;
  1121.             }
  1122.  
  1123.  
  1124.             .order-xxl-10 {
  1125.                 -ms-flex-order: 10;
  1126.                 order: 10;
  1127.             }
  1128.  
  1129.  
  1130.             .order-xxl-11 {
  1131.                 -ms-flex-order: 11;
  1132.                 order: 11;
  1133.             }
  1134.  
  1135.  
  1136.             .order-xxl-12 {
  1137.                 -ms-flex-order: 12;
  1138.                 order: 12;
  1139.             }
  1140.  
  1141.  
  1142.             .offset-xxl-0 {
  1143.                 margin-left: 0;
  1144.             }
  1145.  
  1146.  
  1147.             .offset-xxl-1 {
  1148.                 margin-left: 8.333333%;
  1149.             }
  1150.  
  1151.  
  1152.             .offset-xxl-2 {
  1153.                 margin-left: 16.666667%;
  1154.             }
  1155.  
  1156.  
  1157.             .offset-xxl-3 {
  1158.                 margin-left: 25%;
  1159.             }
  1160.  
  1161.  
  1162.             .offset-xxl-4 {
  1163.                 margin-left: 33.333333%;
  1164.             }
  1165.  
  1166.  
  1167.             .offset-xxl-5 {
  1168.                 margin-left: 41.666667%;
  1169.             }
  1170.  
  1171.  
  1172.             .offset-xxl-6 {
  1173.                 margin-left: 50%;
  1174.             }
  1175.  
  1176.  
  1177.             .offset-xxl-7 {
  1178.                 margin-left: 58.333333%;
  1179.             }
  1180.  
  1181.  
  1182.             .offset-xxl-8 {
  1183.                 margin-left: 66.666667%;
  1184.             }
  1185.  
  1186.  
  1187.             .offset-xxl-9 {
  1188.                 margin-left: 75%;
  1189.             }
  1190.  
  1191.  
  1192.             .offset-xxl-10 {
  1193.                 margin-left: 83.333333%;
  1194.             }
  1195.  
  1196.  
  1197.             .offset-xxl-11 {
  1198.                 margin-left: 91.666667%;
  1199.             }
  1200.         }
  1201.  
  1202.  
  1203.         .form-control {
  1204.             font-size: 0.95rem;
  1205.             font-weight: normal;
  1206.         }
  1207.  
  1208.         .col-form-label-lg {
  1209.             font-size: 1.09375rem;
  1210.         }
  1211.  
  1212.         .col-form-label-sm {
  1213.             font-size: 0.765625rem;
  1214.         }
  1215.  
  1216.         .form-control-sm {
  1217.             font-size: 0.765625rem;
  1218.         }
  1219.  
  1220.         .form-control-lg {
  1221.             font-size: 1.09375rem;
  1222.         }
  1223.  
  1224.         .form-group {
  1225.             margin-bottom: 0;
  1226.         }
  1227.  
  1228.         .valid-tooltip {
  1229.             font-size: 0.765625rem;
  1230.         }
  1231.  
  1232.         .was-validated .form-control:valid ~ .valid-feedback,
  1233.         .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  1234.         .form-control.is-valid ~ .valid-tooltip, .was-validated
  1235.         .custom-select:valid ~ .valid-feedback,
  1236.         .was-validated
  1237.         .custom-select:valid ~ .valid-tooltip,
  1238.         .custom-select.is-valid ~ .valid-feedback,
  1239.         .custom-select.is-valid ~ .valid-tooltip {
  1240.             display: block;
  1241.         }
  1242.  
  1243.         .invalid-tooltip {
  1244.             font-size: 0.765625rem;
  1245.         }
  1246.  
  1247.         .was-validated .form-control:invalid ~ .invalid-feedback,
  1248.         .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  1249.         .form-control.is-invalid ~ .invalid-tooltip, .was-validated
  1250.         .custom-select:invalid ~ .invalid-feedback,
  1251.         .was-validated
  1252.         .custom-select:invalid ~ .invalid-tooltip,
  1253.         .custom-select.is-invalid ~ .invalid-feedback,
  1254.         .custom-select.is-invalid ~ .invalid-tooltip {
  1255.             display: block;
  1256.         }
  1257.  
  1258.         .btn-arrows {
  1259.             padding: 0.3rem 0.75rem 0.4rem !important;
  1260.             margin-top: 1px;
  1261.         }
  1262.  
  1263.         .btn-lg, .btn-group-lg > .btn {
  1264.             font-size: 1.09375rem;
  1265.         }
  1266.  
  1267.         .btn-sm, .btn-group-sm > .btn {
  1268.             font-size: 0.765625rem;
  1269.         }
  1270.  
  1271.         .dropdown-toggle::after {
  1272.             width: 0;
  1273.             height: 0;
  1274.         }
  1275.  
  1276.         .dropdown-menu {
  1277.             min-width: 20rem;
  1278.             padding: 0;
  1279.             margin: 0;
  1280.             font-size: 0.95rem;
  1281.             background-clip: border-box;
  1282.         }
  1283.  
  1284.         .dropdown-menu2 {
  1285.             position: absolute;
  1286.             top: 100%;
  1287.             left: 0;
  1288.             display: none;
  1289.             min-width: 20rem;
  1290.             padding: 0;
  1291.             margin: 0;
  1292.             font-size: 0.95rem;
  1293.             text-align: left;
  1294.             list-style: none;
  1295.             border-radius: 0.25rem;
  1296.         }
  1297.  
  1298.         .dropup .dropdown-toggle::after {
  1299.             width: 0;
  1300.             height: 0;
  1301.         }
  1302.  
  1303.         .dropright .dropdown-toggle::after {
  1304.             width: 0;
  1305.             height: 0;
  1306.         }
  1307.  
  1308.         .dropleft .dropdown-toggle::after {
  1309.             width: 0;
  1310.             height: 0;
  1311.         }
  1312.  
  1313.         .dropleft .dropdown-toggle::before {
  1314.             width: 0;
  1315.             height: 0;
  1316.         }
  1317.  
  1318.         .dropdown-menu.show {
  1319.             z-index: 12
  1320.         }
  1321.  
  1322.         .dropdown-header {
  1323.             padding: 0 1.5rem;
  1324.             font-size: 0.765625rem;
  1325.         }
  1326.  
  1327.         .dropdown-notificacoes {
  1328.             min-width: 40rem;
  1329.         }
  1330.  
  1331.         .btn-group > .btn,
  1332.         .btn-group-vertical > .btn {
  1333.             -ms-flex: 0 1 auto;
  1334.             flex: 0 1 auto;
  1335.         }
  1336.  
  1337.         .btn-group .btn + .btn,
  1338.         .btn-group .btn + .btn-group,
  1339.         .btn-group .btn-group + .btn,
  1340.         .btn-group .btn-group + .btn-group,
  1341.         .btn-group-vertical .btn + .btn,
  1342.         .btn-group-vertical .btn + .btn-group,
  1343.         .btn-group-vertical .btn-group + .btn,
  1344.         .btn-group-vertical .btn-group + .btn-group {
  1345.             margin-left: -1px;
  1346.         }
  1347.  
  1348.         .btn-group > .btn:first-child {
  1349.             margin-left: 0;
  1350.         }
  1351.  
  1352.         .btn-group-vertical > .btn + .btn,
  1353.         .btn-group-vertical > .btn + .btn-group,
  1354.         .btn-group-vertical > .btn-group + .btn,
  1355.         .btn-group-vertical > .btn-group + .btn-group {
  1356.             margin-top: -1px;
  1357.             margin-left: 0;
  1358.         }
  1359.  
  1360.         .input-group-lg > .form-control,
  1361.         .input-group-lg > .custom-select,
  1362.         .input-group-lg > .input-group-prepend > .input-group-text,
  1363.         .input-group-lg > .input-group-append > .input-group-text,
  1364.         .input-group-lg > .input-group-prepend > .btn,
  1365.         .input-group-lg > .input-group-append > .btn {
  1366.             font-size: 1.09375rem;
  1367.         }
  1368.  
  1369.         .input-group-lg > .form-control,
  1370.         .input-group-lg > .custom-select,
  1371.         .input-group-lg > .input-group-prepend > .input-group-text,
  1372.         .input-group-lg > .input-group-append > .input-group-text,
  1373.         .input-group-lg > .input-group-prepend > .btn,
  1374.         .input-group-lg > .input-group-append > .btn {
  1375.             font-size: 0.765625rem;
  1376.         }
  1377.  
  1378.         .custom-control {
  1379.             min-height: 1.3125rem;
  1380.         }
  1381.  
  1382.         .list-group-circle {
  1383.             list-style-type: circle;
  1384.         }
  1385.  
  1386.         .custom-select-sm {
  1387.             padding-top: 0.375rem;
  1388.             padding-bottom: 0.375rem;
  1389.             font-size: 75%;
  1390.         }
  1391.  
  1392.         .custom-select-lg {
  1393.             padding-top: 0.375rem;
  1394.             padding-bottom: 0.375rem;
  1395.             font-size: 125%;
  1396.         }
  1397.  
  1398.         .custom-file {
  1399.             cursor: pointer;
  1400.         }
  1401.  
  1402.         .custom-file-input {
  1403.             display: none;
  1404.             cursor: pointer;
  1405.         }
  1406.  
  1407.         .custom-file-label {
  1408.             cursor: pointer !important;
  1409.         }
  1410.  
  1411.         .custom-file-label::after {
  1412.             height: 2.0625rem;
  1413.         }
  1414.  
  1415.         .nav-tabs .nav-link.active,
  1416.         .nav-tabs .nav-item.show .nav-link {
  1417.             font-weight:900;
  1418.         }
  1419.  
  1420.         .tab-content > .tab-pane {
  1421.             padding: 10px;
  1422.         }
  1423.  
  1424.         .card,
  1425.         .card2 {
  1426.             margin: 10px 0 ;
  1427.             padding: 3px;
  1428.         }
  1429.  
  1430.         .card {
  1431.             border-radius: 10px;
  1432.         }
  1433.  
  1434.         .card2 {
  1435.             border-radius: 4px;
  1436.         }
  1437.  
  1438.         .card-body {
  1439.             padding: 12px;
  1440.         }
  1441.  
  1442.         .card-header {
  1443.             padding: 5px;
  1444.             margin-bottom: 20px;
  1445.             font-weight:600;
  1446.             font-size: 115%;
  1447.             vertical-align: middle;
  1448.         }
  1449.  
  1450.         .card-header img {
  1451.             vertical-align: middle;
  1452.         }
  1453.  
  1454.         .breadcrumb {
  1455.             margin-bottom: 1.5rem;
  1456.             border-radius: 0;
  1457.         }
  1458.  
  1459.         .comboboxes-dashboards {
  1460.             margin-top: 160px !important;
  1461.         }
  1462.  
  1463.         .comboboxes-dashboards-sem-banner {
  1464.             margin-top: 60px !important;
  1465.         }
  1466.  
  1467.         .page-link:focus {
  1468.             z-index: 2;
  1469.         }
  1470.  
  1471.         .page-link:not(:disabled):not(.disabled) {
  1472.             cursor: default;
  1473.         }
  1474.  
  1475.         .page-item.active .page-link {
  1476.             z-index: 1;
  1477.         }
  1478.  
  1479.         .page-item.disabled .page-link {
  1480.             cursor: auto;
  1481.         }
  1482.  
  1483.         .pagination-lg .page-link {
  1484.             font-size: 1.09375rem;
  1485.         }
  1486.  
  1487.         .pagination-sm .page-link {
  1488.             font-size: 0.765625rem;
  1489.         }
  1490.  
  1491.         .badge {
  1492.             padding: 4px 7px 3px;
  1493.             font-size: 70%;
  1494.             font-weight:600;
  1495.             text-align: center;
  1496.             white-space: nowrap;
  1497.             vertical-align: baseline;
  1498.             border: 0;
  1499.             border-radius: 0.70rem;
  1500.             cursor: pointer;
  1501.         }
  1502.  
  1503.         .badge-red,
  1504.         .badge-yellow,
  1505.         .badge-green,
  1506.         .badge-purple,
  1507.         .badge-orange,
  1508.         .badge-blue {
  1509.             margin-bottom: 3px;
  1510.         }
  1511.  
  1512.         .alert {
  1513.             padding: 0.3rem 1.25rem;
  1514.         }
  1515.  
  1516.         .alert-link {
  1517.             font-weight:900;
  1518.         }
  1519.  
  1520.         .progress {
  1521.             font-size: 0.65625rem;
  1522.         }
  1523.  
  1524.         .list-group {
  1525.             list-style: none;
  1526.         }
  1527.  
  1528.         .list-group-item-action {
  1529.             vertical-align: middle;
  1530.             font-size: 1rem;
  1531.             cursor: pointer;
  1532.         }
  1533.  
  1534.         .list-group-item2-action:active {
  1535.             font-weight:900;
  1536.         }
  1537.  
  1538.         .list-group-item {
  1539.             margin-bottom: -1px;
  1540.         }
  1541.  
  1542.         .list-group-item2 {
  1543.             position: relative;
  1544.             display: block;
  1545.             padding: 3px 0 3px 5px;
  1546.             cursor: pointer;
  1547.         }
  1548.  
  1549.         .list-group-item2:hover {
  1550.             border-radius: 2px;
  1551.         }
  1552.  
  1553.         .list-group-item2 a {
  1554.             color: var(--texto);
  1555.         }
  1556.  
  1557.         .list-group-item2 a:hover {
  1558.             text-decoration: none;
  1559.         }
  1560.  
  1561.         .list-group-groups {
  1562.             margin-top: 41px;
  1563.             height: 220px;
  1564.             overflow-y: scroll;
  1565.             scrollbar-width: none;
  1566.             border-radius: 4px;
  1567.         }
  1568.  
  1569.         .list-group-item:last-child {
  1570.             margin-bottom: 0;
  1571.         }
  1572.  
  1573.         .list-group-item:hover, .list-group-item:focus {
  1574.             z-index: 1;
  1575.             text-decoration: none;
  1576.         }
  1577.  
  1578.         .close {
  1579.             font-size: 1.3125rem;
  1580.             font-family: 'MontSerrat-Black', sans-serif;
  1581.             font-weight: normal;
  1582.         }
  1583.  
  1584.         .close:not(:disabled):not(.disabled) {
  1585.             pointer-events: none;
  1586.         }
  1587.  
  1588.         .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  1589.             text-decoration: none;
  1590.             opacity: .75;
  1591.             cursor: default;
  1592.             pointer-events: none;
  1593.         }
  1594.  
  1595.         .modal.show .modal-dialog {
  1596.             -webkit-transform: translate(0, 0);
  1597.             transform: translate(0, 0);
  1598.         }
  1599.  
  1600.         .modal-dialog-centered {
  1601.             display: -ms-flexbox;
  1602.             display: flex;
  1603.             -ms-flex-align: center;
  1604.             align-items: center;
  1605.             min-height: calc(100% - (15rem * 2));
  1606.         }
  1607.  
  1608.         .modal-dialog-centered::before {
  1609.             display: block;
  1610.             height: calc(100vh - (15rem * 2));
  1611.             content: "";
  1612.         }
  1613.  
  1614.         .modal-backdrop.fade {
  1615.             opacity: 0;
  1616.         }
  1617.  
  1618.         .modal-backdrop.show {
  1619.             opacity: 0.5;
  1620.         }
  1621.  
  1622.         .modal-header {
  1623.             padding: 0.75rem;
  1624.         }
  1625.  
  1626.         .modal-title {
  1627.             font-weight:600;
  1628.             font-size: 1.2rem;
  1629.         }
  1630.  
  1631.         .modal-body {
  1632.             justify-content: flex-end;
  1633.         }
  1634.  
  1635.         .modal-padrao-cadastros-modal {
  1636.             padding: 0 !important;
  1637.         }
  1638.  
  1639.         .modalBackDropEditavel {
  1640.             max-height: 0;
  1641.         }
  1642.  
  1643.         div.modal-padrao-cadastros-modal > div.modal-dialog > div.modal-content > div.modal-body {
  1644.             height: auto !important;
  1645.             max-height: 100% !important;
  1646.             overflow: auto !important;
  1647.         }
  1648.  
  1649.         div.modal-sem-scroll.modal, div.modal-sem-scroll.modal > div, div.modal-sem-scroll.modal > div > div {
  1650.             overflow-x: visible !important;
  1651.             overflow-y: visible !important;
  1652.         }
  1653.  
  1654.         div.modal-padrao-cadastros-modal > div.modal-dialog {
  1655.             height: calc(100% - (0.8rem * 2));
  1656.             transition: all 0.2s !important;
  1657.         }
  1658.  
  1659.         div.modal-padrao-cadastros-modal > div.modal-dialog > div.modal-content {
  1660.             max-height: calc(100% - (0.8rem * 2));
  1661.         }
  1662.  
  1663.         @media (min-width: 576px) {
  1664.             w-sm-100 {
  1665.                 min-width: 100% !important;
  1666.             }
  1667.  
  1668.  
  1669.             .modal-dialog {
  1670.                 max-width: 500px;
  1671.                 margin: 1.75rem auto;
  1672.             }
  1673.  
  1674.             .modal-dialog-centered {
  1675.                 min-height: calc(100% - (5rem * 2));
  1676.             }
  1677.  
  1678.             .modal-dialog-centered::before {
  1679.                 height: calc(100vh - (5rem * 2));
  1680.             }
  1681.  
  1682.             .modal-sm {
  1683.                 max-width: 300px;
  1684.             }
  1685.  
  1686.         }
  1687.  
  1688.         @media (min-width: 992px) {
  1689.             .modal-lg {
  1690.                 max-width: 800px;
  1691.             }
  1692.  
  1693.  
  1694.             .modal-xl {
  1695.                 max-width: 1140px;
  1696.             }
  1697.         }
  1698.  
  1699.         .tooltip {
  1700.             font-weight:400;
  1701.             font-size: 0.765625rem;
  1702.         }
  1703.  
  1704.         .tooltip.show {
  1705.             opacity: 0.9;
  1706.         }
  1707.  
  1708.         .popover {
  1709.             z-index: 100;
  1710.             font-weight:400;
  1711.             font-size: 0.765625rem;
  1712.         }
  1713.  
  1714.         .border-left-3-gray {
  1715.             padding-left: 8px;
  1716.         }
  1717.  
  1718.         .rounded-circle {
  1719.             border-radius: 50% !important;
  1720.             overflow: hidden;
  1721.         }
  1722.  
  1723.         .w-20px {
  1724.             width: 20px;
  1725.         }
  1726.  
  1727.         .w-30px {
  1728.             width: 30px;
  1729.             text-align: center;
  1730.         }
  1731.  
  1732.         .w-30px img {
  1733.             width: 30px;
  1734.             object-fit: contain;
  1735.         }
  1736.  
  1737.         .w-40px {
  1738.             width: 40px;
  1739.             text-align: center;
  1740.         }
  1741.  
  1742.         .w-40px img {
  1743.             width: 40px;
  1744.         }
  1745.  
  1746.         .w-60px {
  1747.             min-width: 60px !important;
  1748.             width: 60px !important;
  1749.             text-align: center;
  1750.         }
  1751.  
  1752.         .w-60px img {
  1753.             width: 60px;
  1754.         }
  1755.  
  1756.         .h-30px {
  1757.             height: 30px !important;
  1758.         }
  1759.  
  1760.         .h-60px {
  1761.             height: 60px !important;
  1762.         }
  1763.  
  1764.         .minw-100px {
  1765.             min-width: 100px;
  1766.         }
  1767.  
  1768.         .mw-450px {
  1769.             width: 100%;
  1770.             max-width: 450px;
  1771.         }
  1772.  
  1773.         .mw-300px {
  1774.             width: 100%;
  1775.             max-width: 300px;
  1776.         }
  1777.  
  1778.         .mw-250px {
  1779.             width: 100%;
  1780.             max-width: 250px;
  1781.         }
  1782.  
  1783.         .minw-150px {
  1784.             min-width: 150px;
  1785.         }
  1786.  
  1787.         .mw-200px {
  1788.             width: 100%;
  1789.             max-width: 200px;
  1790.         }
  1791.  
  1792.         .mw-100px {
  1793.             width: 100%;
  1794.             max-width: 100px;
  1795.         }
  1796.  
  1797.         .mw-150px {
  1798.             width: 100%;
  1799.             max-width: 150px;
  1800.         }
  1801.  
  1802.         .mh-250px {
  1803.             max-height: 250px;
  1804.         }
  1805.  
  1806.         .mh-300px {
  1807.             max-height: 300px;
  1808.         }
  1809.         .mh-80px{
  1810.             max-height: 80px;
  1811.         }
  1812.  
  1813.         .h-10vh {
  1814.             height: 10vh;
  1815.         }
  1816.  
  1817.         .h-15vh {
  1818.             height: 15vh;
  1819.         }
  1820.  
  1821.         .h-20vh {
  1822.             height: 20vh;
  1823.         }
  1824.  
  1825.         .h-25vh {
  1826.             height: 25vh;
  1827.         }
  1828.  
  1829.         .h-30vh {
  1830.             height: 30vh;
  1831.         }
  1832.  
  1833.         .h-35vh {
  1834.             height: 35vh;
  1835.         }
  1836.  
  1837.         .h-40vh {
  1838.             height: 400px;
  1839.         }
  1840.  
  1841.         .h-20px {
  1842.             height: 20px;
  1843.         }
  1844.  
  1845.         .h-30px {
  1846.             height: 30px;
  1847.         }
  1848.  
  1849.         .h-30px img {
  1850.             min-width: 30px;
  1851.         }
  1852.  
  1853.         .h-40px {
  1854.             height: 40px;
  1855.         }
  1856.  
  1857.         .h-40px img {
  1858.             min-width: 40px;
  1859.         }
  1860.  
  1861.         .h-55px {
  1862.             height: 55px;
  1863.         }
  1864.  
  1865.         .h-90 {
  1866.             height: 90%;
  1867.         }
  1868.  
  1869.         img.round-20px {
  1870.             width: 20px;
  1871.             height: 20px;
  1872.             object-fit: contain;
  1873.             border-radius: 50%;
  1874.         }
  1875.  
  1876.         .overflow-auto {
  1877.             overflow: scroll;
  1878.             overflow-x: hidden;
  1879.         }
  1880.  
  1881.         .font-weight-normal {
  1882.             font-weight:400;
  1883.         }
  1884.  
  1885.         .font-weight-medium {
  1886.             font-weight:500;
  1887.         }
  1888.  
  1889.         .font-weight-semibold {
  1890.             font-weight:600;
  1891.         }
  1892.  
  1893.         .font-weight-bold {
  1894.             font-weight:700;
  1895.         }
  1896.  
  1897.         .font-weight-extrabold {
  1898.             font-weight:800;
  1899.  
  1900.         }
  1901.  
  1902.         .font-weight-black {
  1903.             font-weight:900;
  1904.         }
  1905.  
  1906.         .animated {
  1907.             -webkit-animation-duration: 1s;
  1908.             animation-duration: 1s;
  1909.         }
  1910.  
  1911.         .animated.infinite {
  1912.             -webkit-animation-iteration-count: infinite;
  1913.             animation-iteration-count: infinite;
  1914.         }
  1915.  
  1916.         .animated.hinge {
  1917.             -webkit-animation-duration: 2s;
  1918.             animation-duration: 2s;
  1919.         }
  1920.  
  1921.         @-webkit-keyframes fadeIn {
  1922.             from {
  1923.                 opacity: 0;
  1924.             }
  1925.             to {
  1926.                 opacity: 1;
  1927.             }
  1928.         }
  1929.  
  1930.         @keyframes fadeIn {
  1931.             from {
  1932.                 opacity: 0;
  1933.             }
  1934.             to {
  1935.                 opacity: 1;
  1936.             }
  1937.         }
  1938.  
  1939.         .fadeIn {
  1940.             -webkit-animation-name: fadeIn;
  1941.             animation-name: fadeIn;
  1942.         }
  1943.  
  1944.         .ps {
  1945.             overflow: hidden !important;
  1946.             -ms-touch-action: auto;
  1947.             touch-action: auto;
  1948.             -ms-overflow-style: none;
  1949.             overflow-anchor: none;
  1950.         }
  1951.  
  1952.         .ps__rail-x {
  1953.             position: absolute;
  1954.             bottom: 0;
  1955.             display: none;
  1956.             height: 15px;
  1957.             opacity: 0;
  1958.             transition: background-color .2s linear, opacity .2s linear;
  1959.         }
  1960.  
  1961.         .ps__rail-y {
  1962.             position: absolute;
  1963.             right: 0;
  1964.             display: none;
  1965.             width: 15px;
  1966.             opacity: 0;
  1967.             transition: background-color .2s linear, opacity .2s linear;
  1968.         }
  1969.  
  1970.         .ps--active-x > .ps__rail-x,
  1971.         .ps--active-y > .ps__rail-y {
  1972.             display: block;
  1973.         }
  1974.  
  1975.         .ps:hover > .ps__rail-x,
  1976.         .ps:hover > .ps__rail-y,
  1977.         .ps--focus > .ps__rail-x,
  1978.         .ps--focus > .ps__rail-y,
  1979.         .ps--scrolling-x > .ps__rail-x,
  1980.         .ps--scrolling-y > .ps__rail-y {
  1981.             opacity: .6;
  1982.         }
  1983.  
  1984.         .ps__rail-x:hover,
  1985.         .ps__rail-y:hover,
  1986.         .ps__rail-x:focus,
  1987.         .ps__rail-y:focus {
  1988.             opacity: .9;
  1989.         }
  1990.  
  1991.         /*
  1992.      * Scrollbar thumb styles
  1993.      */
  1994.         .ps__thumb-x {
  1995.             position: absolute;
  1996.             bottom: 2px;
  1997.             height: 6px;
  1998.             border-radius: 6px;
  1999.             transition: background-color .2s linear, height .2s ease-in-out;
  2000.         }
  2001.  
  2002.         .ps__thumb-y {
  2003.             position: absolute;
  2004.             right: 2px;
  2005.             width: 6px;
  2006.             border-radius: 6px;
  2007.             transition: background-color .2s linear, width .2s ease-in-out;
  2008.         }
  2009.  
  2010.         .ps__rail-x:hover > .ps__thumb-x,
  2011.         .ps__rail-x:focus > .ps__thumb-x {
  2012.             height: 11px;
  2013.         }
  2014.  
  2015.         .ps__rail-y:hover > .ps__thumb-y,
  2016.         .ps__rail-y:focus > .ps__thumb-y {
  2017.             width: 11px;
  2018.         }
  2019.  
  2020.         @supports (-ms-overflow-style: none) {
  2021.             .ps {
  2022.                 overflow: auto !important;
  2023.             }
  2024.         }
  2025.  
  2026.         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  2027.             .ps {
  2028.                 overflow: auto !important;
  2029.             }
  2030.         }
  2031.  
  2032.         .avatar {
  2033.             position: relative;
  2034.             display: inline-block;
  2035.             width: 36px;
  2036.             height: 36px;
  2037.         }
  2038.  
  2039.         .avatar .avatar-status {
  2040.             position: absolute;
  2041.             right: 0;
  2042.             bottom: 0;
  2043.             display: block;
  2044.             width: 10px;
  2045.             height: 10px;
  2046.             border-radius: 50em;
  2047.         }
  2048.  
  2049.         .avatar > img {
  2050.             vertical-align: initial;
  2051.         }
  2052.  
  2053.         .avatar-lg {
  2054.             position: relative;
  2055.             display: inline-block;
  2056.             width: 72px;
  2057.             height: 72px;
  2058.         }
  2059.  
  2060.         .avatar-lg .avatar-status {
  2061.             position: absolute;
  2062.             right: 0;
  2063.             bottom: 0;
  2064.             display: block;
  2065.             width: 12px;
  2066.             height: 12px;
  2067.             border-radius: 50em;
  2068.         }
  2069.  
  2070.         .avatar-sm {
  2071.             position: relative;
  2072.             display: inline-block;
  2073.             width: 24px;
  2074.             height: 24px;
  2075.         }
  2076.  
  2077.         .avatar-sm .avatar-status {
  2078.             position: absolute;
  2079.             right: 0;
  2080.             bottom: 0;
  2081.             display: block;
  2082.             width: 8px;
  2083.             height: 8px;
  2084.             border-radius: 50em;
  2085.         }
  2086.  
  2087.         .avatar-xs {
  2088.             position: relative;
  2089.             display: inline-block;
  2090.             width: 20px;
  2091.             height: 20px;
  2092.         }
  2093.  
  2094.         .avatar-xs .avatar-status {
  2095.             position: absolute;
  2096.             right: 0;
  2097.             bottom: 0;
  2098.             display: block;
  2099.             width: 8px;
  2100.             height: 8px;
  2101.             border-radius: 50em;
  2102.         }
  2103.  
  2104.         .avatars-stack .avatar {
  2105.             margin-right: -18px;
  2106.             transition: margin-right 0.25s;
  2107.         }
  2108.  
  2109.         .avatars-stack .avatar:hover {
  2110.             margin-right: 0;
  2111.         }
  2112.  
  2113.         .avatars-stack .avatar-lg {
  2114.             margin-right: -36px;
  2115.         }
  2116.  
  2117.         .avatars-stack .avatar-sm {
  2118.             margin-right: -12px;
  2119.         }
  2120.  
  2121.         .avatars-stack .avatar-xs {
  2122.             margin-right: -10px;
  2123.         }
  2124.  
  2125.         .badge-pill {
  2126.             border-radius: 10rem;
  2127.         }
  2128.  
  2129.         .brand-card {
  2130.             position: relative;
  2131.             display: -ms-flexbox;
  2132.             display: flex;
  2133.             -ms-flex-direction: column;
  2134.             flex-direction: column;
  2135.             min-width: 0;
  2136.             margin-bottom: 1.5rem;
  2137.             word-wrap: break-word;
  2138.             background-color: #fcfcfc;
  2139.             background-clip: border-box;
  2140.             border-radius: 0.25rem;
  2141.         }
  2142.  
  2143.         .brand-card-header {
  2144.             position: relative;
  2145.             display: -ms-flexbox;
  2146.             display: flex;
  2147.             -ms-flex-align: center;
  2148.             align-items: center;
  2149.             -ms-flex-pack: center;
  2150.             justify-content: center;
  2151.             height: 6rem;
  2152.             border-radius: 0.25rem 0.25rem 0 0;
  2153.         }
  2154.  
  2155.         .brand-card-header i {
  2156.             font-size: 2rem;
  2157.             color: #fcfcfc;
  2158.         }
  2159.  
  2160.         .brand-card-header .chart-wrapper {
  2161.             position: absolute;
  2162.             top: 0;
  2163.             left: 0;
  2164.             width: 100%;
  2165.             height: 100%;
  2166.         }
  2167.  
  2168.         .brand-card-body {
  2169.             display: -ms-flexbox;
  2170.             display: flex;
  2171.             -ms-flex-direction: row;
  2172.             flex-direction: row;
  2173.             padding: 0.75rem 0;
  2174.             text-align: center;
  2175.         }
  2176.  
  2177.         .brand-card-body > * {
  2178.             -ms-flex: 1;
  2179.             flex: 1;
  2180.             padding: 0.1875rem 0;
  2181.         }
  2182.  
  2183.         *[dir="rtl"] .brand-card-body > *:not(:last-child) {
  2184.             border-right: 0;
  2185.         }
  2186.  
  2187.         .btn-brand {
  2188.             border: 0;
  2189.         }
  2190.  
  2191.         .btn-brand i {
  2192.             display: inline-block;
  2193.             width: 2.0625rem;
  2194.             margin: -0.375rem -0.75rem;
  2195.             line-height: 2.0625rem;
  2196.             text-align: center;
  2197.             background-color: rgba(0, 0, 0, 0.2);
  2198.             border-radius: 0.25rem;
  2199.         }
  2200.  
  2201.         .btn-brand i + span {
  2202.             margin-left: 1.5rem;
  2203.         }
  2204.  
  2205.         .btn-brand.btn-lg i, .btn-group-lg > .btn-brand.btn i {
  2206.             width: 2.640625rem;
  2207.             margin: -0.5rem -1rem;
  2208.             line-height: 2.640625rem;
  2209.             border-radius: 0.3rem;
  2210.         }
  2211.  
  2212.         .btn-brand.btn-lg i + span, .btn-group-lg > .btn-brand.btn i + span {
  2213.             margin-left: 2rem;
  2214.         }
  2215.  
  2216.         .btn-brand.btn-sm i, .btn-group-sm > .btn-brand.btn i {
  2217.             width: 1.648438rem;
  2218.             margin: -0.25rem -0.5rem;
  2219.             line-height: 1.648438rem;
  2220.             border-radius: 0.2rem;
  2221.         }
  2222.  
  2223.         .btn-brand.btn-sm i + span, .btn-group-sm > .btn-brand.btn i + span {
  2224.             margin-left: 1rem;
  2225.         }
  2226.  
  2227.         .btn-brand.btn-square i {
  2228.             border-radius: 0;
  2229.         }
  2230.  
  2231.         button {
  2232.             cursor: pointer;
  2233.         }
  2234.  
  2235.         .btn [class^="icon-"],
  2236.         .btn [class*=" icon-"] {
  2237.             display: inline-block;
  2238.             margin-top: -2px;
  2239.             vertical-align: middle;
  2240.         }
  2241.  
  2242.         .btn-pill {
  2243.             border-radius: 50em;
  2244.         }
  2245.  
  2246.         .btn-square {
  2247.             border-radius: 0;
  2248.         }
  2249.  
  2250.         .callout,
  2251.         .callout-blue {
  2252.             position: relative;
  2253.         }
  2254.  
  2255.         .callout .chart-wrapper,
  2256.         .callout-blue .chart-wrapper {
  2257.             position: absolute;
  2258.             top: 10px;
  2259.             left: 50%;
  2260.             float: right;
  2261.             width: 50%;
  2262.         }
  2263.  
  2264.         .callout-bordered {
  2265.             border-left-width: 4px;
  2266.         }
  2267.  
  2268.         .callout code,
  2269.         .callout-blue code {
  2270.             border-radius: 0.25rem;
  2271.         }
  2272.  
  2273.         .callout h4,
  2274.         .callout-blue h4 {
  2275.             margin-top: 0;
  2276.             margin-bottom: .25rem;
  2277.         }
  2278.  
  2279.         .callout p:last-child,
  2280.         .callout-blue p:last-child {
  2281.             margin-bottom: 0;
  2282.         }
  2283.  
  2284.         .callout + .callout {
  2285.             margin-top: -0.25rem;
  2286.         }
  2287.  
  2288.         *[dir="rtl"] .callout {
  2289.             border-left: 0;
  2290.         }
  2291.  
  2292.         *[dir="rtl"] .callout .chart-wrapper {
  2293.             left: 0;
  2294.             float: left;
  2295.         }
  2296.  
  2297.         div.fullscreen.modal-dialog > div {
  2298.             height: 100% !important;
  2299.             max-height: 100% !important;
  2300.             border-radius: 0;
  2301.         }
  2302.  
  2303.         .modal-padrao-cadastros-modal {
  2304.             padding: 0 !important;
  2305.         }
  2306.  
  2307.         .modalBackDropEditavel {
  2308.             max-height: 0;
  2309.         }
  2310.  
  2311.         div.modal-padrao-cadastros-modal > div.modal-dialog > div.modal-content > div.modal-body {
  2312.             height: auto !important;
  2313.             max-height: 100% !important;
  2314.             overflow: auto !important;
  2315.         }
  2316.  
  2317.         div.modal-sem-scroll.modal, div.modal-sem-scroll.modal > div, div.modal-sem-scroll.modal > div > div {
  2318.             overflow-x: visible !important;
  2319.             overflow-y: visible !important;
  2320.         }
  2321.  
  2322.         div.modal-padrao-cadastros-modal > div.modal-dialog {
  2323.             height: calc(100% - (0.8rem * 2));
  2324.             transition: all 0.2s !important;
  2325.         }
  2326.  
  2327.         div.modal-padrao-cadastros-modal > div.modal-dialog > div.modal-content {
  2328.             max-height: calc(100% - (0.8rem * 2));
  2329.         }
  2330.  
  2331.         .fullscreen {
  2332.             top: 0 !important;
  2333.             left: 0 !important;
  2334.             position: relative !important;
  2335.             width: 100% !important;
  2336.             max-width: 100% !important;
  2337.             height: 100% !important;
  2338.             max-height: 100% !important;
  2339.             z-index: 1050 !important;
  2340.             margin: 0 auto !important;
  2341.         }
  2342.  
  2343.         .conteudo_scrollable {
  2344.             max-height: calc(100vh - (0.8rem * 24));
  2345.             min-height: calc(100vh - (0.8rem * 24));
  2346.             overflow-y: scroll;
  2347.             overflow-x: hidden;
  2348.         }
  2349.  
  2350.         .card-full {
  2351.             margin-top: -1rem;
  2352.             margin-right: -15px;
  2353.             margin-left: -15px;
  2354.             border: 0;
  2355.         }
  2356.  
  2357.         .row.row-equal {
  2358.             padding-right: 7.5px;
  2359.             padding-left: 7.5px;
  2360.             margin-right: -15px;
  2361.             margin-left: -15px;
  2362.         }
  2363.  
  2364.         .row.row-equal [class*="col-"] {
  2365.             padding-right: 7.5px;
  2366.             padding-left: 7.5px;
  2367.         }
  2368.  
  2369.         ul.no-last-border:last-child {
  2370.             border-bottom: none !important;
  2371.         }
  2372.  
  2373.         .bg-foto-sobre-nissei {
  2374.             background: url('../img/logos_e_banners/foto-nissei.png') no-repeat center center;
  2375.             background-size: cover;
  2376.         }
  2377.  
  2378.         ul.torii-marker {
  2379.             list-style: none;
  2380.             padding-left: 0;
  2381.         }
  2382.  
  2383.         ul.torii-marker li {
  2384.             position: relative;
  2385.             padding-left: 0;
  2386.             text-indent: 1.5em;
  2387.         }
  2388.  
  2389.         ul.torii-marker li:before {
  2390.             content: '';
  2391.             position: absolute;
  2392.             left: 0;
  2393.             top: 4px;
  2394.             width: 12px;
  2395.             height: 12px;
  2396.             background: transparent url('../img/icons/icon_torii-border.svg') no-repeat left center;
  2397.             background-size: 12px;
  2398.         }
  2399.  
  2400.         .indique-san {
  2401.             width: 100%;
  2402.             background: transparent url('../img/outros/foto-indique-san.png') no-repeat center top;
  2403.             background-size: cover;
  2404.         }
  2405.  
  2406.         .input-group-prepend,
  2407.         .input-group-append {
  2408.             white-space: nowrap;
  2409.             vertical-align: middle;
  2410.         }
  2411.  
  2412.         .avatar > img,
  2413.         .img-circle {
  2414.             max-width: 100%;
  2415.             height: auto;
  2416.             border-radius: 50em;
  2417.         }
  2418.  
  2419.         .nav-tabs .nav-link:hover {
  2420.             cursor: pointer;
  2421.         }
  2422.  
  2423.         .tab-content {
  2424.             margin-top: -1px;
  2425.             border-radius: 4px;
  2426.         }
  2427.  
  2428.         .tab-content > .tab-pane {
  2429.             height: 0;
  2430.             overflow: hidden;
  2431.             visibility: hidden;
  2432.         }
  2433.  
  2434.         .tab-content > .active {
  2435.             height: auto;
  2436.             overflow: auto;
  2437.             visibility: visible;
  2438.         }
  2439.  
  2440.         .card-block .tab-content {
  2441.             margin-top: 0;
  2442.             border: 0;
  2443.         }
  2444.  
  2445.         .nav-fill .nav-link + .nav-link {
  2446.             margin-left: -1px;
  2447.         }
  2448.  
  2449.         .nav-fill .nav-link.active {
  2450.             margin-top: -1px;
  2451.         }
  2452.  
  2453.         *[dir="rtl"] .nav {
  2454.             padding-right: 0;
  2455.         }
  2456.  
  2457.         .progress-xs {
  2458.             height: 4px;
  2459.         }
  2460.  
  2461.         .progress-sm {
  2462.             height: 8px;
  2463.         }
  2464.  
  2465.         .progress-group {
  2466.             display: -ms-flexbox;
  2467.             display: flex;
  2468.             -ms-flex-flow: row wrap;
  2469.             flex-flow: row wrap;
  2470.             margin-bottom: 1rem;
  2471.         }
  2472.  
  2473.         .progress-group-prepend {
  2474.             -ms-flex: 0 0 100px;
  2475.             flex: 0 0 100px;
  2476.             -ms-flex-item-align: center;
  2477.             align-self: center;
  2478.         }
  2479.  
  2480.         .progress-group-icon {
  2481.             margin: 0 1rem 0 0.25rem;
  2482.             font-size: 1.09375rem;
  2483.         }
  2484.  
  2485.         .progress-group-text {
  2486.             font-size: 0.765625rem;
  2487.             color: #73818f;
  2488.         }
  2489.  
  2490.         .progress-group-header {
  2491.             display: -ms-flexbox;
  2492.             display: flex;
  2493.             -ms-flex-preferred-size: 100%;
  2494.             flex-basis: 100%;
  2495.             -ms-flex-align: end;
  2496.             align-items: flex-end;
  2497.             margin-bottom: 0.25rem;
  2498.         }
  2499.  
  2500.         .progress-group-bars {
  2501.             -ms-flex-positive: 1;
  2502.             flex-grow: 1;
  2503.             -ms-flex-item-align: center;
  2504.             align-self: center;
  2505.         }
  2506.  
  2507.         .progress-group-bars .progress:not(:last-child) {
  2508.             margin-bottom: 2px;
  2509.         }
  2510.  
  2511.         .progress-group-header + .progress-group-bars {
  2512.             -ms-flex-preferred-size: 100%;
  2513.             flex-basis: 100%;
  2514.         }
  2515.  
  2516.  
  2517.         @media (max-width: 991.98px) {
  2518.             .w-md-100 {
  2519.                 width: 100% !important;
  2520.             }
  2521.         }
  2522.  
  2523.  
  2524.         hr.transparent {
  2525.             border-top: 1px solid transparent;
  2526.         }
  2527.  
  2528.  
  2529.         .bg-box {
  2530.             display: -ms-flexbox;
  2531.             display: flex;
  2532.             -ms-flex-align: center;
  2533.             align-items: center;
  2534.             -ms-flex-pack: center;
  2535.             justify-content: center;
  2536.             width: 2.5rem;
  2537.             height: 2.5rem;
  2538.         }
  2539.  
  2540.         .b-a-0 {
  2541.             border: 0 !important;
  2542.         }
  2543.  
  2544.         .b-t-0 {
  2545.             border-top: 0 !important;
  2546.         }
  2547.  
  2548.         .b-r-0 {
  2549.             border-right: 0 !important;
  2550.         }
  2551.  
  2552.         .b-b-0 {
  2553.             border-bottom: 0 !important;
  2554.         }
  2555.  
  2556.         .b-l-0 {
  2557.             border-left: 0 !important;
  2558.         }
  2559.  
  2560.         .b-a-1 {
  2561.             border: 1px solid #c8ced3;
  2562.         }
  2563.  
  2564.         .b-t-1 {
  2565.             border-top: 1px solid #c8ced3;
  2566.         }
  2567.  
  2568.         .b-r-1 {
  2569.             border-right: 1px solid #c8ced3;
  2570.         }
  2571.  
  2572.         .b-b-1 {
  2573.             border-bottom: 1px solid #c8ced3;
  2574.         }
  2575.  
  2576.         .b-l-1 {
  2577.             border-left: 1px solid #c8ced3;
  2578.         }
  2579.  
  2580.         .b-a-2 {
  2581.             border: 2px solid #c8ced3;
  2582.         }
  2583.  
  2584.         .b-t-2 {
  2585.             border-top: 2px solid #c8ced3;
  2586.         }
  2587.  
  2588.         .b-r-2 {
  2589.             border-right: 2px solid #c8ced3;
  2590.         }
  2591.  
  2592.         .b-b-2 {
  2593.             border-bottom: 2px solid #c8ced3;
  2594.         }
  2595.  
  2596.         .b-l-2 {
  2597.             border-left: 2px solid #c8ced3;
  2598.         }
  2599.  
  2600.         @media (max-width: 575.98px) {
  2601.             .d-down-none {
  2602.                 display: none !important;
  2603.             }
  2604.         }
  2605.  
  2606.         .mw-767-d-block {
  2607.             display: inline-block;
  2608.         }
  2609.  
  2610.         @media (max-width: 767.98px) {
  2611.             .d-sm-down-none {
  2612.                 display: none !important;
  2613.             }
  2614.  
  2615.  
  2616.             .mw-767-d-block {
  2617.                 display: block;
  2618.                 margin-bottom: 7px;
  2619.             }
  2620.         }
  2621.  
  2622.         @media (max-width: 991.98px) {
  2623.             .d-md-down-none {
  2624.                 display: none !important;
  2625.             }
  2626.         }
  2627.  
  2628.         @media (max-width: 1199.98px) {
  2629.             .d-lg-down-none {
  2630.                 display: none !important;
  2631.             }
  2632.  
  2633.             .btn-arrows {
  2634.                 margin-top: 0px;
  2635.             }
  2636.         }
  2637.  
  2638.         .d-xl-down-none {
  2639.             display: none !important;
  2640.         }
  2641.  
  2642.         body {
  2643.             -moz-osx-font-smoothing: grayscale;
  2644.             -webkit-font-smoothing: antialiased;
  2645.         }
  2646.         .font-xxs{
  2647.             font-size: .60rem !important;
  2648.         }
  2649.         .font-xs {
  2650.             font-size: .75rem !important;
  2651.         }
  2652.  
  2653.         .font-sm {
  2654.             font-size: .85rem !important;
  2655.         }
  2656.  
  2657.         .font-lg {
  2658.             font-size: 1rem !important;
  2659.         }
  2660.  
  2661.         .font-xl {
  2662.             font-size: 1rem !important;
  2663.         }
  2664.  
  2665.         .font-1xl {
  2666.             font-size: 1.3rem !important;
  2667.         }
  2668.  
  2669.         .font-2xl-inner-maior {
  2670.             font-size: 1.25rem !important;
  2671.         }
  2672.  
  2673.         .font-2xl-inner-maior .font-xl {
  2674.             font-size: 1.75rem !important;
  2675.         }
  2676.  
  2677.         .font-2xl-inner-maior .font-2xl {
  2678.             font-size: 2.25rem !important;
  2679.         }
  2680.  
  2681.         .font-2xl-inner-maior .font-3xl {
  2682.             font-size: 2.5rem !important;
  2683.         }
  2684.  
  2685.         .font-xl-inner-maior {
  2686.             font-size: 1rem !important;
  2687.         }
  2688.  
  2689.         .font-xl-inner-maior .font-xl {
  2690.             font-size: 1.25rem !important;
  2691.         }
  2692.  
  2693.         .font-xl-inner-maior .font-2xl {
  2694.             font-size: 1.75rem !important;
  2695.         }
  2696.  
  2697.         .font-xl-inner-maior .font-3xl {
  2698.             font-size: 2.25rem !important;
  2699.         }
  2700.  
  2701.  
  2702.         .font-2xl {
  2703.             font-size: 1.5rem !important;
  2704.         }
  2705.  
  2706.         .font-3xl {
  2707.             font-size: 1.75rem !important;
  2708.         }
  2709.  
  2710.         .font-4xl {
  2711.             font-size: 2rem !important;
  2712.         }
  2713.  
  2714.         .font-5xl {
  2715.             font-size: 2.8rem !important;
  2716.         }
  2717.  
  2718.         .font-6xl {
  2719.             font-size: 3.5rem !important;
  2720.         }
  2721.  
  2722.  
  2723.         .font-05rem {
  2724.             font-size: .65rem !important;
  2725.         }
  2726.  
  2727.         .font-08rem {
  2728.             font-size: .8rem !important;
  2729.         }
  2730.  
  2731.  
  2732.         .font-1rem {
  2733.             font-size: .85rem !important;
  2734.         }
  2735.  
  2736.         .font-2rem {
  2737.             font-size: .85rem !important;
  2738.         }
  2739.  
  2740.         /* Small devices (landscape phones, 576px and up) */
  2741.         @media (min-width: 576px) {
  2742.             .bloco-pedido {
  2743.                 padding: 10px;
  2744.             }
  2745.  
  2746.             .font-05rem {
  2747.                 font-size: .45rem !important;
  2748.             }
  2749.  
  2750.             .font-08rem {
  2751.                 font-size: .8rem !important;
  2752.             }
  2753.  
  2754.             .font-1rem {
  2755.                 font-size: .85rem !important;
  2756.             }
  2757.  
  2758.  
  2759.             .font-2rem {
  2760.                 font-size: .85rem !important;
  2761.             }
  2762.         }
  2763.  
  2764.         /* Medium devices (tablets, 768px and up) */
  2765.         @media (min-width: 768px) {
  2766.             .w-md-50 {
  2767.                 width: 50%;
  2768.             }
  2769.  
  2770.             .w-md-75 {
  2771.                 width: 75%;
  2772.             }
  2773.  
  2774.  
  2775.             .font-05rem {
  2776.                 font-size: .45rem !important;
  2777.             }
  2778.  
  2779.             .font-08rem {
  2780.                 font-size: .8rem !important;
  2781.             }
  2782.  
  2783.             .font-1rem {
  2784.                 font-size: .85rem !important;
  2785.             }
  2786.  
  2787.  
  2788.             .font-2rem {
  2789.                 font-size: 1rem !important;
  2790.             }
  2791.         }
  2792.  
  2793.         /* Large devices (desktops, 992px and up) */
  2794.         @media (min-width: 992px) {
  2795.             .font-05rem {
  2796.                 font-size: .55rem !important;
  2797.             }
  2798.  
  2799.             .font-08rem {
  2800.                 font-size: .8rem !important;
  2801.             }
  2802.  
  2803.             .font-1rem {
  2804.                 font-size: 1rem !important;
  2805.             }
  2806.  
  2807.  
  2808.             .font-2rem {
  2809.                 font-size: 1.25rem !important;
  2810.             }
  2811.         }
  2812.  
  2813.         /* Extra large devices (large desktops, 1200px and up)*/
  2814.         @media (min-width: 1200px) {
  2815.             .font-05rem {
  2816.                 font-size: .65rem !important;
  2817.             }
  2818.  
  2819.             .font-08rem {
  2820.                 font-size: .8rem !important;
  2821.             }
  2822.  
  2823.  
  2824.             .font-1rem {
  2825.                 font-size: 1rem !important;
  2826.             }
  2827.  
  2828.  
  2829.             .font-2rem {
  2830.                 font-size: 1.25rem !important;
  2831.             }
  2832.         }
  2833.  
  2834.  
  2835.         .text-value {
  2836.             font-size: 1.5em;
  2837.             font-weight: 800;
  2838.             margin-bottom: 10px;
  2839.         }
  2840.  
  2841.         .text-value-sm {
  2842.             font-size: 1.09375rem;
  2843.             font-weight: 600;
  2844.         }
  2845.  
  2846.         .text-value-lg {
  2847.             font-size: 1.53125rem;
  2848.             font-weight: 600;
  2849.         }
  2850.  
  2851.         .email-app {
  2852.             display: -ms-flexbox;
  2853.             display: flex;
  2854.             -ms-flex-direction: row;
  2855.             flex-direction: row;
  2856.             background: #fcfcfc;
  2857.             border: 1px solid #c8ced3;
  2858.         }
  2859.  
  2860.         .email-app nav {
  2861.             -ms-flex: 0 0 200px;
  2862.             flex: 0 0 200px;
  2863.             padding: 1rem;
  2864.             border-right: 1px solid #c8ced3;
  2865.         }
  2866.  
  2867.         .email-app nav .btn-block {
  2868.             margin-bottom: 15px;
  2869.         }
  2870.  
  2871.         .email-app nav .nav {
  2872.             -ms-flex-direction: column;
  2873.             flex-direction: column;
  2874.         }
  2875.  
  2876.         .email-app nav .nav-item {
  2877.             position: relative;
  2878.         }
  2879.  
  2880.         .email-app nav .nav-link {
  2881.             color: #23282c;
  2882.             border-bottom: 1px solid #c8ced3;
  2883.         }
  2884.  
  2885.         .email-app nav .nav-link i {
  2886.             width: 20px;
  2887.             margin: 0 10px 0 0;
  2888.             font-size: 14px;
  2889.             text-align: center;
  2890.         }
  2891.  
  2892.         .email-app nav .nav-link .badge {
  2893.             float: right;
  2894.             margin-top: 4px;
  2895.             margin-left: 10px;
  2896.         }
  2897.  
  2898.         .email-app main {
  2899.             -ms-flex: 1;
  2900.             flex: 1;
  2901.             min-width: 0;
  2902.             padding: 1rem;
  2903.         }
  2904.  
  2905.         .email-app .inbox .toolbar {
  2906.             padding-bottom: 1rem;
  2907.             border-bottom: 1px solid #c8ced3;
  2908.         }
  2909.  
  2910.         .email-app .inbox .messages {
  2911.             padding: 0;
  2912.             list-style: none;
  2913.         }
  2914.  
  2915.         .email-app .inbox .message {
  2916.             position: relative;
  2917.             padding: 2rem;
  2918.             cursor: pointer;
  2919.             border-bottom: 1px solid #c8ced3;
  2920.         }
  2921.  
  2922.         .email-app .inbox .message:hover {
  2923.             background: #f0f3f5;
  2924.         }
  2925.  
  2926.         .email-app .inbox .message .actions {
  2927.             position: absolute;
  2928.             left: 0;
  2929.             display: -ms-flexbox;
  2930.             display: flex;
  2931.             -ms-flex-direction: column;
  2932.             flex-direction: column;
  2933.         }
  2934.  
  2935.         .email-app .inbox .message .actions .action {
  2936.             width: 2rem;
  2937.             margin-bottom: 0.5rem;
  2938.             color: #c8ced3;
  2939.             text-align: center;
  2940.         }
  2941.  
  2942.         .email-app .inbox .message a {
  2943.             color: #000;
  2944.         }
  2945.  
  2946.         .email-app .inbox .message a:hover {
  2947.             text-decoration: none;
  2948.         }
  2949.  
  2950.         .email-app .inbox .message.unread .header,
  2951.         .email-app .inbox .message.unread .title {
  2952.             font-weight: 700;
  2953.         }
  2954.  
  2955.         .email-app .inbox .message .header {
  2956.             display: -ms-flexbox;
  2957.             display: flex;
  2958.             -ms-flex-direction: row;
  2959.             flex-direction: row;
  2960.             margin-bottom: 0.5rem;
  2961.         }
  2962.  
  2963.         .email-app .inbox .message .header .date {
  2964.             margin-left: auto;
  2965.         }
  2966.  
  2967.         .email-app .inbox .message .title {
  2968.             margin-bottom: 0.5rem;
  2969.             overflow: hidden;
  2970.             text-overflow: ellipsis;
  2971.             white-space: nowrap;
  2972.         }
  2973.  
  2974.         .email-app .inbox .message .description {
  2975.             font-size: 12px;
  2976.         }
  2977.  
  2978.         .email-app .message .toolbar {
  2979.             padding-bottom: 1rem;
  2980.             border-bottom: 1px solid #c8ced3;
  2981.         }
  2982.  
  2983.         .email-app .message .details .title {
  2984.             padding: 1rem 0;
  2985.             font-weight: 700;
  2986.         }
  2987.  
  2988.         .email-app .message .details .header {
  2989.             display: -ms-flexbox;
  2990.             display: flex;
  2991.             padding: 1rem 0;
  2992.             margin: 1rem 0;
  2993.             border-top: 1px solid #c8ced3;
  2994.             border-bottom: 1px solid #c8ced3;
  2995.         }
  2996.  
  2997.         .email-app .message .details .header .avatar {
  2998.             width: 40px;
  2999.             height: 40px;
  3000.             margin-right: 1rem;
  3001.         }
  3002.  
  3003.         .email-app .message .details .header .from {
  3004.             -ms-flex-item-align: center;
  3005.             align-self: center;
  3006.             font-size: 12px;
  3007.             color: #73818f;
  3008.         }
  3009.  
  3010.         .email-app .message .details .header .from span {
  3011.             display: block;
  3012.             font-weight: 700;
  3013.         }
  3014.  
  3015.         .email-app .message .details .header .date {
  3016.             margin-left: auto;
  3017.         }
  3018.  
  3019.         .email-app .message .details .attachments {
  3020.             padding: 1rem 0;
  3021.             margin-bottom: 1rem;
  3022.             border-top: 3px solid #f0f3f5;
  3023.             border-bottom: 3px solid #f0f3f5;
  3024.         }
  3025.  
  3026.         .email-app .message .details .attachments .attachment {
  3027.             display: -ms-flexbox;
  3028.             display: flex;
  3029.             -ms-flex-item-align: center;
  3030.             align-self: center;
  3031.             margin: 0.5rem 0;
  3032.             font-size: 12px;
  3033.         }
  3034.  
  3035.         .email-app .message .details .attachments .attachment .badge {
  3036.             margin: 0 0.5rem;
  3037.             line-height: inherit;
  3038.         }
  3039.  
  3040.         .email-app .message .details .attachments .attachment .menu {
  3041.             margin-left: auto;
  3042.         }
  3043.  
  3044.         .email-app .message .details .attachments .attachment .menu a {
  3045.             padding: 0 0.5rem;
  3046.             font-size: 14px;
  3047.             color: #c8ced3;
  3048.         }
  3049.  
  3050.         @media (max-width: 767.98px) {
  3051.             .email-app {
  3052.                 -ms-flex-direction: column;
  3053.                 flex-direction: column;
  3054.             }
  3055.  
  3056.             .email-app nav {
  3057.                 -ms-flex: 0 0 100%;
  3058.                 flex: 0 0 100%;
  3059.             }
  3060.         }
  3061.  
  3062.         @media (max-width: 575.98px) {
  3063.             .email-app .message .header {
  3064.                 -ms-flex-flow: row wrap;
  3065.                 flex-flow: row wrap;
  3066.             }
  3067.  
  3068.             .email-app .message .header .date {
  3069.                 -ms-flex: 0 0 100%;
  3070.                 flex: 0 0 100%;
  3071.             }
  3072.         }
  3073.  
  3074.         *[dir="rtl"] {
  3075.             direction: rtl;
  3076.             unicode-bidi: embed;
  3077.         }
  3078.  
  3079.         *[dir="rtl"] body {
  3080.             text-align: right;
  3081.         }
  3082.  
  3083.         *[dir="rtl"] .dropdown-item {
  3084.             text-align: right;
  3085.         }
  3086.  
  3087.         *[dir="rtl"] .dropdown-item i {
  3088.             margin-right: -10px;
  3089.             margin-left: 10px;
  3090.         }
  3091.  
  3092.         *[dir="rtl"] .dropdown-item .badge {
  3093.             right: auto;
  3094.             left: 10px;
  3095.         }
  3096.  
  3097.  
  3098.         .cursor-pointer {
  3099.             cursor: pointer !important;
  3100.         }
  3101.  
  3102.         .flex-column-mobile {
  3103.             display: flex;
  3104.             flex-direction: row;
  3105.         }
  3106.  
  3107.         /* --------- Início Canal comunicação --------- */
  3108.         .page-cover {
  3109.             width: 100%;
  3110.             height: 150px;
  3111.             overflow: hidden;
  3112.             background-size: cover;
  3113.         }
  3114.  
  3115.         .page-cover img {
  3116.             margin: auto;
  3117.             display: block;
  3118.             width: fit-content;
  3119.             height: auto;
  3120.         }
  3121.  
  3122.         .page-cover_user {
  3123.             width: 100%;
  3124.             height: 50px;
  3125.             z-index: 999;
  3126.             overflow: hidden;
  3127.             background-size: cover;
  3128.         }
  3129.  
  3130.         @media (max-width: 590px) {
  3131.             .page-cover_user {
  3132.                 background-size: cover;
  3133.             }
  3134.         }
  3135.  
  3136.         .user-menu_canalcomunicacao {
  3137.             width: 100% !important;
  3138.         }
  3139.  
  3140.         .btn-follow {
  3141.             position: absolute;
  3142.             right: 30px;
  3143.             bottom: 20px;
  3144.         }
  3145.  
  3146.         .canal-comunicacao-comentarios-textarea {
  3147.             width: 100%;
  3148.             padding-left: 5px;
  3149.             background: url('../img/setinha-comment.png') no-repeat left top 10px;
  3150.             background-size: 5px;
  3151.         }
  3152.  
  3153.         .canal-comunicacao-comentarios textarea,
  3154.         .canal-comunicacao-comentario {
  3155.             display: block;
  3156.             margin-bottom: 10px;
  3157.             padding: 10px;
  3158.             width: 100%;
  3159.             border: 0;
  3160.             border-radius: 4px;
  3161.             background-color: #f5f5f5;
  3162.             font-size: 85%;
  3163.             color: #666;
  3164.         }
  3165.  
  3166.         .label-attach {
  3167.             padding: 2px;
  3168.             border-radius: 0 10px 10px 0;
  3169.         }
  3170.  
  3171.         /* --------- Fim Canal comunicação --------- */
  3172.  
  3173.  
  3174.         /* --------- Início Sonhos --------- */
  3175.         .dreams {
  3176.             min-height: 590px;
  3177.             background: #fcfcfc url('../img/sonhos/bg-dreams.png') no-repeat right bottom;
  3178.             background-size: 1000px;
  3179.         }
  3180.  
  3181.         .dreams2 {
  3182.             background: #fcfcfc url('../img/sonhos/clouds-moon_gray.png') no-repeat left 30% top 100px;
  3183.             background-size: 250px;
  3184.         }
  3185.  
  3186.         .dreams3 {
  3187.             background: #fcfcfc url('../img/sonhos/bg-timeline-dreams.png') no-repeat left 20px top 50px;
  3188.             background-size: 90%;
  3189.         }
  3190.  
  3191.         form.dreams-form {
  3192.             width: 100%;
  3193.         }
  3194.  
  3195.         form.dreams-form label {
  3196.             display: block;
  3197.             font-weight:900;
  3198.             text-transform: uppercase;
  3199.             color: var(--texto);
  3200.         }
  3201.  
  3202.  
  3203.         form.dreams-form input[type="text"], [type="number"] {
  3204.             display: block;
  3205.             width: 100%;
  3206.  
  3207.             padding: 7px 10px;
  3208.  
  3209.             border: 1px solid #999;
  3210.             border-radius: 4px;
  3211.         }
  3212.  
  3213.         p.sonho-possivel,
  3214.         p.sonho-inviavel {
  3215.             font-weight:900;
  3216.  
  3217.             font-size: 230%;
  3218.         }
  3219.  
  3220.  
  3221.         span.disabled {
  3222.             opacity: 0.5;
  3223.         }
  3224.  
  3225.         .target-dreams {
  3226.             padding-top: 0;
  3227.             margin: auto;
  3228.             width: 100%;
  3229.             max-width: 260px;
  3230.             min-height: 270px;
  3231.             background: transparent url('../img/sonhos/target.png') no-repeat center top;
  3232.             background-size: 100%;
  3233.         }
  3234.  
  3235.         .vertical-align {
  3236.             margin: auto;
  3237.             padding: 35% 0;
  3238.         }
  3239.  
  3240.         ol.regras-pp {
  3241.             list-style: none;
  3242.             counter-reset: my-awesome-counter;
  3243.             display: flex;
  3244.             flex-wrap: wrap;
  3245.             margin: 0;
  3246.             padding: 0;
  3247.         }
  3248.  
  3249.         ol.regras-pp li {
  3250.             counter-increment: my-awesome-counter;
  3251.             display: flex;
  3252.             align-items: center;
  3253.             width: 100%;
  3254.             margin: 0 40px 20px;
  3255.         }
  3256.  
  3257.         ol.regras-pp li::before {
  3258.             content: "0" counter(my-awesome-counter);
  3259.             margin-right: 0.5rem;
  3260.             font-weight:900;
  3261.  
  3262.             font-size: 2rem;
  3263.         }
  3264.  
  3265.         /* --------- Fim Sonhos --------- */
  3266.  
  3267.  
  3268.         .form-login form input.user,
  3269.         .form-login form input.pass,
  3270.         .form-login form input.user-error,
  3271.         .form-login form input.pass-error {
  3272.             display: block;
  3273.             padding: 10px 15px 10px 50px;
  3274.             width: 100%;
  3275.             border: 2px solid #EEE;
  3276.             border-radius: 3px;
  3277.             color: var(--texto);
  3278.         }
  3279.  
  3280.         .form-login label {
  3281.             margin-top: 15px;
  3282.             font-size: 85%;
  3283.         }
  3284.  
  3285.         .form-login form input.user {
  3286.             background: url('../img/login/icon-user.png') no-repeat left center;
  3287.             background-size: contain;
  3288.         }
  3289.  
  3290.         .form-login form input.pass {
  3291.             background: url('../img/login/icon-pass.png') no-repeat left center;
  3292.             background-size: contain;
  3293.         }
  3294.  
  3295.         .form-login form input.user-error {
  3296.             background: url('../img/login/icon-user-error.png') no-repeat left center;
  3297.             background-size: contain;
  3298.         }
  3299.  
  3300.         .form-login form input.pass-error {
  3301.             background: url('../img/login/icon-pass-error.png') no-repeat left center;
  3302.             background-size: contain;
  3303.         }
  3304.  
  3305.         .form-login form input.email {
  3306.             display: block;
  3307.             padding: 6px 10px 7px 30px;
  3308.             width: 85%;
  3309.             border: 1px solid #EEE;
  3310.             border-radius: 3px;
  3311.             color: var(--texto);
  3312.             background: url('../img/icons/icon_email.png') no-repeat left 5px center;
  3313.             background-size: 20px;
  3314.         }
  3315.  
  3316.         span.error,
  3317.         p.error {
  3318.             float: right;
  3319.             margin: 2px 0 10px;
  3320.             font-size: 0.7em;
  3321.         }
  3322.  
  3323.         img.recuperacao-senha {
  3324.             width: 100%;
  3325.             max-width: 250px;
  3326.             height: 100%;
  3327.             object-fit: contain;
  3328.         }
  3329.  
  3330.         h2.title-rede {
  3331.             margin: 0;
  3332.             font-weight:900;
  3333.  
  3334.             font-size: 1.8em;
  3335.             color: var(--texto);
  3336.         }
  3337.  
  3338.         .demo-icon {
  3339.             width: 33px;
  3340.             height: 33px;
  3341.             background-repeat: no-repeat;
  3342.             background-position: center;
  3343.         }
  3344.  
  3345.         .icon-star {
  3346.             background-image: url('../img/star_empty.svg');
  3347.             background-size: 33px;
  3348.         }
  3349.  
  3350.         .icon-star-filled {
  3351.             background-image: url('../img/star_filled.svg');
  3352.             background-size: 33px;
  3353.         }
  3354.  
  3355.         table.data-boxes {
  3356.             margin-top: 20px;
  3357.             width: 100%;
  3358.         }
  3359.  
  3360.         td.recuo-hierarquia {
  3361.             padding-left: 20px;
  3362.         }
  3363.  
  3364.         .bg-metas {
  3365.             display: flex;
  3366.             justify-content: space-around;
  3367.  
  3368.             margin: 2px auto 0;
  3369.             width: 100%;
  3370.         }
  3371.  
  3372.         .bg-metas_child {
  3373.             width: 49.6%;
  3374.         }
  3375.  
  3376.         .bg-metas p {
  3377.             line-height: 1.2em;
  3378.         }
  3379.  
  3380.         .bg-metas p.title {
  3381.             font-weight:600;
  3382.  
  3383.             font-size: 0.8em;
  3384.             text-transform: uppercase;
  3385.         }
  3386.  
  3387.         .bg-metas p.percent {
  3388.             margin-bottom: 5px;
  3389.             font-weight:900;
  3390.  
  3391.             font-size: 2.2em;
  3392.             color: var(--texto);
  3393.         }
  3394.  
  3395.         .bg-metas-red,
  3396.         .bg-metas-green {
  3397.             width: 100%;
  3398.             padding: 15px 40px 10px;
  3399.             border-radius: 4px;
  3400.         }
  3401.  
  3402.         .top-box-infos {
  3403.             display: flex;
  3404.             justify-content: space-between;
  3405.         }
  3406.  
  3407.         .top-box-infos_child {
  3408.             width: 45%;
  3409.             font-size: 0.9em;
  3410.             line-height: 1.6em;
  3411.         }
  3412.  
  3413.         .top-box-infos_child_3 {
  3414.             width: 33.3%;
  3415.             font-size: 1em;
  3416.             line-height: 1.6em;
  3417.         }
  3418.  
  3419.         .bordered-box {
  3420.             padding: 10px;
  3421.             border: 1px solid #DDD;
  3422.             border-radius: 4px;
  3423.         }
  3424.  
  3425.         .light-border-right {
  3426.             border-right: 1px solid #DDD;
  3427.         }
  3428.  
  3429.         img.icons-compras-first-boxes {
  3430.             width: 100%;
  3431.             max-width: 40px;
  3432.             height: 100%;
  3433.             object-fit: contain;
  3434.         }
  3435.  
  3436.         .p-limit {
  3437.             overflow-y: hidden;
  3438.         }
  3439.  
  3440.         form.form-register-pin label {
  3441.             display: block;
  3442.             margin-top: 15px;
  3443.             font-weight:900;
  3444.  
  3445.             font-size: 0.85em;
  3446.             text-transform: uppercase;
  3447.             color: #333;
  3448.         }
  3449.  
  3450.         form.form-register-pin input[type="file"] {
  3451.             display: block;
  3452.         }
  3453.  
  3454.         form.form-register-pin textarea {
  3455.             display: block;
  3456.             padding: 10px;
  3457.             width: 100%;
  3458.             height: 60px;
  3459.             border: 1px solid #c8ced3;
  3460.             border-radius: 4px;
  3461.         }
  3462.  
  3463.         ul.no-style {
  3464.             list-style: inside none;
  3465.             padding-left: 0;
  3466.             margin: 0;
  3467.             line-height: normal;
  3468.         }
  3469.  
  3470.         ul.arrow-marker {
  3471.             list-style: none;
  3472.             padding-left: 0;
  3473.             line-height: 1.8rem;
  3474.         }
  3475.  
  3476.         ul.arrow-marker > li {
  3477.             content: '';
  3478.             padding-left: 15px;
  3479.             background: url('../img/icons/icon_marker.svg') no-repeat left center;
  3480.             background-size: 12px;
  3481.         }
  3482.  
  3483.         ul.radio-inline-list {
  3484.             list-style: none;
  3485.             margin-left: -40px;
  3486.         }
  3487.  
  3488.         ul.radio-inline-list li {
  3489.             display: inline-block;
  3490.             margin: 3px 20px 0 0;
  3491.         }
  3492.  
  3493.  
  3494.         table.list-messages {
  3495.             width: 100%;
  3496.         }
  3497.  
  3498.         table.list-messages tr td {
  3499.             padding: 10px;
  3500.         }
  3501.  
  3502.         table.list-messages tr {
  3503.             border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  3504.         }
  3505.  
  3506.         table.list-messages tr:last-child {
  3507.             border: 0;
  3508.         }
  3509.  
  3510.         table.list-messages tr:hover {
  3511.             cursor: pointer;
  3512.             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
  3513.             z-index: 1;
  3514.         }
  3515.  
  3516.         table.list-messages tr.new-message {
  3517.             background-color: #F4F4F4;
  3518.             z-index: 0;
  3519.         }
  3520.  
  3521.         form.message-comments {
  3522.             width: 100%;
  3523.         }
  3524.  
  3525.         form.message-comments input[type="text"],
  3526.         form.message-comments textarea {
  3527.             display: block;
  3528.             padding: 10px;
  3529.             width: 100%;
  3530.             height: 80px;
  3531.             border: 1px solid #E4E7EA;
  3532.             border-radius: 4px;
  3533.             color: var(--texto);
  3534.             font-size: 0.9em;
  3535.         }
  3536.  
  3537.         img.sent-message-report_bar-graph {
  3538.             width: 100%;
  3539.             max-width: 856px;
  3540.         }
  3541.  
  3542.         input[type="date"],
  3543.         input[type="time"] {
  3544.             border: 1px solid #e4e7ea;
  3545.             padding: 8px 5px 5px 30px;
  3546.             border-radius: 4px;
  3547.             background-color: var(--white) !important;
  3548.         }
  3549.  
  3550.         input[type="date"] {
  3551.             background: url('../img/icons/icon_calendar-muted.svg') no-repeat left 5px center;
  3552.             background-size: 20px;
  3553.         }
  3554.  
  3555.         input[type="time"] {
  3556.             background: url('../img/icons/icon_clock-muted.svg') no-repeat left 5px center;
  3557.             background-size: 20px;
  3558.         }
  3559.  
  3560.         input[type="search"] {
  3561.             width: 45%;
  3562.             background: url('../img/icons/icon_search.png') no-repeat right 5px center;
  3563.             background-size: 20px;
  3564.         }
  3565.  
  3566.         ol.steps-help li {
  3567.             margin-bottom: 10px;
  3568.         }
  3569.  
  3570.  
  3571.         @media (max-width: 1100px) {
  3572.             .top-box-infos1,
  3573.             .top-box-infos2 {
  3574.                 display: flex;
  3575.                 flex-direction: column;
  3576.             }
  3577.  
  3578.             .top-box-infos1 {
  3579.                 flex-direction: column-reverse;
  3580.             }
  3581.  
  3582.             .box-infos-right {
  3583.                 margin-bottom: 20px;
  3584.                 width: 100%;
  3585.  
  3586.                 border-bottom: 1px solid #ccc;
  3587.             }
  3588.  
  3589.             .box-infos-left {
  3590.                 width: 100%;
  3591.  
  3592.                 border-right: 0;
  3593.             }
  3594.  
  3595.             .top-box-infos_child {
  3596.                 width: 100%;
  3597.             }
  3598.  
  3599.             .box-infos-right p {
  3600.                 font-size: 10vmin;
  3601.                 text-align: center;
  3602.             }
  3603.  
  3604.             .icons-ranking_dad {
  3605.                 flex-direction: column;
  3606.             }
  3607.  
  3608.             .icons-ranking {
  3609.                 width: 100%;
  3610.             }
  3611.  
  3612.             .top-box-infos {
  3613.                 display: flex;
  3614.                 flex-direction: column;
  3615.             }
  3616.  
  3617.             .top-box-infos_child {
  3618.                 width: 100%;
  3619.             }
  3620.  
  3621.             .bg-metas {
  3622.                 flex-direction: column;
  3623.  
  3624.                 margin: 2px auto 0;
  3625.                 width: 100%;
  3626.             }
  3627.  
  3628.             .bg-metas_child {
  3629.                 width: 100%;
  3630.             }
  3631.  
  3632.             .bg-metas-red,
  3633.             .bg-metas-green {
  3634.                 width: 100%;
  3635.             }
  3636.         }
  3637.  
  3638.         @media (max-width: 991px) {
  3639.             img.recuperacao-senha {
  3640.                 max-width: 100px;
  3641.             }
  3642.  
  3643.             .dreams3 {
  3644.                 background: #fcfcfc url('../img/sonhos/bg-timeline-dreams.png') no-repeat center top 280px;
  3645.                 background-size: 95%;
  3646.             }
  3647.         }
  3648.  
  3649.         @media (max-width: 767px) {
  3650.             .icons-ranking_dad {
  3651.                 margin: 20px 0;
  3652.             }
  3653.  
  3654.             .infos-profile {
  3655.                 display: block;
  3656.             }
  3657.  
  3658.             .infos-profile_photo {
  3659.                 margin: 0 auto 20px;
  3660.                 width: 100%;
  3661.             }
  3662.  
  3663.             .infos-profile_txt h3,
  3664.             .infos-profile_txt p {
  3665.                 text-align: center;
  3666.             }
  3667.  
  3668.             div.btn-edit-profile {
  3669.                 display: flex;
  3670.                 justify-content: center;
  3671.             }
  3672.  
  3673.             .mb-4-sm {
  3674.                 margin-bottom: 50px;
  3675.             }
  3676.  
  3677.             .feed-menu-colapse {
  3678.                 display: none;
  3679.             }
  3680.  
  3681.             .dreams3 {
  3682.                 background: #fcfcfc url('../img/sonhos/bg-timeline-dreams.png') no-repeat center top 300px;
  3683.                 background-size: 95%;
  3684.             }
  3685.  
  3686.             ol.regras-pp li {
  3687.                 align-items: flex-start;
  3688.                 margin: 0 0 20px 0;
  3689.             }
  3690.  
  3691.             ol.regras-pp li::before {
  3692.                 font-size: 1rem;
  3693.             }
  3694.  
  3695.             .page-cover {
  3696.                 height: 100px;
  3697.             }
  3698.         }
  3699.  
  3700.         @media (max-width: 430px) {
  3701.             .dreams {
  3702.                 background-size: 800px;
  3703.             }
  3704.  
  3705.             .dreams3 {
  3706.                 background: #fcfcfc url('../img/sonhos/bg-timeline-dreams.png') no-repeat center top 320px;
  3707.                 background-size: 95%;
  3708.             }
  3709.         }
  3710.  
  3711.         .note-video-clip,
  3712.         .note-video-clip p img {
  3713.             max-width: 100%;
  3714.             min-height: 100%;
  3715.             object-fit: contain;
  3716.         }
  3717.  
  3718.         .note-video-clip video {
  3719.             width: 100% !important;
  3720.         }
  3721.  
  3722.         .radio-image label > input {
  3723.             visibility: hidden;
  3724.         }
  3725.  
  3726.         .radio-image label > input + img {
  3727.             cursor: pointer;
  3728.             border: 4px solid #EEE;
  3729.             border-radius: 15px;
  3730.             padding: 10px;
  3731.         }
  3732.  
  3733.         input[type=radio] + img {
  3734.             cursor: pointer;
  3735.         }
  3736.  
  3737.         .isDisabled {
  3738.             color: currentColor;
  3739.             opacity: 0.3;
  3740.             text-decoration: none;
  3741.             pointer-events: none;
  3742.             cursor: pointer;
  3743.         }
  3744.  
  3745.         .naoseaplica {
  3746.             top: 10px;
  3747.             padding-top: 5px;
  3748.         }
  3749.  
  3750.         .checkedActive {
  3751.             color: #23282c !important;
  3752.             background-color: #c8ced3 !important;
  3753.             border-color: #c8ced3 !important;
  3754.         }
  3755.  
  3756.         .container-image-input {
  3757.             text-align: center;
  3758.             overflow: hidden;
  3759.         }
  3760.  
  3761.         .btn-remove {
  3762.             position: absolute !important;
  3763.             font-size: 17px;
  3764.             top: 0;
  3765.             left: 0;
  3766.             border: 5px solid white;
  3767.             background-color: white;
  3768.             border-radius: 5px;
  3769.             cursor: pointer;
  3770.         }
  3771.  
  3772.         .hidden {
  3773.             visibility: hidden;
  3774.         }
  3775.  
  3776.         @media (max-width: 1416px) {
  3777.             .max-length-limit {
  3778.                 max-width: 600px;
  3779.             }
  3780.         }
  3781.  
  3782.         @media (max-width: 970px) {
  3783.             .max-length-limit {
  3784.                 max-width: 400px;
  3785.             }
  3786.         }
  3787.  
  3788.         @media (max-width: 592px) {
  3789.             .max-length-limit {
  3790.                 max-width: 350px;
  3791.             }
  3792.         }
  3793.  
  3794.         @media (max-width: 230px) {
  3795.             .max-length-limit {
  3796.                 max-width: 200px;
  3797.             }
  3798.         }
  3799.  
  3800.         .com-banner {
  3801.             margin-top: 100px
  3802.         }
  3803.  
  3804.  
  3805.         /* --------- Breaking news --------- */
  3806.         .breaking-news {
  3807.             position: fixed;
  3808.             width: 100%;
  3809.             height: 45px;
  3810.             z-index: 3;
  3811.             background-size: 35px;
  3812.         }
  3813.  
  3814.         .marquee {
  3815.             overflow: hidden;
  3816.             position: relative;
  3817.             left: 3%;
  3818.             width: 97%;
  3819.             height: 100%;
  3820.         }
  3821.  
  3822.         .marquee p {
  3823.             position: absolute;
  3824.             width: 100%;
  3825.             height: 100%;
  3826.             margin: 0;
  3827.             font-weight:600;
  3828.  
  3829.             line-height: 45px;
  3830.             /* Starting position */
  3831.             -moz-transform: translateX(0%);
  3832.             -webkit-transform: translateX(0%);
  3833.             transform: translateX(0%);
  3834.             /* Apply animation to this element */
  3835.             -moz-animation: marquee 30s linear infinite;
  3836.             -webkit-animation: marquee 30s linear infinite;
  3837.             animation: marquee 30s linear infinite;
  3838.         }
  3839.  
  3840.  
  3841.         /* --------- Fim Breaking news --------- */
  3842.  
  3843.         /* --------- Warning bar --------- */
  3844.         .warning-bar {
  3845.             position: fixed;
  3846.             height: 100px;
  3847.             width: 100%;
  3848.             padding: 5px 5% 5px 15px;
  3849.             z-index: 998;
  3850.         }
  3851.  
  3852.  
  3853.         .desafio2020 {
  3854.             background: url('../img/desafio2020/banner-desafio2020.jpg') no-repeat center center;
  3855.             background-size: cover;
  3856.         }
  3857.  
  3858.  
  3859.         .desafio2020 p {
  3860.             color: #015289;
  3861.         }
  3862.  
  3863.         .desafio2020 a {
  3864.             color: #015289;
  3865.         }
  3866.  
  3867.  
  3868.         /* --------- Fim warning bar --------- */
  3869.  
  3870.         .p-limit {
  3871.             width: 100%;
  3872.             overflow: hidden;
  3873.             text-overflow: ellipsis;
  3874.         }
  3875.  
  3876.         .header-blackfriday {
  3877.             width: 100%;
  3878.             height: 170px;
  3879.             margin-top: 48px;
  3880.             background: url('../img/logos_e_banners/blackfriday_header.jpg') no-repeat center center;
  3881.             background-size: cover;
  3882.         }
  3883.  
  3884.         @media (min-width: 992px) {
  3885.             .responsive-border {
  3886.                 border-left: 1px solid #CCC;
  3887.                 border-bottom: none;
  3888.             }
  3889.  
  3890.         }
  3891.  
  3892.         @media (max-width: 991px) {
  3893.             .responsive-border {
  3894.                 border-bottom: 1px solid #CCC;
  3895.                 border-left: none;
  3896.                 margin-bottom: 20px;
  3897.             }
  3898.  
  3899.         }
  3900.  
  3901.         .transformYPosition {
  3902.             -moz-transform: scaleY(-1);
  3903.             -o-transform: scaleY(-1);
  3904.             -webkit-transform: scaleY(-1);
  3905.             transform: scaleY(-1);
  3906.         }
  3907.  
  3908.         .charts-css {
  3909.             text-align: center;
  3910.             height: 350px;
  3911.             width: 100%;
  3912.         }
  3913.         body {
  3914.             overflow-x: hidden;
  3915.         }
  3916.         .plus-minus-input {
  3917.             -webkit-align-items: center;
  3918.             -ms-flex-align: center;
  3919.             align-items: center;
  3920.         }
  3921.         .plus-minus-input .input-group-field {
  3922.             text-align: center;
  3923.             margin-left: 0.5rem;
  3924.             margin-right: 0.5rem;
  3925.             padding: 1rem;
  3926.         }
  3927.         .plus-minus-input .input-group-field::-webkit-inner-spin-button,
  3928.         .plus-minus-input .input-group-field ::-webkit-outer-spin-button {
  3929.             -webkit-appearance: none;
  3930.             appearance: none;
  3931.         }
  3932.         .plus-minus-input .input-group-button .circle {
  3933.             border-radius: 50%;
  3934.             padding: 0.25em 0.8em;
  3935.         }
  3936.         .balaoMenuMobile {
  3937.             background: #fcfcfc;
  3938.             border-radius: 8px;
  3939.             position: relative;
  3940.         }
  3941.         .balaoMenuMobile:after {
  3942.             content: "";
  3943.             width: 0;
  3944.             height: 0;
  3945.             position: absolute;
  3946.             border-left: 20px solid transparent;
  3947.             border-right: 20px solid transparent;
  3948.             border-top: 25px solid #fcfcfc;
  3949.             bottom: -12px;
  3950.             left: 36%;
  3951.         }
  3952.         .balaoMenuMobile {
  3953.             position: absolute;
  3954.             left: 35px !important;
  3955.             top: -10px !important;
  3956.         }
  3957.         @media (max-width: 500px ) {
  3958.             .balaoMenuMobile {
  3959.                 position: absolute;
  3960.                 left: 5px !important;
  3961.                 top: -10px !important;
  3962.             }
  3963.             .balaoMenuMobile:after {
  3964.                 content: "";
  3965.                 width: 0;
  3966.                 height: 0;
  3967.                 position: absolute;
  3968.                 border-left: 20px solid transparent;
  3969.                 border-right: 20px solid transparent;
  3970.                 border-top: 25px solid #fcfcfc;
  3971.                 bottom: -12px;
  3972.                 left: 60%;
  3973.             }
  3974.             /* Fim do menus mobile */
  3975.             .sidebar .nav {
  3976.                 position: relative;
  3977.             }
  3978.             .fixaMenu {
  3979.                 width: 190px;
  3980.                 overflow-x: hidden;
  3981.             }
  3982.         }
  3983.         /* menus lateral esquerdo*/
  3984.         .fixaMenu {
  3985.             position: fixed;
  3986.             height: 84%;
  3987.             padding-bottom: 100px;
  3988.             animation-name: animacaoDoMenu;
  3989.             animation-timing-function: linear;
  3990.             animation-duration: 300ms;
  3991.             overflow-y: scroll;
  3992.         }
  3993.  
  3994.         @keyframes animacaoDoMenu {
  3995.             from {
  3996.                 width: 0px
  3997.             }
  3998.             to {
  3999.                 width: auto
  4000.             }
  4001.         }
  4002.         /*fim menus esquerdo */
  4003.         @media ( min-width: 600px ) {
  4004.             .menu-top {
  4005.                 position: fixed;
  4006.                 padding: 5px 1% 5px 0;
  4007.                 right: 0;
  4008.                 z-index: 4;
  4009.                 border-radius: 0;
  4010.                 width: 100%;
  4011.                 border-bottom: 1px solid #c8ced3;
  4012.             }
  4013.         }
  4014.         .menu_lateral {
  4015.             position: fixed;
  4016.             width: 24%;
  4017.             z-index: 9;
  4018.             margin-top: 50px;
  4019.             height: 520px;
  4020.             overflow-y: scroll;
  4021.         }
  4022.         .feed {
  4023.             float: right;
  4024.             z-index: 0;
  4025.             margin-top: 45px;
  4026.         }
  4027.         .menu_lateral::-webkit-scrollbar {
  4028.             width: 5px;
  4029.             background: none;
  4030.         }
  4031.         .barraRolagem::-webkit-scrollbar-track {
  4032.             background-color: none;
  4033.         }
  4034.         .barraRolagem::-webkit-scrollbar {
  4035.             width: 5px;
  4036.             background: none;
  4037.         }
  4038.         .barraRolagem::-webkit-scrollbar-thumb {
  4039.             background-color: #434445;
  4040.         }
  4041.         /*Formatação da barra de rolagem*/
  4042.         .fixaMenu::-webkit-scrollbar-track {
  4043.             background-color: none;
  4044.         }
  4045.         .fixaMenu::-webkit-scrollbar {
  4046.             width: 5px;
  4047.             background: none;
  4048.  
  4049.         }
  4050.         .fixaMenu::-webkit-scrollbar-thumb {
  4051.             background-color: #434445;
  4052.  
  4053.         }
  4054.         /*fim barra de rolagem*/
  4055.         .page-cover_user {
  4056.             position: fixed;
  4057.         }
  4058.         .height-carousel {
  4059.             height: 350px;
  4060.         }
  4061.         /* Ajustar menus menus do feed comunicados */
  4062.         @media (max-width: 770px) {
  4063.             .menu_lateral {
  4064.                 position: relative;
  4065.             }
  4066.  
  4067.             .page-cover_user {
  4068.                 position: relative;
  4069.             }
  4070.  
  4071.             #escondeNome {
  4072.                 display: none;
  4073.             }
  4074.  
  4075.  
  4076.             .height-carousel {
  4077.                 height: 300px;
  4078.             }
  4079.         }
  4080.         /* Ajustar o container quando o footer for fixo ou móvel */
  4081.         main {
  4082.             padding-bottom: 60px;
  4083.         }
  4084.  
  4085.         @media (max-width: 600px) {
  4086.             main {
  4087.                 padding-bottom: 0px;
  4088.             }
  4089.         }
  4090.         /* Marcador de texto quando encontrar a string na busca do feed comunicados*/
  4091.         .marcaBusca {
  4092.             font-weight: bold;
  4093.         }
  4094.         mark {
  4095.             padding: 0;
  4096.         }
  4097.         .pointer-event-none {
  4098.             pointer-events: none;
  4099.         }
  4100.         #btn_Abre_Menu_Esquerdo {
  4101.             position: relative;
  4102.             min-width: 50px;
  4103.             height: auto;
  4104.             padding: 0.25rem 0;
  4105.             font-size: 1.09375rem;
  4106.             line-height: 1;
  4107.             background-color: transparent;
  4108.             border: 1px solid transparent;
  4109.             border-radius: 0.25rem;
  4110.             overflow: visible;
  4111.         }
  4112.         .scrollMenuDireito {
  4113.             position: relative;
  4114.             height: 450px;
  4115.             overflow-y: scroll;
  4116.         }
  4117.         .icone {
  4118.             font-size: 22px;
  4119.             position: relative;
  4120.             bottom: -3px;
  4121.             left: -3px;
  4122.         }
  4123.         body.modal-open .select2-dropdown {
  4124.             z-index: 2000;
  4125.         }
  4126.         .card-footer {
  4127.             padding: 0.7rem 0.2rem;
  4128.         }
  4129.         .m-6 {
  4130.             margin: 3.5rem !important
  4131.         }
  4132.         .mt-6, .my-6 {
  4133.             margin-top: 3.5rem !important;
  4134.         }
  4135.         .mb-6, .my-6 {
  4136.             margin-bottom: 3.5rem !important;
  4137.         }
  4138.         .ml-6 .mx-6 {
  4139.             margin-left: 3.5rem !important;
  4140.         }
  4141.         .mr-6 .mx-6 {
  4142.             margin-right: 3.5rem !important;
  4143.         }
  4144.         .p-6 {
  4145.             padding: 3.5rem !important
  4146.         }
  4147.         .pt-6, .py-6 {
  4148.             padding-top: 3.5rem !important;
  4149.         }
  4150.  
  4151.         .pb-6, .py-6 {
  4152.             padding-bottom: 3.5rem !important;
  4153.         }
  4154.  
  4155.         .pl-6 .px-6 {
  4156.             padding-left: 3.5rem !important;
  4157.         }
  4158.  
  4159.         .pr-6 .px-6 {
  4160.             padding-right: 3.5rem !important;
  4161.         }
  4162.  
  4163.  
  4164.         .datepicker-container {
  4165.             z-index: 2000 !important;
  4166.         }
  4167.  
  4168.         .select2-dropdown {
  4169.             z-index: 1040 !important;
  4170.         }
  4171.  
  4172.         .text-limit-1 {
  4173.             max-height: 24px;
  4174.             overflow: hidden;
  4175.             text-overflow: ellipsis;
  4176.             display: -webkit-box;
  4177.             line-height: 1.25;
  4178.             -webkit-line-clamp: 1;
  4179.             -webkit-box-orient: vertical;
  4180.         }
  4181.  
  4182.         .text-limit-2 {
  4183.             max-height: 53px;
  4184.             overflow: hidden;
  4185.             text-overflow: ellipsis;
  4186.             display: -webkit-box;
  4187.             line-height: 1.5;
  4188.             -webkit-line-clamp: 2;
  4189.             -webkit-box-orient: vertical;
  4190.         }
  4191.  
  4192.         .text-limit-5 {
  4193.             max-height: 113px;
  4194.             overflow: hidden;
  4195.             text-overflow: ellipsis;
  4196.             display: -webkit-box;
  4197.             line-height: 1.25;
  4198.             -webkit-line-clamp: 5;
  4199.             -webkit-box-orient: vertical;
  4200.         }
  4201.  
  4202.  
  4203.         /*
  4204.         CSS informativos
  4205.      */
  4206.         .line-vertical {
  4207.             width: 1px;
  4208.             height: 50px;
  4209.             border: solid 1px var(--secondary-hover);
  4210.         }
  4211.  
  4212.  
  4213.         /*
  4214.  
  4215.      */
  4216.  
  4217.  
  4218.         /*
  4219.         CSS produtos
  4220.      */
  4221.  
  4222.         .imagem-produto {
  4223.             background: 50% 50% no-repeat;
  4224.             width: 250px;
  4225.             height: 210px;
  4226.         }
  4227.         .produto {
  4228.             transition: .3s;
  4229.         }
  4230.  
  4231.         div.desconto-produto {
  4232.             position: relative;
  4233.             top: 35px;
  4234.             margin-top: -30px;
  4235.  
  4236.             max-height: 30px;
  4237.             max-width: 70px;
  4238.  
  4239.             float: right;
  4240.  
  4241.             border: 1px solid transparent;
  4242.             padding: .2rem 1rem;
  4243.             border-radius: 5px;
  4244.  
  4245.             background-color: var(--danger);
  4246.  
  4247.             -ms-transform: skewX(-10deg);
  4248.             -webkit-transform: skewX(-10deg);
  4249.             -moz-transform: skewX(-10deg);
  4250.             -o-transform: skewX(-10deg);
  4251.             transform: skewX(-10deg);
  4252.             color: var(--white);
  4253.         }
  4254.         img.desconto-produto {
  4255.             position: relative;
  4256.             float: right;
  4257.             top: 60px;
  4258.             margin-top: -60px;
  4259.             max-height: 60px;
  4260.             max-width: 60px;
  4261.         }
  4262.         img.desconto-produto.club {
  4263.             position: relative;
  4264.             float: right;
  4265.             top: 35px;
  4266.             margin-top: -35px;
  4267.             max-height: 60px;
  4268.             max-width: 60px;
  4269.         }
  4270.         .desconto-produto article {
  4271.             -ms-transform: skewX(10deg);
  4272.             -webkit-transform: skewX(10deg);
  4273.             -moz-transform: skewX(10deg);
  4274.             -o-transform: skewX(10deg);
  4275.             transform: skewX(10deg);
  4276.         }
  4277.         .container {
  4278.             max-width: 1280px;
  4279.         }
  4280.         .produto .produto-comprar:first-child {
  4281.             left: 0;
  4282.             z-index: 2;
  4283.         }
  4284.         .produto .produto-comprar:last-child {
  4285.             left: 0;
  4286.             z-index: 1;
  4287.         }
  4288.         @media (min-width: 850px) {
  4289.             .produto:hover {
  4290.                 transform: scale(1.05, 1.03);
  4291.                 display: block !important;
  4292.             }
  4293.  
  4294.             .produto .produto-footer {
  4295.                 display: none;
  4296.             }
  4297.  
  4298.             .produto:hover .produto-footer {
  4299.                 display: block !important;
  4300.             }
  4301.  
  4302.             .produto .produto-comprar:first-child {
  4303.                 border-top: 1px solid var(--light-hover);
  4304.             }
  4305.  
  4306.             .produto .produto-comprar {
  4307.                 padding-left: .5rem !important;
  4308.                 padding-right: .5rem !important;
  4309.             }
  4310.  
  4311.             .produto .produto-comprar:first-child {
  4312.                 position: absolute;
  4313.                 top: 74%;
  4314.                 left: 0;
  4315.                 z-index: 2;
  4316.             }
  4317.  
  4318.             .produto .produto-comprar:last-child {
  4319.                 position: absolute;
  4320.                 top: 85% !important;
  4321.                 left: 0;
  4322.                 z-index: 1;
  4323.             }
  4324.         }
  4325.         .produto .produto-comprar {
  4326.             background-color: var(--no-white);
  4327.         }
  4328.         .produto .produto-comprar .btn {
  4329.             margin-left: auto;
  4330.             margin-right: auto;
  4331.         }
  4332.         @media (max-width: 800px) {
  4333.             .imagem-produto {
  4334.                 height: 155px;
  4335.             }
  4336.         }
  4337.  
  4338.  
  4339.  
  4340.         /*
  4341.         FIM CSS produtos
  4342.      */
  4343.  
  4344.         /*
  4345.     css categorias
  4346.      */
  4347.         .categoria-mundo {
  4348.             width: 90%;
  4349.             height: 170px;
  4350.             border-radius: 1.8rem;
  4351.             transition: .3s;
  4352.             -ms-transform: skewX(-3deg);
  4353.             -webkit-transform: skewX(-3deg);
  4354.             -moz-transform: skewX(-3deg);
  4355.             -o-transform: skewX(-3deg);
  4356.             transform: skewX(-3deg);
  4357.  
  4358.             display: flex;
  4359.             justify-content: center;
  4360.             align-items: center;
  4361.         }
  4362.  
  4363.         @media (max-width: 1400px) {
  4364.             .categoria-mundo {
  4365.                 height: 150px;
  4366.             }
  4367.         }
  4368.  
  4369.         @media (max-width: 800px) {
  4370.             .categoria-mundo {
  4371.                 height: 100px;
  4372.             }
  4373.         }
  4374.         .categoria-mundo img {
  4375.             -ms-transform: skewX(6deg);
  4376.             -webkit-transform: skewX(6deg);
  4377.             -moz-transform: skewX(6deg);
  4378.             -o-transform: skewX(6deg);
  4379.             transform: skewX(6deg);
  4380.  
  4381.             background: 50% 50% no-repeat;
  4382.             width: 50% !important;
  4383.             height: 50%;
  4384.         }
  4385.         .categoria-mundos {
  4386.             -ms-transform: skewX(-3deg);
  4387.             -webkit-transform: skewX(-3deg);
  4388.             -moz-transform: skewX(-3deg);
  4389.             -o-transform: skewX(-3deg);
  4390.             transform: skewX(-3deg);
  4391.             transition: .3s;
  4392.         }
  4393.         .categoria-mundos article{
  4394.             -ms-transform: skewX(3deg);
  4395.             -webkit-transform: skewX(3deg);
  4396.             -moz-transform: skewX(3deg);
  4397.             -o-transform: skewX(3deg);
  4398.             transform: skewX(3deg);
  4399.             margin-left: -15px;
  4400.         }
  4401.         .categoria-mundo:after {
  4402.             content: " ";
  4403.             width: 100%;
  4404.             height: 100%;
  4405.             border-radius: 1.8rem;
  4406.             position: absolute;
  4407.             top: -10px;
  4408.             left: -10px;
  4409.         }
  4410.         .categoria-mundos:hover {
  4411.             -ms-transform: scale(1.05, 1.03) skewX(-3deg);
  4412.             -webkit-transform: scale(1.05, 1.03) skewX(-3deg);
  4413.             -moz-transform: scale(1.05, 1.03) skewX(-3deg);
  4414.             -o-transform: scale(1.05, 1.03) skewX(-3deg);
  4415.             transform: scale(1.05, 1.03) skewX(-3deg);
  4416.             cursor: pointer;
  4417.         }
  4418.         .categoria-mundo:after {
  4419.             border: dashed 1px;
  4420.             border-color: inherit;
  4421.         }
  4422.  
  4423.         /*
  4424.         FIM CSS Categorias mundos
  4425.      */
  4426.  
  4427.         .container-fluid {
  4428.             padding: 10px;
  4429.         }
  4430.         .prev {
  4431.             color: var(--muted);
  4432.             background: var(--light);
  4433.             opacity: 0;
  4434.             transition: .5s;
  4435.  
  4436.             position: absolute;
  4437.             top: 35%;
  4438.             left: 0;
  4439.         }
  4440.         .next {
  4441.             color: var(--muted);
  4442.             background: var(--light);
  4443.             opacity: 0;
  4444.             transition: .5s;
  4445.  
  4446.             position: absolute;
  4447.             top: 35%;
  4448.             right: -1px;
  4449.         }
  4450.         .carousel-topo .prev, .carousel-topo .next {
  4451.             top: 50%
  4452.         }
  4453.         @media (max-width: 900px) {
  4454.             .next, .prev {
  4455.                 opacity: 1;
  4456.             }
  4457.         }
  4458.         .owl-carousel:hover .prev, .owl-carousel:hover .next {
  4459.             opacity: 1;
  4460.         }
  4461.         .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  4462.             display: block !important;
  4463.         }
  4464.         .desfoco {
  4465.             background-color: #000;
  4466.             opacity: 0.3;
  4467.         }
  4468.         .user-photo {
  4469.             min-width: 45px;
  4470.             min-height: 45px;
  4471.         }
  4472.         .swiper-container {
  4473.             width: 100% !important;
  4474.             height: 100%;
  4475.             margin-left: 0 !important;
  4476.             margin-right: 0 !important;
  4477.             border: 1px solid var(--secondary);
  4478.         }
  4479.         .swiper-slide {
  4480.             width: 100% !important;
  4481.         }
  4482.         .swiper-slide img {
  4483.             max-height: 600px !important;
  4484.         }
  4485.         .swiper-pagination.swiper-customized {
  4486.             left: 0;
  4487.             right: auto;
  4488.             max-height: 600px;
  4489.             overflow-y: auto;
  4490.             overflow-x: hidden;
  4491.             width: 125px;
  4492.             position: relative;
  4493.         }
  4494.         .swiper-pagination.swiper-customized .swiper-pagination-bullet {
  4495.             width: 100px;
  4496.             height: 100px;
  4497.             padding: 0;
  4498.             margin-right: .25rem;
  4499.             margin-left: .25rem;
  4500.             margin-bottom: .25rem;
  4501.             border-radius: 0;
  4502.             display: block;
  4503.             background: none;
  4504.             border: 1px solid var(--secondary);
  4505.         }
  4506.         .swiper-pagination.swiper-customized .swiper-pagination-bullet.swiper-pagination-bullet-active {
  4507.             background: none;
  4508.         }
  4509.         .tabela div.item:nth-child(even) {
  4510.             background: var(--no-white);
  4511.         }
  4512.         .tabela div.item:nth-child(odd) {
  4513.             background: var(--light);
  4514.         }
  4515.         input[type=range] {
  4516.             -webkit-appearance: none;
  4517.             -moz-apperance: none;
  4518.             border-radius: 6px;
  4519.             height: 6px;
  4520.  
  4521.             background-image: -webkit-gradient(linear,
  4522.             left top,
  4523.             right top,
  4524.             color-stop(15%, #df7164),
  4525.             color-stop(15%, #F5D0CC));
  4526.         }
  4527.         input[type="range"]::-moz-range-track {
  4528.             border: none;
  4529.             background: none;
  4530.             outline: none;
  4531.         }
  4532.         input[type=range]:focus {
  4533.             outline: none;
  4534.             border: none;
  4535.         }
  4536.         input[type=range]::-webkit-slider-thumb {
  4537.             -webkit-appearance: none !important;
  4538.             background-color: #df7164;
  4539.             height: 13px;
  4540.             width: 13px;
  4541.             border-radius: 50%;
  4542.         }
  4543.         input[type=range]::-moz-range-thumb {
  4544.             -moz-appearance: none !important;
  4545.             background-color: #df7164;
  4546.             border: none;
  4547.             height: 13px;
  4548.             width: 13px;
  4549.             border-radius: 50%;
  4550.         }
  4551.         .input-padrao {
  4552.             width: 100%;
  4553.             height: 50px;
  4554.             position: relative;
  4555.             border-radius: .5rem;
  4556.             font-size: 14px;
  4557.             color: #444;
  4558.             border: solid 2px var(--pale-sky-blue);
  4559.             background-color: #ffffff;
  4560.             padding-top: 18px;
  4561.         }
  4562.         .form-group-float {
  4563.             position: relative;
  4564.             margin: 10px 0px;
  4565.         }
  4566.         .form-group-float label {
  4567.             font-size: 14px;
  4568.             position: absolute;
  4569.             transform-origin: top left;
  4570.             transition: all .1s ease-in-out;
  4571.             z-index: 1;
  4572.             color: #aaa;
  4573.             left: 12px;
  4574.             width: 90%;
  4575.             cursor: text;
  4576.             /*padding-right: 30px;*/
  4577.         }
  4578.         .form-group-float label:not(.label-padrao-menor) {
  4579.             transform: translate(0, 16px) scale(1);
  4580.         }
  4581.         .form-group-float.active label {
  4582.             transform: translate(0, 30%) scale(.90);
  4583.             color: var(--blue-gray);
  4584.             font-size: 12px;
  4585.         }
  4586.         .form-group-float.active input {
  4587.             padding-bottom: 0px;
  4588.             padding-top: 15px;
  4589.         }
  4590.         .mostra-senha {
  4591.             transform: skew(2deg, 0deg);
  4592.             position: absolute;
  4593.             width: 25px;
  4594.             height: 25px;
  4595.             right: 20px;
  4596.             z-index: 2;
  4597.             top: 13px;
  4598.             background: url("../img/icons/icon-eye-show.png") no-repeat center;
  4599.         }
  4600.         .check-ecomm label {
  4601.             display: flex;
  4602.             color: #666;
  4603.             align-items: center;
  4604.             cursor: pointer;
  4605.             margin: 7px 0px;
  4606.         }
  4607.         .check-ecomm input {
  4608.             display: none;
  4609.         }
  4610.         .check-ecomm input:checked + label:before {
  4611.             content: '';
  4612.             position: relative;
  4613.             margin: 0px 7px;
  4614.             width: 25px;
  4615.             min-width: 25px;
  4616.             height: 25px;
  4617.             padding: 4px;
  4618.             border: 2px solid var(--light-navy-blue);
  4619.             border-radius: 4px;
  4620.             background: #315c8e;
  4621.             background-clip: content-box;
  4622.         }
  4623.         .check-ecomm label::before {
  4624.             content: '';
  4625.             position: relative;
  4626.             margin: 0px 7px;
  4627.             width: 25px;
  4628.             height: 25px;
  4629.             border: 2px solid var(--pale-sky-blue);
  4630.             border-radius: 4px;
  4631.         }
  4632.         .check-ecomm label {
  4633.             display: flex;
  4634.             color: #666;
  4635.             align-items: center;
  4636.         }
  4637.         .radio-ecomm {
  4638.             /*min-width: max-content;*/
  4639.         }
  4640.         .radio-ecomm label {
  4641.             display: flex !important;
  4642.             color: #666;
  4643.             align-items: center !important;
  4644.             cursor: pointer;
  4645.         }
  4646.         .radio-ecomm input {
  4647.             display: none;
  4648.         }
  4649.  
  4650.         .radio-ecomm label:before {
  4651.             content: '';
  4652.             position: relative;
  4653.             min-width: 20px;
  4654.             min-height: 20px;
  4655.             margin-right: 5px;
  4656.             border-radius: 50%;
  4657.             float: left;
  4658.             border: 2px solid var(--pale-sky-blue);
  4659.         }
  4660.         .radio-ecomm label:hover:before {
  4661.             border: 2px solid var(--secondary-hover);
  4662.         }
  4663.         .radio-ecomm input:checked + label:before {
  4664.             border: 2px solid var(--light-navy-blue);
  4665.             background: #315c8e;
  4666.             background-clip: content-box;
  4667.             padding:4px;
  4668.         }
  4669.         .radio-ecomm input:checked + label{
  4670.             font-weight: 500;
  4671.             color: var(--light-navy-blue);
  4672.         }
  4673.         .nav-user{
  4674.             position: relative;
  4675.             display: block;
  4676.             background: var(--ice-blue);
  4677.             min-width: 340px;
  4678.             padding: 18px 20px;
  4679.             margin-top: -.5rem;
  4680.         }
  4681.         .nav-user p{
  4682.             color: #444
  4683.         }
  4684.         .nav-user ul {
  4685.             list-style: none;
  4686.             padding: 0;
  4687.             margin-top: 20px;
  4688.         }
  4689.         .nav-user ul li {
  4690.             height: 64px;
  4691.             font-size: 18px;
  4692.             display: flex;
  4693.             align-items: center;
  4694.             border-bottom: 1px solid var(--pale-sky-blue);
  4695.         }
  4696.         .nav-user ul li:last-child{
  4697.             border:0;
  4698.         }
  4699.         .nav-user ul li a {
  4700.             letter-spacing: -0.11px;
  4701.             color: #444;
  4702.             font-weight: 400;
  4703.         }
  4704.         .nav-user ul li.link_ativo a {
  4705.             color: var(--light-navy);
  4706.             font-weight: 700;
  4707.         }
  4708.         .link_ativo img{
  4709.             filter:invert(23%) sepia(94%) saturate(586%) hue-rotate(165deg) brightness(60%) contrast(86%)
  4710.         }
  4711.  
  4712.         .nav-user ul li a:hover {
  4713.             color: var(--light-navy-hover);
  4714.         }
  4715.         /* Switch
  4716.        ========================================================================== */
  4717.         .switch,
  4718.         .switch * {
  4719.             -webkit-tap-highlight-color: transparent;
  4720.             -webkit-user-select: none;
  4721.             -moz-user-select: none;
  4722.             -ms-user-select: none;
  4723.             user-select: none;
  4724.         }
  4725.         .switch label {
  4726.             cursor: pointer;
  4727.             font-weight:600;
  4728.  
  4729.             font-size: 14px;
  4730.             white-space: nowrap;
  4731.         }
  4732.         .switch label input[type=checkbox] {
  4733.             opacity: 0;
  4734.             width: 0;
  4735.             height: 0;
  4736.         }
  4737.         .switch label input[type=checkbox]:checked + .lever {
  4738.             background-color: rgba(61, 133, 198, 0.5);
  4739.         }
  4740.         .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  4741.             left: 18px;
  4742.         }
  4743.         .switch label input[type=checkbox]:checked + .lever:after {
  4744.             background-color: var(--windows-blue);
  4745.             opacity: 1 !important;
  4746.             z-index: 1;
  4747.         }
  4748.         .btn_remove {
  4749.             border: none;
  4750.             width: 20px;
  4751.             height: 20px;
  4752.             box-shadow: none;
  4753.             background: url("../img/icons/icon-trash.png") no-repeat center;
  4754.         }
  4755.         .switch label .lever {
  4756.             content: "";
  4757.             display: inline-block;
  4758.             position: relative;
  4759.             width: 36px;
  4760.             height: 14px;
  4761.             background-color: rgba(0, 0, 0, 0.38);
  4762.             border-radius: 15px;
  4763.             margin-right: 10px;
  4764.             -webkit-transition: background 0.3s ease;
  4765.             transition: background 0.3s ease;
  4766.             vertical-align: middle;
  4767.             margin: 0 16px;
  4768.         }
  4769.         .switch label .lever:before, .switch label .lever:after {
  4770.             content: "";
  4771.             position: absolute;
  4772.             display: inline-block;
  4773.             width: 20px;
  4774.             height: 20px;
  4775.             border-radius: 50%;
  4776.             left: 0;
  4777.             top: -3px;
  4778.             -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
  4779.             transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
  4780.             transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
  4781.             transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
  4782.         }
  4783.         .switch label .lever:before {
  4784.             background-color: rgba(38, 166, 154, 0.15);
  4785.         }
  4786.         .switch label .lever:after {
  4787.             background-color: #F1F1F1;
  4788.             -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  4789.             box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  4790.         }
  4791.         input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
  4792.         input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  4793.             -webkit-transform: scale(2.4);
  4794.             transform: scale(2.4);
  4795.             background-color: rgba(38, 166, 154, 0.15);
  4796.         }
  4797.         input[type=checkbox]:not(:disabled) ~ .lever:active:before,
  4798.         input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  4799.             -webkit-transform: scale(2.4);
  4800.             transform: scale(2.4);
  4801.             background-color: rgba(0, 0, 0, 0.08);
  4802.         }
  4803.         .switch input[type=checkbox][disabled] + .lever {
  4804.             cursor: default;
  4805.             background-color: rgba(0, 0, 0, 0.12);
  4806.         }
  4807.         .switch label input[type=checkbox][disabled] + .lever:after,
  4808.         .switch label input[type=checkbox][disabled]:checked + .lever:after {
  4809.             background-color: #949494;
  4810.         }
  4811.         .foto_user {
  4812.             text-align: center;
  4813.             --opacity: 0;
  4814.             position: relative;
  4815.             display: block;
  4816.         }
  4817.         .foto_user input {
  4818.             display: none;
  4819.         }
  4820.         .foto_user label {
  4821.             width: 110px;
  4822.             height: 110px;
  4823.             border-radius: 50%;
  4824.             cursor: pointer;
  4825.             background-color: #ccc;
  4826.             background-size: contain !important;
  4827.         }
  4828.         .foto_user label:hover {
  4829.             --opacity: 1;
  4830.         }
  4831.         .foto_user > label::before {
  4832.             content: url("../img/icons/icon_camera-user.svg");
  4833.             position: relative;
  4834.             margin: 0 auto;
  4835.             display: block;
  4836.             width: 50px;
  4837.             height: 50px;
  4838.             top: 30px;
  4839.             z-index: 1;
  4840.             opacity: var(--opacity);
  4841.             transition: opacity 0.4s;
  4842.         }
  4843.         .bloco-pedido {
  4844.             font-weight:600;
  4845.             border: 1px solid #d7e1e7;
  4846.             border-radius: 10px;
  4847.         }
  4848.         .header-pedido{
  4849.             border-bottom: 1px solid var(--pale-sky-blue);
  4850.             height: 50px;
  4851.             display: flex;
  4852.             align-items: center;
  4853.             padding: 0px 20px;
  4854.         }
  4855.         .header-pedido *{
  4856.             color:#444;
  4857.             font-weight: 500;
  4858.         }
  4859.         .card-produto , .container_user{
  4860.             padding: 20px;
  4861.             border-radius: 10px;
  4862.             border: 1px solid var(--pale-sky-blue);
  4863.             margin: 10px 0px;
  4864.         }
  4865.         .body-pedido{
  4866.             padding: 20px;
  4867.         }
  4868.         .card-pedido{
  4869.             background: var(--ice-blue);
  4870.             border-radius: 10px;
  4871.             margin: 10px 0px;
  4872.             padding:20px;
  4873.         }
  4874.  
  4875.         @media (min-width: 768px) {
  4876.             .bloco-pedido {
  4877.                 padding: 20px 20px .5rem 20px;
  4878.             }
  4879.  
  4880.             .steps-produto li {
  4881.                 margin-right: 60px;
  4882.             }
  4883.  
  4884.             .steps-produto li::before {
  4885.                 width: 82px;
  4886.                 right: -40px;
  4887.             }
  4888.  
  4889.  
  4890.             .steps-produto div {
  4891.                 width: 100px;
  4892.             }
  4893.         }
  4894.         @media (max-width: 768px) {
  4895.             .bloco-pedido {
  4896.                 padding: 15px;
  4897.             }
  4898.  
  4899.             .steps-produto li {
  4900.                 margin-right: 30px;
  4901.             }
  4902.  
  4903.             .steps-produto li::before {
  4904.                 width: 30px;
  4905.                 right: -40px;
  4906.             }
  4907.  
  4908.  
  4909.             .steps-produto div {
  4910.                 width: 80px;
  4911.             }
  4912.         }
  4913.         .img-produto {
  4914.             border-radius: 1rem;
  4915.             border: 1px dashed var(--pale-sky-blue);
  4916.             transform: skew(-10deg);
  4917.             position: relative;
  4918.             display: flex;
  4919.             align-items: flex-end;
  4920.             min-width: 80px;
  4921.             margin-right: 15px;
  4922.         }
  4923.         .img-produto::after {
  4924.             content: '';
  4925.             position: absolute;
  4926.             width: 100%;
  4927.             height: 100%;
  4928.             top: 5px;
  4929.             left: 5px;
  4930.             border-radius:  1rem;
  4931.             border: 1px solid var(--pale-sky-blue);
  4932.         }
  4933.         .img-produto img {
  4934.             transform: skew(10deg) scale(0.85);
  4935.             margin: 0 auto;
  4936.         }
  4937.         .steps-produto {
  4938.             list-style: none;
  4939.             display: flex;
  4940.             min-height: 100px;
  4941.         }
  4942.         .steps-produto li {
  4943.             width: 50px;
  4944.             height: 50px;
  4945.             border-radius: 6px;
  4946.             border: solid 2.6px var(--windows-blue);
  4947.             background-color: #ffffff;
  4948.             color: var(--windows-blue);
  4949.             transform: skew(-10deg);
  4950.             padding: 6px 10px 10px 8px;
  4951.             font-size: 12px;
  4952.         }
  4953.         .steps-produto div {
  4954.             position: relative;
  4955.             left: -35px;
  4956.             top: 15px;
  4957.             text-align: center;
  4958.         }
  4959.         .steps-produto li img {
  4960.             transform: skew(10deg);
  4961.             filter: invert(46%) sepia(79%) saturate(419%) hue-rotate(167deg) brightness(90%) contrast(91%);
  4962.         }
  4963.         .steps-produto li.active img {
  4964.             filter: none;
  4965.         }
  4966.         .steps-produto li.disabled img {
  4967.             filter: contrast(0.5);
  4968.         }
  4969.         .steps-produto li.active {
  4970.             background-color: var(--windows-blue);
  4971.         }
  4972.         .steps-produto li.active::before {
  4973.             background: var(--pale-sky-blue);
  4974.         }
  4975.         .steps-produto li.disabled {
  4976.             background: #fff;
  4977.             border: solid 2.6px var(--pale-sky-blue);
  4978.             color: var(--pale-sky-blue);
  4979.         }
  4980.         .steps-produto li.disabled::before {
  4981.             background: var(--pale-sky-blue);
  4982.         }
  4983.         .steps-produto li::before {
  4984.             content: '';
  4985.             position: relative;
  4986.             display: block;
  4987.             height: 3px;
  4988.             top: 14px;
  4989.             background: var(--windows-blue);
  4990.         }
  4991.         .steps-produto li:last-child {
  4992.             margin: 0;
  4993.         }
  4994.         .steps-produto li:last-child::before {
  4995.             content: none;
  4996.         }
  4997.         .seta-cima {
  4998.             transform: rotate(180deg);
  4999.         }
  5000.         .input-pesquisa input {
  5001.             height: 35px;
  5002.             font-size: 12px;
  5003.         }
  5004.         .input-pesquisa button {
  5005.             width: 16px;
  5006.             height: 16px;
  5007.             position: absolute;
  5008.             right: 20px;
  5009.             top: 10px;
  5010.             border: none;
  5011.             background: url("../ecommerce_menu/img/desktop/icon-lupa.svg") no-repeat center;
  5012.             background-size: contain;
  5013.         }
  5014.         .btn-localizacao {
  5015.             width: 35px;
  5016.             height: 35px;
  5017.             border-radius: 4px;
  5018.             border: 1px solid var(--pale-sky-blue);
  5019.             background: url("../img/icons/icon-location.png") no-repeat center;
  5020.         }
  5021.         .was-validated .form-control:invalid {
  5022.             background: #fff;
  5023.         }
  5024.         .was-validated .form-control:valid {
  5025.             background: #fff;
  5026.         }
  5027.         /*
  5028.     range costumizado para carrinho
  5029.      */
  5030.  
  5031.         /*
  5032.     range costumizado para carrinho
  5033.      */
  5034.         .select2-selection.select2-selection--single {
  5035.             height: 45px;
  5036.             border: solid 2px var(--pale-sky-blue);
  5037.             border-radius: .5rem;
  5038.         }
  5039.         .select2-selection__rendered {
  5040.             padding-bottom: 0 !important;
  5041.             padding-top: 13px !important;
  5042.             font-size: 12px !important;
  5043.         }
  5044.         .labl {
  5045.             display: block;
  5046.         }
  5047.         .labl > input { /* HIDE RADIO */
  5048.             visibility: hidden; /* Makes input not-clickable */
  5049.             position: absolute; /* Remove input from document flow */
  5050.             float: left;
  5051.         }
  5052.         .labl > input + label { /* DIV STYLES */
  5053.             cursor: pointer;
  5054.         }
  5055.         .labl > input + label {
  5056.             border: 1px solid #b0b9bf;
  5057.         }
  5058.         .labl > input + label:hover, .labl > input:checked + label { /* DIV STYLES */
  5059.             cursor: pointer;
  5060.             /*background-color: #F8FDFF;*/
  5061.             border: 1px solid var(--primary) !important;
  5062.         }
  5063.         .labl > input + label:hover *, .labl > input:checked + label * {
  5064.             color: var(--primary) !important;
  5065.         }
  5066.         .labl > input:checked + label img, .labl > input + label:hover img {
  5067.             filter: invert(77%) sepia(65%) saturate(5221%) hue-rotate(184deg) brightness(81%) contrast(90%);
  5068.         }
  5069.  
  5070.         .labl.was-validated > input:not(:valid) + label {
  5071.             border: 1px solid var(--danger) !important;
  5072.         }
  5073.         .labl.was-validated > input:not(:valid) + label * {
  5074.             color: var(--danger) !important;
  5075.         }
  5076.         .labl.was-validated > input:not(:valid) + label img {
  5077.             filter: invert(26%) sepia(79%) saturate(3152%) hue-rotate(341deg) brightness(99%) contrast(89%);
  5078.         }
  5079.         .carousel-topo .item {
  5080.             margin: 3px;
  5081.         }
  5082.         .carousel-topo .owl-dots {
  5083.             transition: .5s;
  5084.             position: relative;
  5085.             bottom: 30%;
  5086.             height: 20px;
  5087.             margin: -100px auto 100px;
  5088.         }
  5089.         @media (max-width: 760px) {
  5090.             .carousel-topo .owl-dots {
  5091.                 margin-top: -120px;
  5092.             }
  5093.         }
  5094.         .form-group-float label.label-padrao-menor {
  5095.             transform: translate(0, 50%) scale(1);
  5096.             font-size: 14px;
  5097.         }
  5098.         .form-group-float.active label.label-padrao-menor {
  5099.             transform: translate(0, 30%) scale(.90);
  5100.             color: var(--blue-gray);
  5101.             font-size: 14px;
  5102.         }
  5103.         .load {
  5104.             z-index: 10290;
  5105.             width: 100%;
  5106.             height: 100%;
  5107.         }
  5108.         .load::before {
  5109.             content: " ";
  5110.             width: 100%;
  5111.             height: 100%;
  5112.             opacity: 0.5;
  5113.             background: var(--light);
  5114.             position: absolute;
  5115.             top: 0;
  5116.             left: 0;
  5117.             z-index: 10291;
  5118.         }
  5119.         .load::after {
  5120.             content: " ";
  5121.             position: absolute;
  5122.             background: var(--loader-path) no-repeat;
  5123.             top: 30%;
  5124.             left: 40%;
  5125.             background-size: 40%;
  5126.             width: 40%;
  5127.             height: 30%;
  5128.             z-index: 10292;
  5129.         }
  5130.         @media (min-width: 768px) {
  5131.             .load.load-body::after {
  5132.                 left: 45%;
  5133.                 background-size: 30%;
  5134.                 width: 30%;
  5135.                 height: 30%;
  5136.             }
  5137.         }
  5138.         .border-botao-skew {
  5139.             text-align: center;
  5140.             width: 25px;
  5141.             height: 21px;
  5142.             border: 1px solid #083050;
  5143.             transform: skew(-5deg);
  5144.             border-radius: 3px;
  5145.             margin-right: 5px;
  5146.         }
  5147.         .border-botao-skew > * {
  5148.             transform: skew(5deg);
  5149.         }
  5150.         .inactiveLink {
  5151.             pointer-events: none;
  5152.             cursor: default;
  5153.         }
  5154.         .body-sidebar{
  5155.             width: 100%;
  5156.             height: 100%;
  5157.             background: #fff;
  5158.             overflow-x: hidden;
  5159.             position: relative;
  5160.             font-size: 18px;
  5161.         }
  5162.         .sidebar-mobile {
  5163.             position: fixed;
  5164.             width: 80%;
  5165.             left: -100%;
  5166.             transition: left 0.4s;
  5167.             z-index: 30;
  5168.             background: transparent;
  5169.             height: 100%;
  5170.             padding-bottom: 100px;
  5171.  
  5172.         }
  5173.         .header-sidebar{
  5174.             padding: 10px 13px;
  5175.             background: var(--ice-blue);
  5176.         }
  5177.         .header-categoria{
  5178.             display: flex;
  5179.             justify-content: space-between;
  5180.             padding: 10px 13px;
  5181.             min-height: 62px;
  5182.             align-items: center;
  5183.         }
  5184.         .header-categoria p {
  5185.             color:white;
  5186.         }
  5187.         .subcategoria-sidebar * a{
  5188.             color:#444;
  5189.         }
  5190.         .subcategoria-sidebar.active{
  5191.             visibility: visible;
  5192.             z-index: 10;
  5193.         }
  5194.         .padrao-1 .header-categoria{
  5195.             background: var(--mundo-padrao1-2);
  5196.         }
  5197.         .padrao-1 > .item_categoria a{
  5198.             color: var(--mundo-padrao1-2);
  5199.         }
  5200.         .padrao-1 > .item_categoria img{
  5201.             filter: invert(0%) sepia(164%) saturate(914%) hue-rotate(90deg) brightness(92%) contrast(98%);
  5202.         }
  5203.         .padrao-2 .header-categoria{
  5204.             background: var(--mundo-padrao2-2);
  5205.         }
  5206.         .padrao-2 > .item_categoria a{
  5207.             color: var(--mundo-padrao2-2);
  5208.         }
  5209.         .padrao-2 > .item_categoria img{
  5210.             filter: invert(100%) sepia(79%) saturate(835%) hue-rotate(291deg) brightness(108%) contrast(108%);
  5211.         }
  5212.         .padrao-3 .header-categoria{
  5213.             background: var(--mundo-padrao3-1);
  5214.         }
  5215.         .padrao-3 > .item_categoria a{
  5216.             color: var(--mundo-padrao3-1);
  5217.         }
  5218.         .padrao-3 > .item_categoria img{
  5219.             filter: invert(92%) sepia(60%) saturate(171%) hue-rotate(35deg) brightness(116%) contrast(98%);
  5220.         }
  5221.         .padrao-4 .header-categoria{
  5222.             background: var(--mundo-padrao4-1);
  5223.         }
  5224.         .padrao-4 > .item_categoria a{
  5225.             color: var(--mundo-padrao4-1);
  5226.         }
  5227.         .padrao-4 > .item_categoria img{
  5228.             filter: invert(88%) sepia(89%) saturate(3505%) hue-rotate(227deg) brightness(85%) contrast(105%)
  5229.         }
  5230.         .padrao-5 .header-categoria{
  5231.             background: var(--mundo-padrao1-2);
  5232.         }
  5233.         .padrao-5 > .item_categoria a{
  5234.             color: var(--mundo-padrao1-2);
  5235.         }
  5236.         .padrao-5 > .item_categoria img{
  5237.             filter: invert(0%) sepia(164%) saturate(914%) hue-rotate(90deg) brightness(92%) contrast(98%);
  5238.         }
  5239.         .padrao-6 .header-categoria{
  5240.             background: var(--light-navy-blue);
  5241.         }
  5242.         .padrao-6 > .item_categoria a{
  5243.             color: var(--light-navy-blue);
  5244.         }
  5245.         .padrao-6 > .item_categoria img{
  5246.             filter: invert(86%) sepia(14%) saturate(269%) hue-rotate(189deg) brightness(110%) contrast(99%);
  5247.         }
  5248.         .padrao-7 .header-categoria{
  5249.             background: var(--mundo-padrao7-1);
  5250.         }
  5251.         .padrao-7 > .item_categoria a{
  5252.             color: var(--mundo-padrao7-1);
  5253.         }
  5254.         .padrao-7 > .item_categoria img{
  5255.             filter: invert(100%) sepia(820%) saturate(835%) hue-rotate(336deg) brightness(148%) contrast(134%)
  5256.         }
  5257.         .padrao-marcas .header-categoria{
  5258.             background: var(--light-navy-blue);
  5259.         }
  5260.         .padrao-marcas > .item_categoria a{
  5261.             color: var(--light-navy-blue);
  5262.         }
  5263.         .padrao-marcas > .item_categoria img{
  5264.             filter: invert(94%) sepia(2%) saturate(1599%) hue-rotate(188deg) brightness(103%) contrast(99%);
  5265.         }
  5266.         .categorias-sidebar{
  5267.             list-style: none;
  5268.             padding-left: 13px;
  5269.         }
  5270.         .categorias-sidebar > li .item_categoria{
  5271.             position: relative;
  5272.             width: 100%;
  5273.             height: 54px;
  5274.             display: flex;
  5275.             align-items: center;
  5276.         }
  5277.         .categorias-sidebar li{
  5278.             border-bottom: 1px solid var(--ice-blue);
  5279.         }
  5280.         .categorias-sidebar > li > a{
  5281.             height: 52px;
  5282.             display: flex;
  5283.             align-items: center;
  5284.             color: #444;
  5285.         }
  5286.         .back_sidebar{
  5287.             display: flex;
  5288.             margin-left: 15px;
  5289.         }
  5290.         .back_sidebar:before{
  5291.             content: '';
  5292.             position: relative;
  5293.             left: -8px;
  5294.             display: block;
  5295.             width: 10px;
  5296.             height: 10px;
  5297.             border-right: 2px solid #fff;
  5298.             border-top: 2px solid #fff;
  5299.             -moz-transform: rotate(45deg);
  5300.             -ms-transform: rotate(45deg);
  5301.             -webkit-transform: rotate(45deg);
  5302.             -o-transform: rotate(45deg);
  5303.             transform: rotate(-135deg);
  5304.             top: 5px;
  5305.         }
  5306.         .categorias-sidebar .has-children>.item_categoria::after{
  5307.             content: '';
  5308.             position: absolute;
  5309.             right: 28px;
  5310.             width: 10px;
  5311.             height: 10px;
  5312.             top:45%;
  5313.             border-right: 2px solid #727272;
  5314.             border-top: 2px solid #727272;
  5315.             -moz-transform: rotate(45deg);
  5316.             -ms-transform: rotate(45deg);
  5317.             -webkit-transform: rotate(45deg);
  5318.             -o-transform: rotate(45deg);
  5319.             transform: rotate(45deg);
  5320.         }
  5321.         .subcategoria-sidebar{
  5322.             position: absolute;
  5323.             width: 100%;
  5324.             height: 100%;
  5325.             top: 0;
  5326.             left: 0;
  5327.             background: white;
  5328.             visibility: hidden;
  5329.         }
  5330.         .fechar_sidebar {
  5331.             position: absolute;
  5332.             background: none;
  5333.             border: 0;
  5334.             right: 25px;
  5335.             top: 15px;
  5336.             color: #fff;
  5337.             font-weight: 800;
  5338.             font-size: 30px;
  5339.  
  5340.         }
  5341.         .sidebar-mobile > ul li {
  5342.             width: 100%;
  5343.             height: 52px;
  5344.             padding: 10px 0px;
  5345.             display: flex;
  5346.             align-items: center;
  5347.         }
  5348.         .sidebar-mobile > ul > li > a {
  5349.             font-size: 15px;
  5350.             padding: 0px 10px;
  5351.             font-weight: bolder;
  5352.             color: var(--light-navy-blue);
  5353.         }
  5354.         @media (max-width: 1200px) {
  5355.             .nav-user{
  5356.                 min-width: 314px;
  5357.             }
  5358.         }
  5359.         @media (min-width: 1500px) {
  5360.             .nav-user{
  5361.                 min-width: 314px;
  5362.             }
  5363.         }
  5364.         .dropdown-mobile {
  5365.             min-width: 220px !important;
  5366.             left: -58px !important;
  5367.             top: 8px !important;
  5368.         }
  5369.         .dropdown-mobile::before {
  5370.             content: '';
  5371.             position: absolute;
  5372.             border-left: 10px solid transparent;
  5373.             border-right: 10px solid transparent;
  5374.             border-bottom: 10px solid #fff;
  5375.             top: -5px;
  5376.             right: 70px;
  5377.         }
  5378.         .dropdown-mobile ul {
  5379.             list-style: none;
  5380.             padding: 0;
  5381.         }
  5382.         .dropdown-mobile ul li {
  5383.             margin: 11px 17px;
  5384.         }
  5385.         .dropdown-mobile ul li a {
  5386.             font-size: 14px;
  5387.             color: #444;
  5388.         }
  5389.         .was-validated .radio-ecomm input:not(:valid)+label, .radio-ecomm.was-validated input:not(:valid)+label {
  5390.             color: var(--danger) !important;
  5391.         }
  5392.         .was-validated .radio-ecomm input:not(:valid)+label *, .radio-ecomm.was-validated input:not(:valid)+label * {
  5393.             color: var(--danger) !important;
  5394.         }
  5395.         .was-validated .radio-ecomm input:not(:valid)+label:before, .radio-ecomm.was-validated input:not(:valid)+label:before {
  5396.             border-color: var(--danger) !important;
  5397.         }
  5398.         fieldset.was-validated select:not(:valid)+span.select2 .select2-selection {
  5399.             border-color: var(--danger);
  5400.         }
  5401.         .index_letra a:hover{
  5402.             font-weight: 900;
  5403.         }
  5404.         .endereco{
  5405.             border: 1px solid var(--pale-sky-blue);
  5406.             border-radius: 10px;
  5407.             font-weight: 500;
  5408.         }
  5409.         .header-endereco{
  5410.             padding: 15px 20px;
  5411.             font-size: 16px;
  5412.             font-weight: 600;
  5413.             border-bottom: 1px solid var(--pale-sky-blue);
  5414.         }
  5415.         .corpo-endereco{
  5416.             padding: 15px 20px;
  5417.         }
  5418.         .add_endereco-cartao{
  5419.             width: 100%;
  5420.             height: 150px;
  5421.             border: 2px dashed var(--pale-sky-blue);
  5422.             background: none;
  5423.             color: #444;
  5424.             font-size: 12px;
  5425.             display: block;
  5426.             text-align: center;
  5427.             padding-top:17%;
  5428.         }
  5429.         .add_endereco-cartao span{
  5430.             font-size: 30px ;
  5431.             background: var(--amarelo-cliente);
  5432.             width: 45px;
  5433.             height: 45px;
  5434.             margin: 0 auto;
  5435.             border-radius: 50%;
  5436.             margin-bottom: 10px;
  5437.         }
  5438.         .btn_arrow-pedido{
  5439.             width: 30px;
  5440.             height: 30px;
  5441.             background: url("../img/icons/arrow-down_gray.svg") no-repeat center;
  5442.             background-size: contain;
  5443.             border:0;
  5444.             margin-right: 5px;
  5445.         }
  5446.     </style>
  5447.     <style>
  5448.         .first-block{
  5449.             background: var(--ice-blue);
  5450.         }
  5451.  
  5452.         /* classes de estilização do <nav> */
  5453.         .lista-menu{
  5454.             margin: 0;
  5455.             padding: 2px 5px 2px 0px;
  5456.         }
  5457.  
  5458.         .second-block{
  5459.             background: var(--ice-blue);
  5460.             position: relative;
  5461.             transition: background-color 0.2s;
  5462.         }
  5463.         .lista-menu > li {
  5464.             list-style: none;
  5465.             font-size: 11px;
  5466.             line-height: normal;
  5467.             letter-spacing: 0.09px;
  5468.             color: var(--light-navy-blue);
  5469.             margin-right: 50px;
  5470.         }
  5471.         .lista-menu > li:f  irst-child{
  5472.             margin-left: 0;
  5473.         }
  5474.  
  5475.         .login-menu{
  5476.             transform: skew(-10deg,0deg);
  5477.             width: 250px;
  5478.             height: 50px;
  5479.             border-radius: 5.7px;
  5480.             border: solid 1px #b0b9bf;
  5481.             display: flex;
  5482.             align-items: center;
  5483.             font-size: 14px;
  5484.             line-height: normal;
  5485.             letter-spacing: 0.1px;
  5486.             padding: 0px 10px;
  5487.         }
  5488.         .login-menu > * {
  5489.             transform: skew(10deg);
  5490.         }
  5491.         .login-menu a{
  5492.             font-size: 12px;
  5493.             line-height: normal;
  5494.             letter-spacing: 0.1px;
  5495.             color: var(--windows-blue);
  5496.         }
  5497.         .btn-acao{
  5498.             transform: skew(-2deg,0deg);
  5499.             width: 55px;
  5500.             height: 50px;
  5501.             border-radius: 5.7px;
  5502.             border: solid 1px var(--marine);
  5503.             margin-left: 8px;
  5504.         }
  5505.  
  5506.         .contain_item::after{
  5507.             content: attr(data-content);
  5508.             position: absolute;
  5509.             right: -7px;
  5510.             color: white;
  5511.             top: -7px;
  5512.             font-size: 14px;
  5513.             padding: 3px;
  5514.             background: var(--sunflower-yellow);
  5515.             border-radius: 50%;
  5516.             width: 25px;
  5517.             height: 25px;
  5518.             transform: skew(10deg);
  5519.         }
  5520.         .input-busca{
  5521.             height:50px !important;
  5522.             border-radius: 7px;
  5523.         }
  5524.         .bloco-input_lupa button{
  5525.             position: absolute;
  5526.             right: 10px;
  5527.             transform: none;
  5528.             top: 9px;
  5529.         }
  5530.         .bloco-acoes{
  5531.             display: flex;
  5532.             align-self: flex-end;
  5533.             padding-bottom: 20px;
  5534.         }
  5535.         .submenu{
  5536.             background: var(--sunflower-yellow);
  5537.             font-size: 15px;
  5538.             line-height: normal;
  5539.             letter-spacing: 0.11px;
  5540.             color: var(--light-navy);
  5541.         }
  5542.         .item-menu a{
  5543.             color: inherit;
  5544.             font-weight: 500;
  5545.         }
  5546.         .lista-submenu{
  5547.             list-style: none;
  5548.             display: flex;
  5549.             margin: 0;
  5550.             padding-left:3px;
  5551.             position: relative;
  5552.             justify-content: space-between;
  5553.         }
  5554.         .link-submenu {
  5555.             padding: 11px 15px;
  5556.             font-size: 14px;
  5557.         }
  5558.         .link-submenu:first-child{
  5559.             margin-left: 0;
  5560.         }
  5561.         .link-submenu a{
  5562.             color: var(--light-navy);
  5563.             font-weight: 500;
  5564.  
  5565.         }
  5566.         .first-link{
  5567.             text-decoration: none;
  5568.             color: inherit;
  5569.         }
  5570.         /* fim das estilizações do <nav> */
  5571.  
  5572.         /* bloco padrão do dropdown */
  5573.         .tab_submenu{
  5574.             height: 450px;
  5575.             width: 90%;
  5576.             visibility: hidden;
  5577.             opacity: 0;
  5578.             transition: visibility 0.3s, opacity 0.3s linear;
  5579.             position: absolute;
  5580.             display: flex;
  5581.             border-radius: 7px;
  5582.             font-size: 12px;
  5583.             color: var(--marine);
  5584.             z-index: 15;
  5585.             left: 5%;
  5586.             top: 35px;
  5587.         }
  5588.         .tab_submenu > div:first-child{
  5589.             padding: 20px
  5590.         }
  5591.         .tab_submenu::before{
  5592.             content:"";
  5593.             position: absolute;
  5594.             background: url("../img/desktop/torii-todos.png") no-repeat bottom;
  5595.             background-size: contain;
  5596.             width: 60%;
  5597.             height: 100%;
  5598.             bottom: 0px;
  5599.             opacity: 0.03;
  5600.         }
  5601.         .tab_submenu ul{
  5602.             list-style: none;
  5603.             margin: 0;
  5604.             padding: 0;
  5605.         }
  5606.  
  5607.         .link-submenu:hover > .tab_submenu{
  5608.             visibility: visible;
  5609.             opacity: 1;
  5610.         }
  5611.         .link-submenu:hover{
  5612.             border-radius: 5px 5px 0px 0px;
  5613.             transition: 0.3s;
  5614.         }
  5615.         .link-submenu:hover > a{
  5616.             color:#fff;
  5617.             transition: 0.3s;
  5618.         }
  5619.         .item_link{
  5620.             margin-bottom: 12px;
  5621.         }
  5622.  
  5623.         .categoria_link{
  5624.             font-size: 15px;
  5625.             color: var(--marine);
  5626.             padding: 0;
  5627.         }
  5628.         .categoria_link li{
  5629.             margin: 5px 0px;
  5630.             padding-left: 8px;
  5631.         }
  5632.         .categoria_link li a{
  5633.             font-size: 12px;
  5634.             color:var(--blue-gray);
  5635.         }
  5636.         /* fim do bloco padrão do dropdown */
  5637.  
  5638.         /* classe para o dropdown principal */
  5639.         .principal:hover{
  5640.             background-color: var(--light-navy-blue);
  5641.             color: #fff;
  5642.             transition: 0.3s;
  5643.         }
  5644.         .principal i{
  5645.             width: 31px;
  5646.             height: 13px;
  5647.             background: url("../img/desktop/torii.png");
  5648.         }
  5649.         .principal:hover i{
  5650.             width: 31px;
  5651.             height: 13px;
  5652.             background: url("../img/desktop/torii-menu.png");
  5653.             transition: 0.3s;
  5654.         }
  5655.         .principal .tab_submenu{
  5656.             border-top: 2px solid var(--light-navy-blue);
  5657.             border-bottom: 2px solid var(--light-navy-blue);
  5658.             background-color: var(--mundo-marcas-2);
  5659.             left: 0px;
  5660.         }
  5661.         .principal .tab_submenu::before{
  5662.             filter: invert(94%) sepia(2%) saturate(1599%) hue-rotate(188deg) brightness(103%) contrast(99%);
  5663.         }
  5664.         .principal .item_link{
  5665.             width: 20%;
  5666.         }
  5667.         /* Fim do bloco para o dropdown principal */
  5668.  
  5669.         /* bloco para imagem a direita do dropdown */
  5670.         .borda-img-sub{
  5671.             border-radius: 42px;
  5672.             width: 250px;
  5673.             position: relative;
  5674.             height: 250px;
  5675.             border: 1px dotted #ccc;
  5676.             left: -15px;
  5677.             top: -15px;
  5678.         }
  5679.  
  5680.         /* Padrão beleza */
  5681.         .tab-padrao-1:hover{
  5682.             background-color: var(--mundo-padrao1-2);
  5683.             color:#fff;
  5684.         }
  5685.         .tab-padrao-1 .tab_submenu{
  5686.             border-top: 2px solid var(--mundo-padrao1-2);
  5687.             border-bottom: 2px solid var(--mundo-padrao1-2);
  5688.             background-color: var(--mundo-padrao1-1);
  5689.         }
  5690.         .tab-padrao-1 > .tab_submenu::before{
  5691.             filter: invert(0%) sepia(164%) saturate(914%) hue-rotate(90deg) brightness(92%) contrast(98%);
  5692.         }
  5693.         /* Fim padrão beleza */
  5694.         /* padrão dermo */
  5695.         .tab-padrao-2:hover{
  5696.             background-color: var(--mundo-padrao2-2);
  5697.             color:#fff;
  5698.         }
  5699.         .tab-padrao-2 .tab_submenu{
  5700.             border-top: 2px solid var(--mundo-padrao2-2);
  5701.             border-bottom: 2px solid var(--mundo-padrao2-2);
  5702.             background-color: var(--mundo-padrao2-1);
  5703.         }
  5704.         .tab-padrao-2 > .tab_submenu::before{
  5705.             filter: invert(100%) sepia(79%) saturate(835%) hue-rotate(291deg) brightness(108%) contrast(108%);
  5706.         }
  5707.         /* fim padrão dermo */
  5708.  
  5709.         /* Padrão saúde */
  5710.         .tab-padrao-3:hover{
  5711.             background-color: var(--mundo-padrao3-1);
  5712.             color:#fff;
  5713.         }
  5714.         .tab-padrao-3 .tab_submenu{
  5715.             border-top: 2px solid var(--mundo-padrao3-1);
  5716.             border-bottom: 2px solid var(--mundo-padrao3-1);
  5717.             background: var(--mundo-padrao3-2);
  5718.         }
  5719.         .tab-padrao-3 > .tab_submenu::before{
  5720.             filter: invert(92%) sepia(60%) saturate(171%) hue-rotate(35deg) brightness(116%) contrast(98%);
  5721.         }
  5722.         /* fim padrão saúde */
  5723.  
  5724.         /* padrão infantil */
  5725.         .tab-padrao-4:hover{
  5726.             background-color: var(--mundo-padrao4-1);
  5727.             color:#fff;
  5728.         }
  5729.         .tab-padrao-4 .tab_submenu{
  5730.             border-top: 2px solid var(--mundo-padrao4-1);
  5731.             border-bottom: 2px solid var(--mundo-padrao4-1);
  5732.             background: var(--mundo-padrao4-2);
  5733.         }
  5734.         .tab-padrao-4 > .tab_submenu::before{
  5735.             filter: invert(88%) sepia(89%) saturate(3505%) hue-rotate(227deg) brightness(85%) contrast(105%)
  5736.         }
  5737.         /* Fim padrão infantil */
  5738.  
  5739.         /* Padrão Bem estar */
  5740.         .tab-padrao-5:hover{
  5741.             background-color: var(--mundo-padrao1-2);
  5742.             color:#fff;
  5743.         }
  5744.         .tab-padrao-5 .tab_submenu{
  5745.             border-top: 2px solid var(--mundo-padrao1-2);
  5746.             border-bottom: 2px solid var(--mundo-padrao1-2);
  5747.             background: var(--mundo-padrao1-1);
  5748.         }
  5749.         .tab-padrao-5 > .tab_submenu::before{
  5750.             filter: invert(0%) sepia(164%) saturate(914%) hue-rotate(90deg) brightness(92%) contrast(98%);
  5751.         }
  5752.  
  5753.         /* Padrão Bem Higiene */
  5754.         .tab-padrao-6:hover{
  5755.             background-color: var(--light-navy-blue)
  5756.             !important;
  5757.             color:#fff;
  5758.         }
  5759.         .tab-padrao-6 .tab_submenu{
  5760.             border-top: 2px solid var(--light-navy-blue);
  5761.             border-bottom: 2px solid var(--light-navy-blue);
  5762.             background: var(--mundo-padrao1-1);
  5763.         }
  5764.         .tab-padrao-6 > .tab_submenu::before{
  5765.             filter: invert(86%) sepia(14%) saturate(269%) hue-rotate(189deg) brightness(110%) contrast(99%);
  5766.         }
  5767.         /* Padrão Bem Higiene */
  5768.         .tab-padrao-7:hover{
  5769.             background-color: var(--mundo-padrao7-1);
  5770.             color:#fff;
  5771.         }
  5772.         .tab-padrao-7 .tab_submenu{
  5773.             border-top: 2px solid var(--mundo-padrao7-1);
  5774.             border-bottom: 2px solid var(--mundo-padrao7-1);
  5775.             background: var(--mundo-padrao7-2);
  5776.         }
  5777.         .tab-padrao-7 > .tab_submenu::before{
  5778.         invert(100%) sepia(820%) saturate(835%) hue-rotate(336deg) brightness(148%) contrast(134%)
  5779.         }
  5780.         /* Padrão Bem Higiene */
  5781.         .tab-marcas:hover{
  5782.             background-color: var(--light-navy-blue);
  5783.             color:#fff;
  5784.         }
  5785.         .tab-marcas .tab_submenu{
  5786.             border-top: 2px solid var(--light-navy-blue);
  5787.             border-bottom: 2px solid var(--light-navy-blue);
  5788.             background: var(--mundo-marcas-2);
  5789.             left: auto;
  5790.             right: 0;
  5791.             width: auto;
  5792.             height: auto;
  5793.             padding-bottom: 20px;
  5794.         }
  5795.         .tab-marcas > .tab_submenu::before{
  5796.             content: none;
  5797.         }
  5798.         .img_sub{
  5799.             padding: 5px;
  5800.             height: 100%;
  5801.             width: auto;
  5802.         }
  5803.         .marcas_index{
  5804.             min-width: 400px;
  5805.             display: flex;
  5806.             height: 450px;
  5807.         }
  5808.         .body-index{
  5809.             position: relative;
  5810.             display: block;
  5811.             height: 100%;
  5812.             width: 100%;
  5813.         }
  5814.  
  5815.         .marcas_index > ul{
  5816.             padding:0px 10px 0px 55px;
  5817.         }
  5818.         .itens_index{
  5819.             position: absolute;
  5820.             overflow-y: scroll;
  5821.             height: inherit;
  5822.             width: 100%;
  5823.             padding: 0px 30px !important;
  5824.         }
  5825.         .itens_index > li{
  5826.             margin: 30px 0px;
  5827.         }
  5828.         /* background padrão para icon do usuário */
  5829.         .bg_user{
  5830.             width: 40px;
  5831.             height: 40px;
  5832.             border-radius: 50%;
  5833.             background: url("../img/desktop/icon-user.png") no-repeat center;
  5834.             background-color: var(--pale-sky-blue);
  5835.             text-align: center;
  5836.             transform: skew(2deg,0deg);
  5837.         }
  5838.  
  5839.         /* classe que traz o menu para frente ao clicar na busca */
  5840.         .second-block:focus-within {
  5841.             z-index: 25;
  5842.         }
  5843.  
  5844.         /* clase para deixar o body inativo com background escuro */
  5845.         .body-disabled{
  5846.             width: 100%;
  5847.             height: 100%;
  5848.             position: fixed;
  5849.             top: 0;
  5850.             left: 0;
  5851.             background: #0008;
  5852.             z-index: 20;
  5853.             visibility: hidden;
  5854.             transition: visibility 0.3s, opacity 0.3s;
  5855.         }
  5856.         .bloco-input button{
  5857.             position: absolute;
  5858.             right: 5%;
  5859.             top: 15%;
  5860.             padding: 0;
  5861.             transform: none;
  5862.         }
  5863.         .logo-header{
  5864.             width: 340px;
  5865.             height: 101px;
  5866.             background: url("../img/desktop/logo.png") no-repeat center;
  5867.             background-size: contain;
  5868.         }
  5869.  
  5870.         /*   Inicio do css para o header e menu inferior no mobile  */
  5871.  
  5872.         .logo-mobile {
  5873.             width: 160px;
  5874.             height: 50px;
  5875.             background: url("../img/desktop/logo.png") no-repeat center;
  5876.             background-size: contain;
  5877.         }
  5878.         .nav-mobile{
  5879.             position: relative;
  5880.             z-index: 35;
  5881.         }
  5882.         .bloco-header-mobile {
  5883.             align-items: center;
  5884.             background: var(--ice-blue);
  5885.         }
  5886.         .bloco-header-mobile button{
  5887.             width: 42px !important;
  5888.             height: 37px !important;
  5889.             border: none;
  5890.             padding:8px;
  5891.         }
  5892.         .bloco-action_mobile button img{
  5893.             transform: skew(10deg);
  5894.         }
  5895.         .bloco-input-mobile{
  5896.             width: 100%;
  5897.             background: var(--warning);
  5898.             padding: 8px 15px;
  5899.         }
  5900.         .bloco-input-mobile input{
  5901.             height: 35px !important;
  5902.             font-size: 12px;
  5903.         }
  5904.         .bloco-input-mobile button{
  5905.             width: 15px;
  5906.             height: 15px;
  5907.             background: url("../img/desktop/icon-lupa.svg")no-repeat center;
  5908.             background-size: contain;
  5909.             border: none;
  5910.             position: absolute;
  5911.             right: 15px;
  5912.             top: 10px;
  5913.             transform: none;
  5914.         }
  5915.         .nav-bottom{
  5916.             bottom: 0;
  5917.             position: fixed;
  5918.             width: 100%;
  5919.             height: 75px;
  5920.             background: var(--sunflower-yellow);
  5921.             z-index: 2;
  5922.         }
  5923.         .itens_menu-mobile{
  5924.             list-style: none;
  5925.             padding: 0;
  5926.             display: flex;
  5927.         }
  5928.         .itens_menu-mobile li {
  5929.             width: 20%;
  5930.             padding: 10px;
  5931.             text-align: center;
  5932.         }
  5933.         .itens_menu-mobile li a {
  5934.             color: var(--marine);
  5935.             font-size: 8px;
  5936.             letter-spacing: 0.6px;
  5937.             text-transform: uppercase;
  5938.             position: relative;
  5939.         }
  5940.         .item-menu-center {
  5941.             margin-left: 5px;
  5942.             height: 64px;
  5943.             position: relative;
  5944.             top: -6px;
  5945.             background: var(--light-navy-blue);
  5946.             transform: skew(-3deg);
  5947.             border-radius: 7.5px;
  5948.         }
  5949.         .item-menu-center a{
  5950.             top: 5px;
  5951.             color: #fff !important;
  5952.         }
  5953.  
  5954.         @media (max-width: 1600px){
  5955.             .bloco_meio-header{
  5956.                 margin-bottom: 3px;
  5957.             }
  5958.             .img_logo img{
  5959.                 width: 340px;
  5960.                 height: 101px;
  5961.             }
  5962.         }
  5963.         @media (min-width: 1600px){
  5964.             .bloco_meio-header{
  5965.                 margin-bottom: 13.5px;
  5966.             }
  5967.             .img_logo img{
  5968.                 width: 390px;
  5969.                 height: 116px;
  5970.             }
  5971.             .lista-menu {
  5972.                 position: relative;
  5973.                 top: 5px;
  5974.             }
  5975.         }
  5976.         @media (max-width: 1200px){
  5977.             .lista-menu{
  5978.                 justify-content: space-between;
  5979.             }
  5980.             .lista-menu li{
  5981.                 margin:0;
  5982.             }
  5983.             .login-menu{
  5984.                 width: 220px;
  5985.             }
  5986.             #login_logged p:nth-child(1){
  5987.                 font-size: 12px!important;
  5988.             }
  5989.             #login_logged p:nth-child(2), #login_logged p:nth-child(2) a{
  5990.                 font-size: 11px!important;
  5991.             }
  5992.             .link-submenu{
  5993.                 font-size: 12px;
  5994.             }
  5995.             .img_logo img{
  5996.                 width: 316px;
  5997.                 height: 94px;
  5998.             }
  5999.             .bloco_meio-header{
  6000.                 margin-bottom: 0px;
  6001.             }
  6002.         }
  6003.         @media (min-width: 1500px) {
  6004.             .lista-menu{
  6005.                 justify-content: space-between;
  6006.             }
  6007.             .lista-menu li{
  6008.                 margin:0;
  6009.             }
  6010.             .login-menu{
  6011.                 width: 220px;
  6012.             }
  6013.             #login_logged p:nth-child(1){
  6014.                 font-size: 12px!important;
  6015.             }
  6016.             #login_logged p:nth-child(2), #login_logged p:nth-child(2) a{
  6017.                 font-size: 11px!important;
  6018.             }
  6019.             .link-submenu{
  6020.                 font-size: 12px;
  6021.             }
  6022.             .img_logo img{
  6023.                 width: 316px;
  6024.                 height: 94px;
  6025.             }
  6026.             .bloco_meio-header{
  6027.                 margin-bottom: 0px;
  6028.             }
  6029.         }
  6030.         @media (max-width: 768px) {
  6031.             .img_logo img{
  6032.                 width: 100%;
  6033.                 height: auto;
  6034.                 min-height:64px;
  6035.                 min-width:160px;
  6036.             }
  6037.         }
  6038.     </style>
  6039.     <style>
  6040.  
  6041.  
  6042.         html[data-theme="dark"] {
  6043.             --white: #333;
  6044.             --no-white: #333;
  6045.             --white-secondary: #222;
  6046.             --white-secondary-hover: #222;
  6047.             --global-bg-color: #111;
  6048.             --texto: #fcfcfc;
  6049.  
  6050.  
  6051.             --primary: #294d80;
  6052.             --primary-hover: #22406a;
  6053.  
  6054.             --secondary: #808487;
  6055.             --secondary-hover: #575b5e;
  6056.  
  6057.             --success: #9FC44E;
  6058.             --success-hover: #3ea662;
  6059.  
  6060.             --info: #63c2de;
  6061.             --info-hover: #43b6d7;
  6062.  
  6063.             --warning: #ffc107;
  6064.             --warning-hover: #e0a800;
  6065.  
  6066.             --danger: #f86c6b;
  6067.             --danger-hover: #f64846;
  6068.  
  6069.             --light: #444;
  6070.             --light-hover: #333;
  6071.  
  6072.  
  6073.             --muted: var(--warning-hover);
  6074.  
  6075.             --dark-80: rgba(0, 0, 0, 0.8);
  6076.             --dark-50: rgba(0, 0, 0, 0.5);
  6077.             --dark-35: rgba(0, 0, 0, 0.35);
  6078.             --dark-20: rgba(0, 0, 0, 0.2);
  6079.             --dark-10: rgba(0, 0, 0, 0.1);
  6080.  
  6081.             --tabela: #111100;
  6082.             --tabela-hover: #333333;
  6083.  
  6084.         }
  6085.  
  6086.         .list-group-item {
  6087.             background-color: var(--no-white);
  6088.         }
  6089.  
  6090.         /* Green */
  6091.         .bg-green-to-table {
  6092.             background-color: #C4FECB !important;
  6093.             color: #444 !important;
  6094.         }
  6095.         .bg-green-to-table.forte {
  6096.             background-color: #92F89E !important;
  6097.             color: #444 !important;
  6098.         }
  6099.  
  6100.         .btn-green {
  6101.             color: var(--texto);
  6102.             background-color: #92F89E;
  6103.             border-color: #82dc8c;
  6104.         }
  6105.         .btn-green:hover {
  6106.             color: var(--texto);
  6107.             background-color: #82dc8c;
  6108.             border-color: #82dc8c;
  6109.         }
  6110.         .btn-green:focus, .btn-green.focus {
  6111.             box-shadow: 0 0 0 0.2rem;
  6112.         }
  6113.         .btn-green.disabled, .btn-green:disabled {
  6114.             color: var(--texto);
  6115.             background-color: #92F89E;
  6116.             border-color: #92F89E;
  6117.             cursor: default;
  6118.         }
  6119.         .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
  6120.         .show > .btn-green.dropdown-toggle {
  6121.             color: var(--texto);
  6122.             background-color: #92F89E;
  6123.             border-color: #92F89E;
  6124.             cursor: default;
  6125.         }
  6126.         .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
  6127.         .show > .btn-green.dropdown-toggle:focus {
  6128.             box-shadow: 0 0 0 0.2rem;
  6129.             cursor: default;
  6130.         }
  6131.         /* Green */
  6132.  
  6133.         /* Red */
  6134.         .bg-red-to-table {
  6135.             background-color: #FFD6D9 !important;
  6136.             color: #444 !important;
  6137.         }
  6138.         .bg-red-to-table.forte {
  6139.             background-color: #FFBCBC !important;
  6140.             color: #444 !important;
  6141.         }
  6142.         /* btn-danger */
  6143.         /* Red */
  6144.  
  6145.         /* Yellow */
  6146.         .bg-yellow-to-table {
  6147.             background-color: #FFF7BF !important;
  6148.             color: #444 !important;
  6149.         }
  6150.         .bg-yellow-to-table.forte {
  6151.             background-color: #FFF08B !important;
  6152.             color: #444 !important;
  6153.         }
  6154.  
  6155.         .btn-yellow {
  6156.             color: var(--texto);
  6157.             background-color: #FFF08B;
  6158.             border-color: #e9db7f;
  6159.         }
  6160.         .btn-yellow:hover {
  6161.             color: var(--texto);
  6162.             background-color: #e9db7f;
  6163.             border-color: #e9db7f;
  6164.         }
  6165.         .btn-yellow:focus, .btn-yellow.focus {
  6166.             box-shadow: 0 0 0 0.2rem;
  6167.         }
  6168.         .btn-yellow.disabled, .btn-yellow:disabled {
  6169.             color: var(--texto);
  6170.             background-color: #FFF08B;
  6171.             border-color: #FFF08B;
  6172.             cursor: default;
  6173.         }
  6174.         .btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
  6175.         .show > .btn-yellow.dropdown-toggle {
  6176.             color: var(--texto);
  6177.             background-color: #FFF08B;
  6178.             border-color: #FFF08B;
  6179.             cursor: default;
  6180.         }
  6181.         .btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
  6182.         .show > .btn-yellow.dropdown-toggle:focus {
  6183.             box-shadow: 0 0 0 0.2rem;
  6184.             cursor: default;
  6185.         }
  6186.         /* Yellow */
  6187.  
  6188.  
  6189.  
  6190.         /* Blue */
  6191.         .bg-blue-to-table {
  6192.             background-color: #a7cbff !important;
  6193.             color: #444 !important;
  6194.         }
  6195.  
  6196.         .bg-blue-to-table.forte {
  6197.             background-color: #7e8cff !important;
  6198.             color: #444 !important;
  6199.         }
  6200.  
  6201.  
  6202.         .btn-blue {
  6203.             color: var(--texto);
  6204.             background-color: #7e8cff;
  6205.             border-color: #737fe8;
  6206.         }
  6207.         .btn-blue:hover {
  6208.             color: var(--texto);
  6209.             background-color: #737fe8;
  6210.             border-color: #737fe8;
  6211.         }
  6212.         .btn-blue:focus, .btn-blue.focus {
  6213.             box-shadow: 0 0 0 0.2rem;
  6214.         }
  6215.         .btn-blue.disabled, .btn-blue:disabled {
  6216.             color: var(--texto);
  6217.             background-color: #7e8cff;
  6218.             border-color: #7e8cff;
  6219.             cursor: default;
  6220.         }
  6221.         .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
  6222.         .show > .btn-blue.dropdown-toggle {
  6223.             color: var(--texto);
  6224.             background-color: #7e8cff;
  6225.             border-color: #7e8cff;
  6226.             cursor: default;
  6227.         }
  6228.         .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
  6229.         .show > .btn-blue.dropdown-toggle:focus {
  6230.             box-shadow: 0 0 0 0.2rem;
  6231.             cursor: default;
  6232.         }
  6233.         /* Blue Fim */
  6234.  
  6235.  
  6236.         /* Orange */
  6237.         .bg-orange-to-table {
  6238.             background-color: #ffd69c !important;
  6239.             color: #444 !important;
  6240.         }
  6241.         .bg-orange-to-table.forte {
  6242.             background-color: #ffb346 !important;
  6243.             color: #444 !important;
  6244.         }
  6245.  
  6246.         .btn-orange {
  6247.             color: var(--texto);
  6248.             background-color: #ffb346;
  6249.             border-color: #eea741;
  6250.         }
  6251.         .btn-orange:hover {
  6252.             color: var(--texto);
  6253.             background-color: #eea741;
  6254.             border-color: #eea741;
  6255.         }
  6256.         .btn-orange:focus, .btn-orange.focus {
  6257.             box-shadow: 0 0 0 0.2rem;
  6258.         }
  6259.         .btn-orange.disabled, .btn-orange:disabled {
  6260.             color: var(--texto);
  6261.             background-color: #ffb346;
  6262.             border-color: #ffb346;
  6263.             cursor: default;
  6264.         }
  6265.         .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
  6266.         .show > .btn-orange.dropdown-toggle {
  6267.             color: var(--texto);
  6268.             background-color: #ffb346;
  6269.             border-color: #ffb346;
  6270.             cursor: default;
  6271.         }
  6272.         .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
  6273.         .show > .btn-orange.dropdown-toggle:focus {
  6274.             box-shadow: 0 0 0 0.2rem;
  6275.             cursor: default;
  6276.         }
  6277.         /* Orange Fim */
  6278.  
  6279.         .bg-green-to-table.sem-cor, .bg-yellow-to-table.sem-cor, .bg-red-to-table.sem-cor, .bg-blue-to-table.sem-cor, .bg-orange-to-table.sem-cor {
  6280.             background-color: inherit !important;
  6281.         }
  6282.  
  6283.  
  6284.         .modal-content {
  6285.             background-color: var(--no-white);
  6286.         }
  6287.  
  6288.         .text-primary.active {
  6289.             color: var(--texto) !important;
  6290.             font-weight:bold;
  6291.         }
  6292.  
  6293.         .select2-container--bootstrap .select2-selection {
  6294.             background-color: var(--white);
  6295.         }
  6296.         .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  6297.             color: var(--texto);
  6298.         }
  6299.  
  6300.         body {
  6301.             color: var(--texto);
  6302.             background-color: var(--global-bg-color);
  6303.         }
  6304.  
  6305.         hr.dashed {
  6306.             border-top: 1px dashed #DDD;
  6307.         }
  6308.  
  6309.         a {
  6310.             color: var(--primary);
  6311.         }
  6312.  
  6313.         a:hover {
  6314.             color: #167495;
  6315.         }
  6316.  
  6317.         a:not([href]):not([tabindex]) {
  6318.             color: inherit;
  6319.         }
  6320.  
  6321.         a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  6322.             color: inherit;
  6323.         }
  6324.  
  6325.  
  6326.         p {
  6327.             color: var(--texto);
  6328.         }
  6329.  
  6330.         table {
  6331.             color: #333;
  6332.         }
  6333.  
  6334.         caption {
  6335.             color: var(--muted);
  6336.         }
  6337.  
  6338.         thead.thead-dark {
  6339.             background-color: #e8e8e8;
  6340.             box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.1);
  6341.         }
  6342.  
  6343.         thead.thead-dark th {
  6344.             border-right: 1px solid #DDD;
  6345.         }
  6346.  
  6347.         h1, h2, h3, h4, h5, h6,
  6348.         .h1, .h2, .h3, .h4, .h5, .h6 {
  6349.             color: var(--texto);
  6350.         }
  6351.  
  6352.         h4.h4-values {
  6353.             color: var(--texto);
  6354.         }
  6355.  
  6356.         .blockquote-footer {
  6357.             color: var(--muted);
  6358.         }
  6359.  
  6360.         .img-thumbnail {
  6361.             background-color: #ededed;
  6362.             border: 1px solid var(--secondary);
  6363.         }
  6364.  
  6365.         .figure-caption {
  6366.             color: var(--muted);
  6367.         }
  6368.  
  6369.         kbd {
  6370.             background-color: var(--texto);
  6371.         }
  6372.  
  6373.         pre {
  6374.             color: var(--texto);
  6375.         }
  6376.  
  6377.         .form-control {
  6378.             color: #5c6873;
  6379.             border: 1px solid #e4e7ea;
  6380.         }
  6381.  
  6382.         .form-control:focus {
  6383.             color: #5c6873;
  6384.             border-color: #8ad4ee;
  6385.         }
  6386.  
  6387.         .form-control::-webkit-input-placeholder {
  6388.             color: #CCC;
  6389.         }
  6390.  
  6391.         .form-control::-moz-placeholder {
  6392.             color: #CCC;
  6393.         }
  6394.  
  6395.         .form-control:-ms-input-placeholder {
  6396.             color: #CCC;
  6397.         }
  6398.  
  6399.         .form-control::-ms-input-placeholder {
  6400.             color: #CCC;
  6401.         }
  6402.  
  6403.         .form-control::placeholder {
  6404.             color: #CCC;
  6405.         }
  6406.  
  6407.         .form-control:disabled, .form-control[readonly] {
  6408.             background-color: #e4e7ea;
  6409.         }
  6410.  
  6411.         select.form-control:focus::-ms-value {
  6412.             color: #5c6873;
  6413.         }
  6414.  
  6415.         .form-control-plaintext {
  6416.             color: var(--texto);
  6417.         }
  6418.  
  6419.         .form-check-input:disabled ~ .form-check-label {
  6420.             color: var(--muted);
  6421.         }
  6422.  
  6423.         .valid-feedback {
  6424.             color: var(--success);
  6425.         }
  6426.  
  6427.         .was-validated .form-control:valid, .form-control.is-valid, .was-validated
  6428.         .custom-select:valid,
  6429.         .custom-select.is-valid {
  6430.             border-color: var(--success);
  6431.         }
  6432.  
  6433.         .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
  6434.         .custom-select:valid:focus,
  6435.         .custom-select.is-valid:focus {
  6436.             border-color: var(--success);
  6437.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
  6438.         }
  6439.  
  6440.         .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  6441.             color: var(--success);
  6442.         }
  6443.  
  6444.         .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  6445.             color: var(--success);
  6446.         }
  6447.  
  6448.         .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  6449.             background-color: #aadfbd;
  6450.         }
  6451.         .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  6452.             background-color: #72cb91;
  6453.         }
  6454.  
  6455.         .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  6456.             box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
  6457.         }
  6458.  
  6459.         .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  6460.             border-color: var(--success);
  6461.         }
  6462.  
  6463.         .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after {
  6464.             border-color: inherit;
  6465.         }
  6466.  
  6467.         .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  6468.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.25);
  6469.         }
  6470.  
  6471.         .invalid-feedback {
  6472.             color: var(--danger);
  6473.         }
  6474.  
  6475.         .invalid-tooltip {
  6476.             background-color: rgba(248, 108, 107, 0.9);
  6477.         }
  6478.  
  6479.         .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
  6480.         .custom-select:invalid,
  6481.         .custom-select.is-invalid {
  6482.             border-color: var(--danger);
  6483.         }
  6484.  
  6485.         .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
  6486.         .custom-select:invalid:focus,
  6487.         .custom-select.is-invalid:focus {
  6488.             border-color: var(--danger);
  6489.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
  6490.         }
  6491.  
  6492.         .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  6493.             color: var(--danger);
  6494.         }
  6495.  
  6496.         .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  6497.             color: var(--danger);
  6498.         }
  6499.  
  6500.         .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  6501.             background-color: #fee5e5;
  6502.         }
  6503.  
  6504.         .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  6505.             background-color: #fa9c9c;
  6506.         }
  6507.  
  6508.         .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  6509.             box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
  6510.         }
  6511.  
  6512.         .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  6513.             border-color: var(--danger);
  6514.         }
  6515.  
  6516.         .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after {
  6517.             border-color: inherit;
  6518.         }
  6519.  
  6520.         .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  6521.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25);
  6522.         }
  6523.  
  6524.         .btn:not(:disabled):not(.disabled) {
  6525.             cursor: pointer;
  6526.         }
  6527.  
  6528.  
  6529.         .btn-acoes {
  6530.             color: var(--texto);
  6531.             background-color: #74A4BC;
  6532.             border-color: #74A4BC;
  6533.         }
  6534.  
  6535.         .btn-acoes:hover {
  6536.             color: var(--texto);
  6537.             background-color: #648da2;
  6538.             border-color: #648da2;
  6539.         }
  6540.  
  6541.         .btn-acoes:focus, .btn-acoes.focus {
  6542.             box-shadow: 0 0 0 0.2rem rgba(99, 165, 205, 0.5);
  6543.         }
  6544.  
  6545.         .btn-acoes.disabled, .btn-acoes:disabled {
  6546.             color: var(--texto);
  6547.             background-color: #74A4BC;
  6548.             border-color: #74A4BC;
  6549.             cursor: default;
  6550.         }
  6551.  
  6552.         .btn-acoes:not(:disabled):not(.disabled):active, .btn-acoes:not(:disabled):not(.disabled).active,
  6553.         .show > .btn-acoes.dropdown-toggle {
  6554.             color: var(--texto);
  6555.             background-color: #74A4BC;
  6556.             border-color: #74A4BC;
  6557.             cursor: default;
  6558.         }
  6559.  
  6560.         .btn-acoes:not(:disabled):not(.disabled):active:focus, .btn-acoes:not(:disabled):not(.disabled).active:focus,
  6561.         .show > .btn-acoes.dropdown-toggle:focus {
  6562.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6563.             cursor: default;
  6564.         }
  6565.  
  6566.  
  6567.  
  6568.         .btn-tabelas {
  6569.             color: #596874;
  6570.             background-color: #EFF3F5;
  6571.             border-color: #E3E7EA;
  6572.         }
  6573.  
  6574.         .btn-tabelas:hover {
  6575.             color: #596874;
  6576.             background-color: #dce0e2;
  6577.             border-color: #E3E7EA;
  6578.         }
  6579.  
  6580.         .btn-tabelas:focus, .btn-tabelas.focus {
  6581.             box-shadow: 0 0 0 0.2rem rgba(213, 208, 203, 0.5);
  6582.         }
  6583.  
  6584.         .btn-tabelas.disabled, .btn-tabelas:disabled {
  6585.             color: #596874;
  6586.             background-color: #EFF3F5;
  6587.             border-color: #EFF3F5;
  6588.             cursor: default;
  6589.         }
  6590.  
  6591.         .btn-tabelas:not(:disabled):not(.disabled):active, .btn-tabelas:not(:disabled):not(.disabled).active,
  6592.         .show > .btn-tabelas.dropdown-toggle {
  6593.             color: #596874;
  6594.             background-color: #EFF3F5;
  6595.             border-color: #EFF3F5;
  6596.             cursor: default;
  6597.         }
  6598.  
  6599.         .btn-tabelas:not(:disabled):not(.disabled):active:focus, .btn-tabelas:not(:disabled):not(.disabled).active:focus,
  6600.         .show > .btn-tabelas.dropdown-toggle:focus {
  6601.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6602.             cursor: default;
  6603.         }
  6604.  
  6605.         .btn-plus {
  6606.             color: var(--texto);
  6607.             background-color: #36cb68;
  6608.             border-color: #36cb68;
  6609.         }
  6610.  
  6611.         .btn-plus:hover {
  6612.             color: var(--texto);
  6613.             background-color: #2dab58;
  6614.             border-color: #2dab58;
  6615.         }
  6616.  
  6617.         .btn-plus:focus, .btn-plus.focus {
  6618.             box-shadow: 0 0 0 0.2rem rgba(100, 228, 155, 0.5);
  6619.         }
  6620.  
  6621.         .btn-plus.disabled, .btn-plus:disabled {
  6622.             color: var(--texto);
  6623.             background-color: #36cb68;
  6624.             border-color: #36cb68;
  6625.             cursor: default;
  6626.         }
  6627.  
  6628.         .btn-plus:not(:disabled):not(.disabled):active, .btn-plus:not(:disabled):not(.disabled).active,
  6629.         .show > .btn-plus.dropdown-toggle {
  6630.             color: var(--texto);
  6631.             background-color: #36cb68;
  6632.             border-color: #36cb68;
  6633.             cursor: default;
  6634.         }
  6635.  
  6636.         .btn-plus:not(:disabled):not(.disabled):active:focus, .btn-plus:not(:disabled):not(.disabled).active:focus,
  6637.         .show > .btn-plus.dropdown-toggle:focus {
  6638.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6639.             cursor: default;
  6640.         }
  6641.  
  6642.  
  6643.         .btn-primary {
  6644.             background-color: var(--primary);
  6645.             border-color: transparent;
  6646.         }
  6647.  
  6648.         .btn-primary:hover {
  6649.             background-color: var(--primary-hover);
  6650.             border-color: transparent;
  6651.         }
  6652.  
  6653.         .btn-primary:focus, .btn-primary.focus {
  6654.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  6655.         }
  6656.  
  6657.         .btn-primary.disabled, .btn-primary:disabled {
  6658.             color: var(--no-white);
  6659.             background-color: var(--primary);
  6660.             border-color: var(--primary);
  6661.             cursor: default;
  6662.         }
  6663.  
  6664.         .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  6665.         .show > .btn-primary.dropdown-toggle {
  6666.             color: var(--no-white);
  6667.             background-color: var(--primary-hover);
  6668.             border-color: var(--primary-hover);
  6669.             cursor: default;
  6670.         }
  6671.  
  6672.         .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  6673.         .show > .btn-primary.dropdown-toggle:focus {
  6674.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  6675.             cursor: default;
  6676.         }
  6677.  
  6678.         .btn-navy {
  6679.             background-color: var(--light-navy-blue);
  6680.             border-color: transparent;
  6681.         }
  6682.  
  6683.         .btn-navy:hover {
  6684.             background-color: var(--light-navy-blue-hover);
  6685.  
  6686.             border-color: transparent;
  6687.         }
  6688.  
  6689.         .btn-navy:focus, .btn-navy.focus {
  6690.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  6691.         }
  6692.  
  6693.         .btn-navy.disabled, .btn-navy:disabled {
  6694.             color: var(--no-white);
  6695.             background-color: var(--light-navy-blue);
  6696.             border-color: var(--light-navy-blue);
  6697.             cursor: default;
  6698.         }
  6699.  
  6700.         .btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active,
  6701.         .show > .btn-navy.dropdown-toggle {
  6702.             color: var(--no-white);
  6703.             background-color: var(--light-navy-blue-hover);
  6704.             border-color: var(--light-navy-blue-hover);
  6705.             cursor: default;
  6706.         }
  6707.  
  6708.         .btn-navy:not(:disabled):not(.disabled):active:focus, .btn-navy:not(:disabled):not(.disabled).active:focus,
  6709.         .show > .btn-navy.dropdown-toggle:focus {
  6710.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  6711.             cursor: default;
  6712.         }
  6713.  
  6714.         .btn-secondary {
  6715.             color: var(--texto);
  6716.             background-color: var(--secondary);
  6717.             border-color: var(--secondary);
  6718.         }
  6719.  
  6720.         .btn-secondary:hover {
  6721.             color: var(--texto);
  6722.             background-color: var(--secondary-hover);
  6723.             border-color: #acb5bc;
  6724.         }
  6725.  
  6726.         .btn-secondary:focus, .btn-secondary.focus {
  6727.             box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
  6728.         }
  6729.  
  6730.         .btn-secondary.disabled, .btn-secondary:disabled {
  6731.             color: var(--texto);
  6732.             background-color: var(--secondary);
  6733.             border-color: var(--secondary);
  6734.             cursor: default;
  6735.         }
  6736.  
  6737.         .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  6738.         .show > .btn-secondary.dropdown-toggle {
  6739.             color: var(--texto);
  6740.             background-color: #acb5bc;
  6741.             border-color: #a5aeb7;
  6742.             cursor: default;
  6743.         }
  6744.  
  6745.         .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
  6746.         .show > .btn-secondary.dropdown-toggle:focus {
  6747.             box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
  6748.             cursor: default;
  6749.         }
  6750.  
  6751.         .btn-success {
  6752.             color: var(--no-white);
  6753.             background-color: var(--success);
  6754.             border-color: var(--success);
  6755.         }
  6756.  
  6757.         .btn-success:hover {
  6758.             color: var(--no-white);
  6759.             background-color: var(--success-hover);
  6760.             border-color: #3a9d5d;
  6761.         }
  6762.  
  6763.         .btn-success:focus, .btn-success.focus {
  6764.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
  6765.         }
  6766.  
  6767.         .btn-success.disabled, .btn-success:disabled {
  6768.             color: var(--no-white);
  6769.             background-color: var(--success);
  6770.             border-color: var(--success);
  6771.             cursor: default;
  6772.         }
  6773.  
  6774.         .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  6775.         .show > .btn-success.dropdown-toggle {
  6776.             color: var(--no-white);
  6777.             background-color: #3a9d5d;
  6778.             border-color: #379457;
  6779.             cursor: default;
  6780.         }
  6781.  
  6782.         .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
  6783.         .show > .btn-success.dropdown-toggle:focus {
  6784.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
  6785.             cursor: default;
  6786.         }
  6787.  
  6788.         .btn-info {
  6789.             color: var(--texto);
  6790.             background-color: var(--info);
  6791.             border-color: var(--info);
  6792.         }
  6793.  
  6794.         .btn-info:hover {
  6795.             color: var(--texto);
  6796.             background-color: var(--info-hover);
  6797.             border-color: #39b2d5;
  6798.         }
  6799.  
  6800.         .btn-info:focus, .btn-info.focus {
  6801.             box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
  6802.         }
  6803.  
  6804.         .btn-info.disabled, .btn-info:disabled {
  6805.             color: var(--texto);
  6806.             background-color: var(--info);
  6807.             border-color: var(--info);
  6808.             cursor: default;
  6809.         }
  6810.  
  6811.         .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  6812.         .show > .btn-info.dropdown-toggle {
  6813.             color: var(--no-white);
  6814.             background-color: #39b2d5;
  6815.             border-color: #2eadd3;
  6816.             cursor: default;
  6817.         }
  6818.  
  6819.         .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
  6820.         .show > .btn-info.dropdown-toggle:focus {
  6821.             box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
  6822.             cursor: default;
  6823.         }
  6824.  
  6825.  
  6826.         .btn-warning {
  6827.             color: var(--texto);
  6828.             background-color: var(--warning);
  6829.             border-color: var(--warning);
  6830.         }
  6831.  
  6832.         .btn-warning:hover {
  6833.             color: var(--texto);
  6834.             background-color: var(--warning-hover);
  6835.             border-color: #d39e00;
  6836.         }
  6837.  
  6838.         .btn-warning:focus, .btn-warning.focus {
  6839.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6840.         }
  6841.  
  6842.         .btn-warning.disabled, .btn-warning:disabled {
  6843.             color: var(--texto);
  6844.             background-color: var(--warning);
  6845.             border-color: var(--warning);
  6846.             cursor: default;
  6847.         }
  6848.  
  6849.         .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  6850.         .show > .btn-warning.dropdown-toggle {
  6851.             color: var(--texto);
  6852.             background-color: #d39e00;
  6853.             border-color: #c69500;
  6854.             cursor: default;
  6855.         }
  6856.  
  6857.         .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
  6858.         .show > .btn-warning.dropdown-toggle:focus {
  6859.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6860.             cursor: default;
  6861.         }
  6862.  
  6863.         .btn-filter-advanced {
  6864.             color: #FDD692;
  6865.             background-color: #FDD692;
  6866.             /*border-color: var(--warning);*/
  6867.         }
  6868.  
  6869.         .btn-filter-advanced:hover {
  6870.             color: #FDD692;
  6871.             background-color: #FDD692;
  6872.             /*border-color: #d39e00;*/
  6873.         }
  6874.  
  6875.         .btn-filter-advanced:focus, .btn-filter-advanced.focus {
  6876.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6877.         }
  6878.  
  6879.         .btn-filter-advanced.disabled, .btn-filter-advanced:disabled {
  6880.             color: #FDD692;
  6881.             background-color: #FDD692;
  6882.             /*border-color: var(--warning);*/
  6883.             cursor: default;
  6884.         }
  6885.  
  6886.         .btn-filter-advanced:not(:disabled):not(.disabled):active, .btn-filter-advanced:not(:disabled):not(.disabled).active,
  6887.         .show > .btn-filter-advanced.dropdown-toggle {
  6888.             color: #FDD692;
  6889.             background-color: #FDD692;
  6890.             border-color: #c69500;
  6891.             cursor: default;
  6892.         }
  6893.  
  6894.         .btn-filter-advanced:not(:disabled):not(.disabled):active:focus, .btn-filter-advanced:not(:disabled):not(.disabled).active:focus,
  6895.         .show > .btn-filter-advanced.dropdown-toggle:focus {
  6896.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6897.             cursor: default;
  6898.         }
  6899.  
  6900.         .btn-clear-filter {
  6901.             color: #EDA56B;
  6902.             background-color: #EDA56B;
  6903.             /*border-color: var(--warning);*/
  6904.         }
  6905.  
  6906.         .btn-clear-filter:hover {
  6907.             color: #EDA56B;
  6908.             background-color: #EDA56B;
  6909.             /*border-color: #d39e00;*/
  6910.         }
  6911.  
  6912.         .btn-clear-filter:focus, .btn-clear-filter.focus {
  6913.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6914.         }
  6915.  
  6916.         .btn-clear-filter.disabled, .btn-clear-filter:disabled {
  6917.             color: #EDA56B;
  6918.             background-color: #EDA56B;
  6919.             /*border-color: var(--warning);*/
  6920.             cursor: default;
  6921.         }
  6922.  
  6923.         .btn-clear-filter:not(:disabled):not(.disabled):active, .btn-clear-filter:not(:disabled):not(.disabled).active,
  6924.         .show > .btn-clear-filter.dropdown-toggle {
  6925.             color: #EDA56B;
  6926.             background-color: #EDA56B;
  6927.             border-color: #EDA56B;
  6928.             cursor: default;
  6929.         }
  6930.  
  6931.         .btn-clear-filter:not(:disabled):not(.disabled):active:focus, .btn-clear-filter:not(:disabled):not(.disabled).active:focus,
  6932.         .show > .btn-clear-filter.dropdown-toggle:focus {
  6933.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  6934.             cursor: default;
  6935.         }
  6936.  
  6937.         .btn-danger {
  6938.             color: var(--no-white);
  6939.             background-color: var(--danger);
  6940.             border-color: var(--danger);
  6941.         }
  6942.  
  6943.         .btn-danger:hover {
  6944.             color: var(--no-white);
  6945.             background-color: var(--danger-hover);
  6946.             border-color: #f63c3a;
  6947.         }
  6948.  
  6949.         .btn-danger:focus, .btn-danger.focus {
  6950.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
  6951.         }
  6952.  
  6953.         .btn-danger.disabled, .btn-danger:disabled {
  6954.             color: var(--no-white);
  6955.             background-color: var(--danger);
  6956.             border-color: var(--danger);
  6957.             cursor: default;
  6958.         }
  6959.  
  6960.         .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  6961.         .show > .btn-danger.dropdown-toggle {
  6962.             color: var(--no-white);
  6963.             background-color: #f63c3a;
  6964.             border-color: #f5302e;
  6965.             cursor: default;
  6966.         }
  6967.  
  6968.         .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
  6969.         .show > .btn-danger.dropdown-toggle:focus {
  6970.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
  6971.             cursor: default;
  6972.         }
  6973.  
  6974.         .btn-light {
  6975.             color: var(--texto);
  6976.             background-color: var(--light);
  6977.             border-color: var(--light);
  6978.         }
  6979.  
  6980.         .btn-light:hover {
  6981.             color: var(--texto);
  6982.             background-color: var(--light-hover);
  6983.             border-color: #d1dbe1;
  6984.         }
  6985.  
  6986.         .btn-white {
  6987.             color: #666;
  6988.             background-color: var(--no-white);
  6989.             border-color: var(--light-hover);
  6990.         }
  6991.  
  6992.         .btn-white:hover {
  6993.             color: #666;
  6994.             background-color: var(--no-white);
  6995.             border-color: #EEE;
  6996.         }
  6997.  
  6998.         .btn-light:focus, .btn-light.focus {
  6999.             box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
  7000.         }
  7001.  
  7002.         .btn-light.disabled, .btn-light:disabled {
  7003.             color: var(--texto);
  7004.             background-color: var(--light);
  7005.             border-color: var(--light);
  7006.             cursor: default;
  7007.         }
  7008.  
  7009.         .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  7010.         .show > .btn-light.dropdown-toggle {
  7011.             color: var(--texto);
  7012.             background-color: #d1dbe1;
  7013.             border-color: #cad4dc;
  7014.             cursor: default;
  7015.         }
  7016.  
  7017.         .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
  7018.         .show > .btn-light.dropdown-toggle:focus {
  7019.             box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
  7020.             cursor: default;
  7021.         }
  7022.  
  7023.         .btn-dark {
  7024.             color: var(--no-white);
  7025.             background-color: #2f353a;
  7026.             border-color: #2f353a;
  7027.         }
  7028.  
  7029.         .btn-dark:hover {
  7030.             color: var(--no-white);
  7031.             background-color: #1e2225;
  7032.             border-color: #181b1e;
  7033.         }
  7034.  
  7035.         .btn-dark:focus, .btn-dark.focus {
  7036.             box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
  7037.         }
  7038.  
  7039.         .btn-dark.disabled, .btn-dark:disabled {
  7040.             color: var(--no-white);
  7041.             background-color: #2f353a;
  7042.             border-color: #2f353a;
  7043.             cursor: default;
  7044.         }
  7045.  
  7046.         .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  7047.         .show > .btn-dark.dropdown-toggle {
  7048.             color: var(--no-white);
  7049.             background-color: #181b1e;
  7050.             border-color: #121517;
  7051.             cursor: default;
  7052.         }
  7053.  
  7054.         .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
  7055.         .show > .btn-dark.dropdown-toggle:focus {
  7056.             box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
  7057.             cursor: default;
  7058.         }
  7059.  
  7060.         .btn-outline-primary {
  7061.             color: var(--outline-primary);
  7062.             background-color: var(--outline-primary);
  7063.             background-image: none;
  7064.             border-color: var(--primary);
  7065.         }
  7066.  
  7067.         .btn-outline-primary:hover {
  7068.             color: var(--primary);
  7069.             background-color: var(--outline-primary-hover);
  7070.             border-color: var(--primary);
  7071.         }
  7072.  
  7073.         .btn-outline-primary:focus, .btn-outline-primary.focus {
  7074.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  7075.         }
  7076.  
  7077.         .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  7078.             color: var(--primary);
  7079.             background-color: transparent;
  7080.             cursor: default;
  7081.         }
  7082.  
  7083.         .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  7084.         .show > .btn-outline-primary.dropdown-toggle {
  7085.             color: var(--no-white);
  7086.             background-color: var(--primary);
  7087.             border-color: var(--primary);
  7088.             cursor: default;
  7089.         }
  7090.  
  7091.         .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  7092.         .show > .btn-outline-primary.dropdown-toggle:focus {
  7093.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  7094.             cursor: default;
  7095.         }
  7096.  
  7097.         .btn-outline-secondary {
  7098.             color: #888;
  7099.             background-color: transparent;
  7100.             background-image: none;
  7101.             border-color: var(--secondary);
  7102.         }
  7103.  
  7104.         .btn-outline-secondary:hover {
  7105.             color: #888;
  7106.             background-color: var(--secondary-hover);
  7107.             border-color: #CCC;
  7108.         }
  7109.  
  7110.         .btn-outline-secondary:focus, .btn-outline-secondary.focus {
  7111.             box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
  7112.         }
  7113.  
  7114.         .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  7115.             color: var(--secondary);
  7116.             background-color: transparent;
  7117.             cursor: default;
  7118.         }
  7119.  
  7120.         .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  7121.         .show > .btn-outline-secondary.dropdown-toggle {
  7122.             color: var(--texto);
  7123.             background-color: var(--secondary);
  7124.             border-color: var(--secondary);
  7125.             cursor: default;
  7126.         }
  7127.  
  7128.         .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  7129.         .show > .btn-outline-secondary.dropdown-toggle:focus {
  7130.             box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
  7131.             cursor: default;
  7132.         }
  7133.  
  7134.         .btn-outline-success {
  7135.             color: var(--success);
  7136.             background-color: transparent;
  7137.             background-image: none;
  7138.             border-color: var(--success);
  7139.         }
  7140.  
  7141.         .btn-outline-success:hover {
  7142.             color: var(--success);
  7143.             background-color: var(--success-hover);
  7144.             border-color: #C2E771;
  7145.         }
  7146.  
  7147.         .btn-outline-success:focus, .btn-outline-success.focus {
  7148.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
  7149.         }
  7150.  
  7151.         .btn-outline-success.disabled, .btn-outline-success:disabled {
  7152.             color: var(--success);
  7153.             background-color: transparent;
  7154.             cursor: default;
  7155.         }
  7156.  
  7157.         .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  7158.         .show > .btn-outline-success.dropdown-toggle {
  7159.             color: var(--no-white);
  7160.             background-color: var(--success);
  7161.             border-color: var(--success);
  7162.             cursor: default;
  7163.         }
  7164.  
  7165.         .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  7166.         .show > .btn-outline-success.dropdown-toggle:focus {
  7167.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
  7168.             cursor: default;
  7169.         }
  7170.  
  7171.         .btn-outline-info {
  7172.             color: var(--info);
  7173.             background-color: transparent;
  7174.             background-image: none;
  7175.             border-color: var(--info);
  7176.         }
  7177.  
  7178.         .btn-outline-info:hover {
  7179.             color: var(--texto);
  7180.             background-color: var(--info);
  7181.             border-color: var(--info);
  7182.         }
  7183.  
  7184.         .btn-outline-info:focus, .btn-outline-info.focus {
  7185.             box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
  7186.         }
  7187.  
  7188.         .btn-outline-info.disabled, .btn-outline-info:disabled {
  7189.             color: var(--info);
  7190.             background-color: transparent;
  7191.             cursor: default;
  7192.         }
  7193.  
  7194.         .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  7195.         .show > .btn-outline-info.dropdown-toggle {
  7196.             color: var(--texto);
  7197.             background-color: var(--info);
  7198.             border-color: var(--info);
  7199.             cursor: default;
  7200.         }
  7201.  
  7202.         .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  7203.         .show > .btn-outline-info.dropdown-toggle:focus {
  7204.             box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
  7205.             cursor: default;
  7206.         }
  7207.  
  7208.         .btn-outline-warning {
  7209.             color: var(--warning);
  7210.             background-color: transparent;
  7211.             background-image: none;
  7212.             border-color: var(--warning);
  7213.         }
  7214.  
  7215.         .btn-outline-warning:hover {
  7216.             color: var(--texto);
  7217.             background-color: var(--warning);
  7218.             border-color: var(--warning);
  7219.         }
  7220.  
  7221.         .btn-outline-warning:focus, .btn-outline-warning.focus {
  7222.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  7223.         }
  7224.  
  7225.         .btn-outline-warning.disabled, .btn-outline-warning:disabled {
  7226.             color: var(--warning);
  7227.             cursor: default;
  7228.         }
  7229.  
  7230.         .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  7231.         .show > .btn-outline-warning.dropdown-toggle {
  7232.             color: var(--texto);
  7233.             background-color: var(--warning);
  7234.             border-color: var(--warning);
  7235.             cursor: default;
  7236.         }
  7237.  
  7238.         .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  7239.         .show > .btn-outline-warning.dropdown-toggle:focus {
  7240.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  7241.             cursor: default;
  7242.         }
  7243.  
  7244.         .btn-outline-danger {
  7245.             color: var(--danger);
  7246.             background-color: transparent;
  7247.             background-image: none;
  7248.             border-color: var(--danger);
  7249.         }
  7250.  
  7251.         .btn-outline-danger:hover {
  7252.             color: var(--no-white);
  7253.             background-color: var(--danger);
  7254.             border-color: var(--danger);
  7255.         }
  7256.  
  7257.         .btn-outline-danger:focus, .btn-outline-danger.focus {
  7258.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
  7259.         }
  7260.  
  7261.         .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  7262.             color: var(--danger);
  7263.             cursor: default;
  7264.         }
  7265.  
  7266.         .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  7267.         .show > .btn-outline-danger.dropdown-toggle {
  7268.             color: var(--no-white);
  7269.             background-color: var(--danger);
  7270.             border-color: var(--danger);
  7271.             cursor: default;
  7272.         }
  7273.  
  7274.         .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  7275.         .show > .btn-outline-danger.dropdown-toggle:focus {
  7276.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
  7277.             cursor: default;
  7278.         }
  7279.  
  7280.         .btn-outline-light {
  7281.             color: var(--light);
  7282.             background-color: transparent;
  7283.             background-image: none;
  7284.             border-color: #e6e6e6;
  7285.         }
  7286.  
  7287.         .btn-outline-light:hover {
  7288.             color: var(--texto);
  7289.             background-color: var(--light);
  7290.             border-color: var(--light);
  7291.         }
  7292.  
  7293.         .btn-outline-light:focus, .btn-outline-light.focus {
  7294.             box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
  7295.         }
  7296.  
  7297.         .btn-outline-light.disabled, .btn-outline-light:disabled {
  7298.             color: var(--light);
  7299.             background-color: transparent;
  7300.             cursor: default;
  7301.         }
  7302.  
  7303.         .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  7304.         .show > .btn-outline-light.dropdown-toggle {
  7305.             color: var(--texto);
  7306.             background-color: var(--light);
  7307.             border-color: var(--light);
  7308.             cursor: default;
  7309.         }
  7310.  
  7311.         .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  7312.         .show > .btn-outline-light.dropdown-toggle:focus {
  7313.             box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
  7314.             cursor: default;
  7315.         }
  7316.  
  7317.         .btn-outline-dark {
  7318.             color: var(--texto);
  7319.             background-color: transparent;
  7320.             background-image: none;
  7321.             border-color: var(--texto);
  7322.         }
  7323.  
  7324.         .btn-outline-dark:hover {
  7325.             color: var(--no-white);
  7326.             background-color: var(--texto);
  7327.             border-color: var(--texto);
  7328.         }
  7329.  
  7330.         .btn-outline-dark:focus, .btn-outline-dark.focus {
  7331.             box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
  7332.         }
  7333.  
  7334.         .btn-outline-dark.disabled, .btn-outline-dark:disabled {
  7335.             color: #2f353a;
  7336.             background-color: transparent;
  7337.             cursor: default;
  7338.         }
  7339.  
  7340.         .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  7341.         .show > .btn-outline-dark.dropdown-toggle {
  7342.             color: var(--no-white);
  7343.             background-color: #2f353a;
  7344.             border-color: #2f353a;
  7345.             cursor: default;
  7346.         }
  7347.  
  7348.         .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  7349.         .show > .btn-outline-dark.dropdown-toggle:focus {
  7350.             box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
  7351.             cursor: default;
  7352.         }
  7353.  
  7354.         .btn-link {
  7355.             color: var(--primary);
  7356.             background-color: transparent;
  7357.         }
  7358.  
  7359.         .btn-link:hover {
  7360.             color: #167495;
  7361.             background-color: transparent;
  7362.             border-color: transparent;
  7363.         }
  7364.  
  7365.         .btn-link:focus, .btn-link.focus {
  7366.             border-color: transparent;
  7367.         }
  7368.  
  7369.         .btn-link:disabled, .btn-link.disabled {
  7370.             color: var(--muted);
  7371.             cursor: default;
  7372.         }
  7373.  
  7374.         .dropdown-menu {
  7375.             color: #333;
  7376.             border: 1px solid var(--secondary);
  7377.         }
  7378.         .dropdown-menu2 {
  7379.             color: #333;
  7380.             background-color: var(--no-white);
  7381.             border: 1px solid var(--secondary);
  7382.         }
  7383.  
  7384.         .dropdown-divider {
  7385.             border-top: 1px solid #e4e7ea;
  7386.         }
  7387.  
  7388.         .dropdown-item {
  7389.             color: var(--texto);
  7390.         }
  7391.  
  7392.         .dropdown-item:hover, .dropdown-item:focus {
  7393.             color: #181b1e;
  7394.             background-color: var(--light);
  7395.         }
  7396.  
  7397.         .dropdown-item.active, .dropdown-item:active {
  7398.             background-color: var(--primary);
  7399.         }
  7400.  
  7401.         .dropdown-item.disabled, .dropdown-item:disabled {
  7402.             color: var(--muted);
  7403.             cursor: default;
  7404.         }
  7405.  
  7406.         .dropdown-item-text {
  7407.             color: var(--texto);
  7408.         }
  7409.  
  7410.         .input-group-text {
  7411.             color: #5c6873;
  7412.             background-color: var(--light);
  7413.             border: 1px solid #e4e7ea;
  7414.         }
  7415.  
  7416.         .custom-control-input:checked ~ .custom-control-label::before {
  7417.             color: var(--no-white);
  7418.             background-color: var(--primary);
  7419.         }
  7420.  
  7421.         .custom-control-input:focus ~ .custom-control-label::before {
  7422.             box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
  7423.         }
  7424.  
  7425.         .custom-control-input:active ~ .custom-control-label::before {
  7426.             color: var(--no-white);
  7427.             background-color: #b6e4f4;
  7428.         }
  7429.  
  7430.         .custom-control-input:disabled ~ .custom-control-label {
  7431.             color: var(--muted);
  7432.             cursor: default;
  7433.         }
  7434.  
  7435.         .custom-control-input:disabled ~ .custom-control-label::before {
  7436.             background-color: #e4e7ea;
  7437.             cursor: default;
  7438.         }
  7439.  
  7440.         .custom-control-label::before {
  7441.             background-color: var(--secondary);
  7442.         }
  7443.  
  7444.         .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  7445.             background-color: var(--primary);
  7446.         }
  7447.  
  7448.         .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  7449.             background-color: var(--primary);
  7450.         }
  7451.  
  7452.         .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  7453.             background-color: rgba(32, 168, 216, 0.5);
  7454.             cursor: default;
  7455.         }
  7456.  
  7457.         .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  7458.             background-color: rgba(32, 168, 216, 0.5);
  7459.             cursor: default;
  7460.         }
  7461.  
  7462.         .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  7463.             background-color: var(--primary);
  7464.         }
  7465.  
  7466.         .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  7467.             background-color: rgba(32, 168, 216, 0.5);
  7468.             cursor: default;
  7469.         }
  7470.  
  7471.         .custom-select {
  7472.             color: #5c6873;
  7473.             border: 1px solid #e4e7ea;
  7474.         }
  7475.  
  7476.         .custom-select:focus {
  7477.             border-color: #8ad4ee;
  7478.             box-shadow: 0 0 0 0.2rem rgba(138, 212, 238, 0.5);
  7479.         }
  7480.  
  7481.         .custom-select:focus::-ms-value {
  7482.             color: #5c6873;
  7483.         }
  7484.  
  7485.         .custom-select:disabled {
  7486.             color: var(--muted);
  7487.             background-color: #e4e7ea;
  7488.             cursor: default;
  7489.         }
  7490.  
  7491.         .custom-file-input:focus ~ .custom-file-label {
  7492.             border-color: #8ad4ee;
  7493.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
  7494.         }
  7495.  
  7496.         .custom-file-input:focus ~ .custom-file-label::after {
  7497.             border-color: #8ad4ee;
  7498.         }
  7499.  
  7500.         .custom-file-input:disabled ~ .custom-file-label {
  7501.             background-color: #e4e7ea;
  7502.             cursor: default;
  7503.         }
  7504.  
  7505.         .custom-file-label {
  7506.             cursor: pointer !important;
  7507.             color: #5c6873;
  7508.             border: 1px solid #e4e7ea;
  7509.         }
  7510.  
  7511.         .custom-file-label::after {
  7512.             color: #5c6873;
  7513.             background-color: var(--light);
  7514.             border-left: 1px solid #e4e7ea;
  7515.         }
  7516.  
  7517.         .custom-range:focus::-webkit-slider-thumb {
  7518.             box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
  7519.         }
  7520.  
  7521.         .custom-range:focus::-moz-range-thumb {
  7522.             box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
  7523.         }
  7524.  
  7525.         .custom-range:focus::-ms-thumb {
  7526.             box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
  7527.         }
  7528.  
  7529.         .custom-range::-webkit-slider-thumb {
  7530.             background-color: var(--primary);
  7531.         }
  7532.  
  7533.         .custom-range::-webkit-slider-thumb:active {
  7534.             background-color: #b6e4f4;
  7535.         }
  7536.  
  7537.         .custom-range::-webkit-slider-runnable-track {
  7538.             background-color: var(--secondary);
  7539.         }
  7540.  
  7541.         .custom-range::-moz-range-thumb {
  7542.             background-color: var(--primary);
  7543.         }
  7544.  
  7545.         .custom-range::-moz-range-thumb:active {
  7546.             background-color: #b6e4f4;
  7547.         }
  7548.  
  7549.         .custom-range::-moz-range-track {
  7550.             background-color: var(--secondary);
  7551.         }
  7552.  
  7553.         .custom-range::-ms-thumb {
  7554.             background-color: var(--primary);
  7555.         }
  7556.  
  7557.         .custom-range::-ms-thumb:active {
  7558.             background-color: #b6e4f4;
  7559.         }
  7560.  
  7561.         .custom-range::-ms-fill-lower {
  7562.             background-color: var(--secondary);
  7563.         }
  7564.  
  7565.         .custom-range::-ms-fill-upper {
  7566.             background-color: var(--secondary);
  7567.         }
  7568.  
  7569.         .nav-link.disabled {
  7570.             color: var(--muted);
  7571.         }
  7572.  
  7573.         .nav-tabs {
  7574.             border-bottom: 1px solid var(--secondary);
  7575.         }
  7576.  
  7577.         .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  7578.             border-color: var(--secondary) var(--secondary) var(--secondary);
  7579.         }
  7580.  
  7581.         .nav-tabs .nav-link.disabled {
  7582.             color: var(--muted);
  7583.             cursor: default;
  7584.         }
  7585.  
  7586.         .nav-tabs .nav-link.active,
  7587.         .nav-tabs .nav-item.show .nav-link {
  7588.             color: #333;
  7589.             background-color: var(--no-white);
  7590.             border-color: var(--secondary) var(--secondary) var(--no-white);
  7591.         }
  7592.  
  7593.         .nav-pills .nav-link.active,
  7594.         .nav-pills .show > .nav-link {
  7595.             background-color: var(--primary);
  7596.         }
  7597.  
  7598.         .card-full {
  7599.             border-bottom: 1px solid var(--secondary);
  7600.         }
  7601.  
  7602.         .card,
  7603.         .card2 {
  7604.             border: 1px solid var(--global-bg-color);
  7605.             background-color: var(--no-white);
  7606.         }
  7607.  
  7608.         .card {
  7609.             box-shadow: -3px 3px 20px rgba(0, 0, 0, 0.06);
  7610.         }
  7611.  
  7612.         .card2 {
  7613.             box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.1);
  7614.         }
  7615.  
  7616.         .card-header {
  7617.             background-color: transparent;
  7618.         }
  7619.  
  7620.         .card-footer {
  7621.             background-color: var(--no-white);
  7622.             border-top: 1px solid var(--secondary);
  7623.         }
  7624.  
  7625.         .breadcrumb {
  7626.             background-color: var(--no-white);
  7627.         }
  7628.  
  7629.         .breadcrumb-item + .breadcrumb-item::before {
  7630.             color: var(--muted);
  7631.         }
  7632.  
  7633.         .breadcrumb-item.active {
  7634.             color: var(--muted);
  7635.         }
  7636.  
  7637.         .page-link {
  7638.             color: var(--primary);
  7639.             border: 1px solid var(--secondary);
  7640.         }
  7641.  
  7642.         .page-link:hover {
  7643.             color: #167495;
  7644.             background-color: #e4e7ea;
  7645.             border-color: var(--secondary);
  7646.         }
  7647.  
  7648.         .page-link:focus {
  7649.             z-index: 2;
  7650.         }
  7651.  
  7652.         .page-item.active .page-link {
  7653.             background-color: var(--primary);
  7654.             border-color: var(--primary);
  7655.         }
  7656.  
  7657.         .page-item.disabled .page-link {
  7658.             color: var(--muted);
  7659.             border-color: var(--secondary);
  7660.         }
  7661.  
  7662.         .badge-primary {
  7663.             background-color: var(--primary);
  7664.         }
  7665.  
  7666.         .badge-primary[href]:hover, .badge-primary[href]:focus {
  7667.             background-color: #1985ac;
  7668.         }
  7669.  
  7670.         .badge-secondary {
  7671.             color: var(--texto);
  7672.             background-color: #EEE;
  7673.             border: 1px solid #DDD;
  7674.         }
  7675.  
  7676.         .badge-secondary[href]:hover, .badge-secondary[href]:focus {
  7677.             color: var(--texto);
  7678.             background-color: #acb5bc;
  7679.         }
  7680.  
  7681.         .badge-success {
  7682.             background-color: var(--success);
  7683.         }
  7684.  
  7685.         .badge-success[href]:hover, .badge-success[href]:focus {
  7686.             background-color: #3a9d5d;
  7687.         }
  7688.  
  7689.         .badge-info {
  7690.             background-color: var(--primary);
  7691.         }
  7692.  
  7693.         .badge-info[href]:hover, .badge-info[href]:focus {
  7694.             color: var(--texto);
  7695.             background-color: #39b2d5;
  7696.         }
  7697.  
  7698.         .badge-warning {
  7699.             color: var(--texto);
  7700.             background-color: var(--warning);
  7701.         }
  7702.  
  7703.         .badge-warning[href]:hover, .badge-warning[href]:focus {
  7704.             color: var(--texto);
  7705.             background-color: #d39e00;
  7706.         }
  7707.  
  7708.         .badge-danger {
  7709.             background-color: var(--danger);
  7710.         }
  7711.  
  7712.         .badge-danger[href]:hover, .badge-danger[href]:focus {
  7713.             background-color: #f63c3a;
  7714.         }
  7715.  
  7716.         .badge-light {
  7717.             color: var(--texto);
  7718.             background-color: var(--light);
  7719.         }
  7720.  
  7721.         .badge-light[href]:hover, .badge-light[href]:focus {
  7722.             color: var(--texto);
  7723.             background-color: #d1dbe1;
  7724.         }
  7725.  
  7726.         .badge-dark {
  7727.             background-color: #2f353a;
  7728.         }
  7729.  
  7730.         .badge-dark[href]:hover, .badge-dark[href]:focus {
  7731.             background-color: #181b1e;
  7732.         }
  7733.  
  7734.         .badge-red {
  7735.             background-color: #C82E2E;
  7736.             color: var(--no-white);
  7737.         }
  7738.  
  7739.         .badge-yellow {
  7740.             background-color: #E6D938;
  7741.             color: var(--no-white);
  7742.         }
  7743.  
  7744.         .badge-green {
  7745.             background-color: #4EDE74;
  7746.             color: var(--no-white);
  7747.         }
  7748.  
  7749.         .badge-purple {
  7750.             background-color: #7F59DD;
  7751.             color: var(--no-white);
  7752.         }
  7753.  
  7754.         .badge-orange {
  7755.             background-color: #FF9517;
  7756.             color: var(--no-white);
  7757.         }
  7758.  
  7759.         .badge-blue {
  7760.             background-color: #59C9DD;
  7761.             color: var(--no-white);
  7762.         }
  7763.  
  7764.         .jumbotron {
  7765.             background-color: #e4e7ea;
  7766.         }
  7767.  
  7768.         .alert-primary {
  7769.             color: #115770;
  7770.             background-color: #d2eef7;
  7771.             border-color: #c1e7f4;
  7772.         }
  7773.  
  7774.         .alert-primary hr {
  7775.             border-top-color: #abdff0;
  7776.         }
  7777.  
  7778.         .alert-primary .alert-link {
  7779.             color: #0a3544;
  7780.         }
  7781.  
  7782.         .alert-secondary {
  7783.             color: #686b6e;
  7784.             background-color: #f4f5f6;
  7785.             border-color: #f0f1f3;
  7786.         }
  7787.  
  7788.         .alert-secondary hr {
  7789.             border-top-color: #e2e4e8;
  7790.         }
  7791.  
  7792.         .alert-secondary .alert-link {
  7793.             color: #4f5254;
  7794.         }
  7795.  
  7796.         .alert-success {
  7797.             color: var(--success);
  7798.             background-color: #E3F8EB;
  7799.             border-color: #cdedd8;
  7800.         }
  7801.  
  7802.         .alert-success hr {
  7803.             border-top-color: #bae6c9;
  7804.         }
  7805.  
  7806.         .alert-success .alert-link {
  7807.             color: var(--success);
  7808.         }
  7809.  
  7810.         .alert-info {
  7811.             color: #336573;
  7812.             background-color: #e0f3f8;
  7813.             border-color: #d3eef6;
  7814.         }
  7815.  
  7816.         .alert-info hr {
  7817.             border-top-color: #bee6f2;
  7818.         }
  7819.  
  7820.         .alert-info .alert-link {
  7821.             color: #234650;
  7822.         }
  7823.  
  7824.         .alert-warning {
  7825.             color: #856404;
  7826.             background-color: var(--no-white)3cd;
  7827.             border-color: #ffeeba;
  7828.         }
  7829.  
  7830.         .alert-warning hr {
  7831.             border-top-color: #ffe8a1;
  7832.         }
  7833.  
  7834.         .alert-warning .alert-link {
  7835.             color: #533f03;
  7836.         }
  7837.  
  7838.         .alert-middle {
  7839.             color: #ff9933;
  7840.             background-color: var(--no-white)3cd;
  7841.             border-color: #ffeeba;
  7842.         }
  7843.  
  7844.         .alert-middle hr {
  7845.             border-top-color: #ffe8a1;
  7846.         }
  7847.  
  7848.         .alert-middle .alert-link {
  7849.             color: #533f03;
  7850.         }
  7851.  
  7852.         .alert-danger {
  7853.             color: #813838;
  7854.             background-color: #fee2e1;
  7855.             border-color: #fdd6d6;
  7856.         }
  7857.  
  7858.         .alert-danger hr {
  7859.             border-top-color: #fcbebe;
  7860.         }
  7861.  
  7862.         .alert-danger .alert-link {
  7863.             color: #5d2929;
  7864.         }
  7865.  
  7866.         .alert-light {
  7867.             color: #7d7e7f;
  7868.             background-color: #fcfdfd;
  7869.             border-color: #fbfcfc;
  7870.         }
  7871.  
  7872.         .alert-light hr {
  7873.             border-top-color: #ecf1f1;
  7874.         }
  7875.  
  7876.         .alert-light .alert-link {
  7877.             color: #646565;
  7878.         }
  7879.  
  7880.         .alert-dark {
  7881.             color: #181c1e;
  7882.             background-color: #d5d7d8;
  7883.             border-color: #c5c6c8;
  7884.         }
  7885.  
  7886.         .alert-dark hr {
  7887.             border-top-color: #b8b9bc;
  7888.         }
  7889.  
  7890.         .alert-dark .alert-link {
  7891.             color: #010202;
  7892.         }
  7893.  
  7894.         .progress {
  7895.             background-color: var(--light);
  7896.         }
  7897.  
  7898.         .progress-bar {
  7899.             background-color: var(--primary);
  7900.         }
  7901.  
  7902.         .list-group-item-action {
  7903.             color: var(--texto);
  7904.         }
  7905.  
  7906.         .list-group-item-action:hover, .list-group-item-action:focus {
  7907.             color: #5c6873;
  7908.             background-color: var(--light);
  7909.         }
  7910.  
  7911.         .list-group-item-action:active {
  7912.             color: var(--texto);
  7913.             background-color: #e4e7ea;
  7914.         }
  7915.  
  7916.         .list-group-item2 {
  7917.             background-color: var(--no-white);
  7918.         }
  7919.  
  7920.         .list-group-item2:hover {
  7921.             background-color: #F3F4F6;
  7922.         }
  7923.  
  7924.         .list-group-groups {
  7925.             border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  7926.             border-top: 1px solid rgba(0, 0, 0, 0.125);
  7927.         }
  7928.  
  7929.         .list-group-item.disabled, .list-group-item:disabled {
  7930.             color: var(--muted);
  7931.             background-color: var(--no-white);
  7932.         }
  7933.  
  7934.         .list-group-item.active {
  7935.             background-color: var(--primary);
  7936.             border-color: var(--primary);
  7937.         }
  7938.  
  7939.         .list-group-item-primary {
  7940.             color: #115770;
  7941.             background-color: #c1e7f4;
  7942.         }
  7943.  
  7944.         .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  7945.             color: #115770;
  7946.             background-color: #abdff0;
  7947.         }
  7948.  
  7949.         .list-group-item-primary.list-group-item-action.active {
  7950.             color: var(--no-white);
  7951.             background-color: #115770;
  7952.             border-color: #115770;
  7953.         }
  7954.  
  7955.         .list-group-item-secondary {
  7956.             color: #686b6e;
  7957.             background-color: #f0f1f3;
  7958.         }
  7959.  
  7960.         .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  7961.             color: #686b6e;
  7962.             background-color: #e2e4e8;
  7963.         }
  7964.  
  7965.         .list-group-item-secondary.list-group-item-action.active {
  7966.             color: var(--no-white);
  7967.             background-color: #686b6e;
  7968.             border-color: #686b6e;
  7969.         }
  7970.  
  7971.         .list-group-item-success {
  7972.             color: #28623c;
  7973.             background-color: #cdedd8;
  7974.         }
  7975.  
  7976.         .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  7977.             color: var(--success);
  7978.             background-color: #bae6c9;
  7979.         }
  7980.  
  7981.         .list-group-item-success.list-group-item-action.active {
  7982.             color: var(--no-white);
  7983.             background-color: #28623c;
  7984.             border-color: #28623c;
  7985.         }
  7986.  
  7987.         .list-group-item-info {
  7988.             color: #336573;
  7989.             background-color: #d3eef6;
  7990.         }
  7991.  
  7992.         .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  7993.             color: #336573;
  7994.             background-color: #bee6f2;
  7995.         }
  7996.  
  7997.         .list-group-item-info.list-group-item-action.active {
  7998.             color: var(--no-white);
  7999.             background-color: #336573;
  8000.             border-color: #336573;
  8001.         }
  8002.  
  8003.         .list-group-item-warning {
  8004.             color: #856404;
  8005.             background-color: #ffeeba;
  8006.         }
  8007.  
  8008.         .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  8009.             color: #856404;
  8010.             background-color: #ffe8a1;
  8011.         }
  8012.  
  8013.         .list-group-item-warning.list-group-item-action.active {
  8014.             color: var(--no-white);
  8015.             background-color: #856404;
  8016.             border-color: #856404;
  8017.         }
  8018.  
  8019.         .list-group-item-danger {
  8020.             color: #813838;
  8021.             background-color: #fdd6d6;
  8022.         }
  8023.  
  8024.         .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  8025.             color: #813838;
  8026.             background-color: #fcbebe;
  8027.         }
  8028.  
  8029.         .list-group-item-danger.list-group-item-action.active {
  8030.             color: var(--no-white);
  8031.             background-color: #813838;
  8032.             border-color: #813838;
  8033.         }
  8034.  
  8035.         .list-group-item-light {
  8036.             color: #7d7e7f;
  8037.             background-color: #fbfcfc;
  8038.         }
  8039.  
  8040.         .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  8041.             color: #7d7e7f;
  8042.             background-color: #ecf1f1;
  8043.         }
  8044.  
  8045.         .list-group-item-light.list-group-item-action.active {
  8046.             color: var(--no-white);
  8047.             background-color: #7d7e7f;
  8048.             border-color: #7d7e7f;
  8049.         }
  8050.  
  8051.         .list-group-item-dark {
  8052.             color: #181c1e;
  8053.             background-color: #c5c6c8;
  8054.         }
  8055.  
  8056.         .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  8057.             color: #181c1e;
  8058.             background-color: #b8b9bc;
  8059.         }
  8060.  
  8061.         .list-group-item-dark.list-group-item-action.active {
  8062.             color: var(--no-white);
  8063.             background-color: #181c1e;
  8064.             border-color: #181c1e;
  8065.         }
  8066.  
  8067.         .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  8068.             color: #000;
  8069.         }
  8070.  
  8071.         .modal-header {
  8072.             border-bottom: 1px solid #e4e7ea;
  8073.         }
  8074.  
  8075.         .close-modal {
  8076.             padding: 0;
  8077.             background-color: transparent;
  8078.             border: 0;
  8079.             -webkit-appearance: none;
  8080.         }
  8081.  
  8082.         .popover-body {
  8083.             color: var(--texto);
  8084.         }
  8085.  
  8086.         .bg-primary {
  8087.             background-color: var(--primary) !important;
  8088.         }
  8089.  
  8090.         a.bg-primary:hover, a.bg-primary:focus,
  8091.         button.bg-primary:hover,
  8092.         button.bg-primary:focus {
  8093.             background-color: #1985ac !important;
  8094.         }
  8095.  
  8096.         .bg-secondary {
  8097.             background-color: var(--secondary) !important;
  8098.         }
  8099.  
  8100.         a.bg-secondary:hover, a.bg-secondary:focus,
  8101.         button.bg-secondary:hover,
  8102.         button.bg-secondary:focus {
  8103.             background-color: #acb5bc !important;
  8104.         }
  8105.  
  8106.         .bg-success {
  8107.             background-color: var(--success) !important;
  8108.         }
  8109.  
  8110.         a.bg-success:hover, a.bg-success:focus,
  8111.         button.bg-success:hover,
  8112.         button.bg-success:focus {
  8113.             background-color: var(--success) !important;
  8114.         }
  8115.  
  8116.         .bg-info {
  8117.             background-color: var(--info) !important;
  8118.         }
  8119.  
  8120.         a.bg-info:hover, a.bg-info:focus,
  8121.         button.bg-info:hover,
  8122.         button.bg-info:focus {
  8123.             background-color: #39b2d5 !important;
  8124.         }
  8125.  
  8126.         .bg-warning {
  8127.             background-color: var(--warning) !important;
  8128.         }
  8129.  
  8130.         a.bg-warning:hover, a.bg-warning:focus,
  8131.         button.bg-warning:hover,
  8132.         button.bg-warning:focus {
  8133.             background-color: #d39e00 !important;
  8134.         }
  8135.  
  8136.         .bg-middle {
  8137.             background-color: #ff9933 !important;
  8138.         }
  8139.  
  8140.         a.bg-middle:hover, a.bg-middle:focus,
  8141.         button.bg-middle:hover,
  8142.         button.bg-middle:focus {
  8143.             background-color: #f88613 !important;
  8144.         }
  8145.  
  8146.         .bg-danger {
  8147.             background-color: var(--danger) !important;
  8148.         }
  8149.  
  8150.         a.bg-danger:hover, a.bg-danger:focus,
  8151.         button.bg-danger:hover,
  8152.         button.bg-danger:focus {
  8153.             background-color: var(--danger-hover) !important;
  8154.         }
  8155.  
  8156.         .bg-light {
  8157.             background-color: var(--light) !important;
  8158.         }
  8159.         .bg-light-mais-claro {
  8160.             background-color: #F5F5F5 !important;
  8161.         }
  8162.  
  8163.         .bg-lighter {
  8164.             background-color: #f8f8f8 !important;
  8165.         }
  8166.  
  8167.         a.bg-light:hover, a.bg-light:focus,
  8168.         button.bg-light:hover,
  8169.         button.bg-light:focus {
  8170.             background-color: #d1dbe1 !important;
  8171.         }
  8172.  
  8173.         .bg-dark {
  8174.             background-color: #2f353a !important;
  8175.         }
  8176.  
  8177.         .bg-dark-10 {
  8178.             background-color: rgba(0, 0, 0, 0.1) !important;
  8179.         }
  8180.  
  8181.         a.bg-dark:hover, a.bg-dark:focus,
  8182.         button.bg-dark:hover,
  8183.         button.bg-dark:focus {
  8184.             background-color: #181b1e !important;
  8185.         }
  8186.  
  8187.         .bg-white {
  8188.             background-color: var(--no-white) !important;
  8189.         }
  8190.  
  8191.         .border {
  8192.             border: 1px solid var(--secondary) !important;
  8193.         }
  8194.  
  8195.         .border-top {
  8196.             border-top: 1px solid var(--secondary) !important;
  8197.         }
  8198.  
  8199.         .border-right {
  8200.             border-right: 1px solid var(--secondary) !important;
  8201.         }
  8202.  
  8203.         .border-bottom {
  8204.             border-bottom: 1px solid var(--secondary) !important;
  8205.         }
  8206.  
  8207.         .border-left {
  8208.             border-left: 1px solid var(--secondary) !important;
  8209.         }
  8210.  
  8211.         .border-left-3-gray {
  8212.             border-left: 3px solid #666;
  8213.         }
  8214.  
  8215.         .border-primary {
  8216.             border-color: var(--primary) !important;
  8217.         }
  8218.  
  8219.         .border-secondary {
  8220.             border-color: var(--secondary) !important;
  8221.         }
  8222.  
  8223.         .border-success {
  8224.             border-color: var(--success) !important;
  8225.         }
  8226.  
  8227.         .border-info {
  8228.             border-color: var(--info) !important;
  8229.         }
  8230.  
  8231.         .border-middle {
  8232.             border-color: #ff9933 !important;
  8233.         }
  8234.  
  8235.         .border-warning {
  8236.             border-color: var(--warning) !important;
  8237.         }
  8238.  
  8239.         .border-danger {
  8240.             border-color: var(--danger) !important;
  8241.         }
  8242.  
  8243.         .border-light {
  8244.             border-color: #e4e7ea !important;
  8245.         }
  8246.  
  8247.         .border-dark {
  8248.             border-color: #2f353a !important;
  8249.         }
  8250.  
  8251.         .border-white {
  8252.             border-color: var(--no-white) !important;
  8253.         }
  8254.  
  8255.         .text-primary {
  8256.             color: var(--primary) !important;
  8257.         }
  8258.  
  8259.         .text-marine {
  8260.             color: var(--marine) !important;
  8261.         }
  8262.  
  8263.         .text-navy {
  8264.             color: var(--light-navy) !important;
  8265.         }
  8266.  
  8267.         a.text-navy:hover {
  8268.             color: var(--light-navy-hover) !important;
  8269.         }
  8270.  
  8271.         .text-navy-blue {
  8272.             color: var(--light-navy-blue) !important;
  8273.         }
  8274.  
  8275.         a.text-navy-blue:hover {
  8276.             color: var(--light-navy-blue-hover) !important;
  8277.         }
  8278.  
  8279.         a.text-primary:hover, a.text-primary:focus {
  8280.             color: #1985ac !important;
  8281.         }
  8282.  
  8283.         .text-secondary {
  8284.             color: #888 !important;
  8285.         }
  8286.  
  8287.         a.text-secondary:hover, a.text-secondary:focus {
  8288.             color: #acb5bc !important;
  8289.         }
  8290.  
  8291.         .text-success {
  8292.             color: var(--success) !important;
  8293.         }
  8294.  
  8295.         a.text-success:hover, a.text-success:focus {
  8296.             color: var(--success) !important;
  8297.         }
  8298.  
  8299.         .text-info {
  8300.             color: var(--info) !important;
  8301.         }
  8302.  
  8303.         a.text-info:hover, a.text-info:focus {
  8304.             color: #39b2d5 !important;
  8305.         }
  8306.  
  8307.         .text-warning {
  8308.             color: var(--warning) !important;
  8309.         }
  8310.  
  8311.         .text-warning-alert {
  8312.             color: #856404 !important;
  8313.         }
  8314.  
  8315.         a.text-warning:hover, a.text-warning:focus {
  8316.             color: #d39e00 !important;
  8317.         }
  8318.  
  8319.         .text-danger {
  8320.             color: var(--danger) !important;
  8321.         }
  8322.  
  8323.         .text-middle {
  8324.             color: #ff9933 !important;
  8325.         }
  8326.  
  8327.         a.text-danger:hover, a.text-danger:focus {
  8328.             color: #f63c3a !important;
  8329.         }
  8330.  
  8331.         .text-light {
  8332.             color: var(--light) !important;
  8333.         }
  8334.  
  8335.         a.text-light:hover, a.text-light:focus {
  8336.             color: #d1dbe1 !important;
  8337.         }
  8338.  
  8339.         .text-dark {
  8340.             color: #2f353a !important;
  8341.         }
  8342.  
  8343.         a.text-dark:hover, a.text-dark:focus {
  8344.             color: #181b1e !important;
  8345.         }
  8346.  
  8347.         .text-body {
  8348.             color: var(--texto) !important;
  8349.         }
  8350.  
  8351.         .text-muted {
  8352.             color: var(--muted) !important;
  8353.         }
  8354.  
  8355.         .text-dark-80 {
  8356.             color: var(--dark-80) !important;
  8357.         }
  8358.  
  8359.         .text-dark-50 {
  8360.             color: var(--dark-50) !important;
  8361.         }
  8362.  
  8363.         .text-dark-35 {
  8364.             color: var(--dark-35) !important;
  8365.         }
  8366.  
  8367.         .text-dark-20 {
  8368.             color: var(--dark-20) !important;
  8369.         }
  8370.  
  8371.         .text-white-50 {
  8372.             color: rgba(255, 255, 255, 0.5) !important;
  8373.         }
  8374.  
  8375.         @media print {
  8376.             pre,
  8377.             blockquote {
  8378.                 border: 1px solid #8f9ba6;
  8379.             }
  8380.  
  8381.             .table-bordered th,
  8382.             .table-bordered td {
  8383.                 border: 1px solid var(--secondary) !important;
  8384.             }
  8385.             .table-dark th,
  8386.             .table-dark td,
  8387.             .table-dark thead th,
  8388.             .table-dark tbody + tbody {
  8389.                 border-color: var(--secondary);
  8390.             }
  8391.  
  8392.             .table .thead-dark th {
  8393.                 border-color: var(--secondary);
  8394.             }
  8395.         }
  8396.  
  8397.         .ps--active-x > .ps__rail-x,
  8398.         .ps--active-y > .ps__rail-y {
  8399.             background-color: transparent;
  8400.         }
  8401.  
  8402.         .ps__rail-x:hover,
  8403.         .ps__rail-y:hover,
  8404.         .ps__rail-x:focus,
  8405.         .ps__rail-y:focus {
  8406.             background-color: #eee;
  8407.         }
  8408.  
  8409.         .ps__thumb-x {
  8410.             background-color: #aaa;
  8411.         }
  8412.  
  8413.         .ps__thumb-y {
  8414.             background-color: #aaa;
  8415.         }
  8416.  
  8417.         .ps__rail-x:hover > .ps__thumb-x,
  8418.         .ps__rail-x:focus > .ps__thumb-x {
  8419.             background-color: #999;
  8420.         }
  8421.  
  8422.         .ps__rail-y:hover > .ps__thumb-y,
  8423.         .ps__rail-y:focus > .ps__thumb-y {
  8424.             background-color: #999;
  8425.         }
  8426.  
  8427.         .avatar .avatar-status {
  8428.             border: 1px solid var(--no-white);
  8429.         }
  8430.  
  8431.         .avatar-lg .avatar-status {
  8432.             border: 1px solid var(--no-white);
  8433.         }
  8434.  
  8435.         .avatar-sm .avatar-status {
  8436.             border: 1px solid var(--no-white);
  8437.         }
  8438.  
  8439.         .avatar-xs .avatar-status {
  8440.             border: 1px solid var(--no-white);
  8441.         }
  8442.  
  8443.         .brand-card {
  8444.             border: 1px solid var(--secondary);
  8445.         }
  8446.  
  8447.         .brand-card-header i {
  8448.             color: var(--no-white);
  8449.         }
  8450.  
  8451.         .brand-card-body > *:not(:last-child) {
  8452.             border-right: 1px solid var(--secondary);
  8453.         }
  8454.  
  8455.         *[dir="rtl"] .brand-card-body > *:not(:last-child) {
  8456.             border-left: 1px solid var(--secondary);
  8457.         }
  8458.  
  8459.         .switch-slider {
  8460.             background-color: var(--no-white);
  8461.             border: 1px solid var(--secondary);
  8462.         }
  8463.  
  8464.         .switch-slider::before {
  8465.             background-color: var(--no-white);
  8466.             border: 1px solid var(--secondary);
  8467.         }
  8468.  
  8469.         .switch-label .switch-slider::after {
  8470.             color: var(--secondary);
  8471.         }
  8472.  
  8473.         .switch-primary .switch-input:checked + .switch-slider {
  8474.             background-color: var(--primary);
  8475.             border-color: #209eca;
  8476.         }
  8477.  
  8478.         .switch-primary .switch-input:checked + .switch-slider::before {
  8479.             border-color: #209eca;
  8480.         }
  8481.  
  8482.         .switch-outline-primary .switch-input:checked + .switch-slider {
  8483.             background-color: var(--no-white);
  8484.             border-color: var(--primary);
  8485.         }
  8486.  
  8487.         .switch-outline-primary .switch-input:checked + .switch-slider::before {
  8488.             border-color: var(--primary);
  8489.         }
  8490.  
  8491.         .switch-outline-primary .switch-input:checked + .switch-slider::after {
  8492.             color: var(--primary);
  8493.         }
  8494.  
  8495.         .switch-outline-primary-alt .switch-input:checked + .switch-slider {
  8496.             background-color: var(--no-white);
  8497.             border-color: var(--primary);
  8498.         }
  8499.  
  8500.         .switch-outline-primary-alt .switch-input:checked + .switch-slider::before {
  8501.             background-color: var(--primary);
  8502.             border-color: var(--primary);
  8503.         }
  8504.  
  8505.         .switch-outline-primary-alt .switch-input:checked + .switch-slider::after {
  8506.             color: var(--primary);
  8507.         }
  8508.  
  8509.         .switch-secondary .switch-input:checked + .switch-slider {
  8510.             background-color: var(--secondary);
  8511.             border-color: #acb5bc;
  8512.         }
  8513.  
  8514.         .switch-secondary .switch-input:checked + .switch-slider::before {
  8515.             border-color: #acb5bc;
  8516.         }
  8517.  
  8518.         .switch-outline-secondary .switch-input:checked + .switch-slider {
  8519.             background-color: var(--no-white);
  8520.             border-color: var(--secondary);
  8521.         }
  8522.  
  8523.         .switch-outline-secondary .switch-input:checked + .switch-slider::before {
  8524.             border-color: var(--secondary);
  8525.         }
  8526.  
  8527.         .switch-outline-secondary .switch-input:checked + .switch-slider::after {
  8528.             color: var(--secondary);
  8529.         }
  8530.  
  8531.         .switch-outline-secondary-alt .switch-input:checked + .switch-slider {
  8532.             background-color: var(--no-white);
  8533.             border-color: var(--secondary);
  8534.         }
  8535.  
  8536.         .switch-outline-secondary-alt .switch-input:checked + .switch-slider::before {
  8537.             background-color: var(--secondary);
  8538.             border-color: var(--secondary);
  8539.         }
  8540.  
  8541.         .switch-outline-secondary-alt .switch-input:checked + .switch-slider::after {
  8542.             color: var(--secondary);
  8543.         }
  8544.  
  8545.         .switch-success .switch-input:checked + .switch-slider {
  8546.             background-color: var(--success);
  8547.             border-color: #3a9d5d;
  8548.         }
  8549.  
  8550.         .switch-success .switch-input:checked + .switch-slider::before {
  8551.             border-color: #3a9d5d;
  8552.         }
  8553.  
  8554.         .switch-outline-success .switch-input:checked + .switch-slider {
  8555.             background-color: var(--no-white);
  8556.             border-color: var(--success);
  8557.         }
  8558.  
  8559.         .switch-outline-success .switch-input:checked + .switch-slider::before {
  8560.             border-color: var(--success);
  8561.         }
  8562.  
  8563.         .switch-outline-success .switch-input:checked + .switch-slider::after {
  8564.             color: var(--success);
  8565.         }
  8566.  
  8567.         .switch-outline-success-alt .switch-input:checked + .switch-slider {
  8568.             background-color: var(--no-white);
  8569.             border-color: var(--success);
  8570.         }
  8571.  
  8572.         .switch-outline-success-alt .switch-input:checked + .switch-slider::before {
  8573.             background-color: var(--success);
  8574.             border-color: var(--success);
  8575.         }
  8576.  
  8577.         .switch-outline-success-alt .switch-input:checked + .switch-slider::after {
  8578.             color: var(--success);
  8579.         }
  8580.  
  8581.         .switch-info .switch-input:checked + .switch-slider {
  8582.             background-color: var(--info);
  8583.             border-color: #39b2d5;
  8584.         }
  8585.  
  8586.         .switch-info .switch-input:checked + .switch-slider::before {
  8587.             border-color: #39b2d5;
  8588.         }
  8589.  
  8590.         .switch-outline-info .switch-input:checked + .switch-slider {
  8591.             background-color: var(--no-white);
  8592.             border-color: var(--info);
  8593.         }
  8594.  
  8595.         .switch-outline-info .switch-input:checked + .switch-slider::before {
  8596.             border-color: var(--info);
  8597.         }
  8598.  
  8599.         .switch-outline-info .switch-input:checked + .switch-slider::after {
  8600.             color: var(--info);
  8601.         }
  8602.  
  8603.         .switch-outline-info-alt .switch-input:checked + .switch-slider {
  8604.             background-color: var(--no-white);
  8605.             border-color: var(--info);
  8606.         }
  8607.  
  8608.         .switch-outline-info-alt .switch-input:checked + .switch-slider::before {
  8609.             background-color: var(--info);
  8610.             border-color: var(--info);
  8611.         }
  8612.  
  8613.         .switch-outline-info-alt .switch-input:checked + .switch-slider::after {
  8614.             color: var(--info);
  8615.         }
  8616.  
  8617.         .switch-warning .switch-input:checked + .switch-slider {
  8618.             background-color: var(--warning);
  8619.             border-color: #d39e00;
  8620.         }
  8621.  
  8622.         .switch-warning .switch-input:checked + .switch-slider::before {
  8623.             border-color: #d39e00;
  8624.         }
  8625.  
  8626.         .switch-outline-warning .switch-input:checked + .switch-slider {
  8627.             background-color: var(--no-white);
  8628.             border-color: var(--warning);
  8629.         }
  8630.  
  8631.         .switch-outline-warning .switch-input:checked + .switch-slider::before {
  8632.             border-color: var(--warning);
  8633.         }
  8634.  
  8635.         .switch-outline-warning .switch-input:checked + .switch-slider::after {
  8636.             color: var(--warning);
  8637.         }
  8638.  
  8639.         .switch-outline-warning-alt .switch-input:checked + .switch-slider {
  8640.             background-color: var(--no-white);
  8641.             border-color: var(--warning);
  8642.         }
  8643.  
  8644.         .switch-outline-warning-alt .switch-input:checked + .switch-slider::before {
  8645.             background-color: var(--warning);
  8646.             border-color: var(--warning);
  8647.         }
  8648.  
  8649.         .switch-outline-warning-alt .switch-input:checked + .switch-slider::after {
  8650.             color: var(--warning);
  8651.         }
  8652.  
  8653.         .switch-danger .switch-input:checked + .switch-slider {
  8654.             background-color: var(--danger);
  8655.             border-color: #f63c3a;
  8656.         }
  8657.  
  8658.         .switch-danger .switch-input:checked + .switch-slider::before {
  8659.             border-color: #f63c3a;
  8660.         }
  8661.  
  8662.         .switch-outline-danger .switch-input:checked + .switch-slider {
  8663.             background-color: var(--no-white);
  8664.             border-color: var(--danger);
  8665.         }
  8666.  
  8667.         .switch-outline-danger .switch-input:checked + .switch-slider::before {
  8668.             border-color: var(--danger);
  8669.         }
  8670.  
  8671.         .switch-outline-danger .switch-input:checked + .switch-slider::after {
  8672.             color: var(--danger);
  8673.         }
  8674.  
  8675.         .switch-outline-danger-alt .switch-input:checked + .switch-slider {
  8676.             background-color: var(--no-white);
  8677.             border-color: var(--danger);
  8678.         }
  8679.  
  8680.         .switch-outline-danger-alt .switch-input:checked + .switch-slider::before {
  8681.             background-color: var(--danger);
  8682.             border-color: var(--danger);
  8683.         }
  8684.  
  8685.         .switch-outline-danger-alt .switch-input:checked + .switch-slider::after {
  8686.             color: var(--danger);
  8687.         }
  8688.  
  8689.         .switch-light .switch-input:checked + .switch-slider {
  8690.             background-color: var(--light);
  8691.             border-color: #d1dbe1;
  8692.         }
  8693.  
  8694.         .switch-light .switch-input:checked + .switch-slider::before {
  8695.             border-color: #d1dbe1;
  8696.         }
  8697.  
  8698.         .switch-outline-light .switch-input:checked + .switch-slider {
  8699.             background-color: var(--no-white);
  8700.             border-color: var(--light);
  8701.         }
  8702.  
  8703.         .switch-outline-light .switch-input:checked + .switch-slider::before {
  8704.             border-color: var(--light);
  8705.         }
  8706.  
  8707.         .switch-outline-light .switch-input:checked + .switch-slider::after {
  8708.             color: var(--light);
  8709.         }
  8710.  
  8711.         .switch-outline-light-alt .switch-input:checked + .switch-slider {
  8712.             background-color: var(--no-white);
  8713.             border-color: var(--light);
  8714.         }
  8715.  
  8716.         .switch-outline-light-alt .switch-input:checked + .switch-slider::before {
  8717.             background-color: var(--light);
  8718.             border-color: var(--light);
  8719.         }
  8720.  
  8721.         .switch-outline-light-alt .switch-input:checked + .switch-slider::after {
  8722.             color: var(--light);
  8723.         }
  8724.  
  8725.         .switch-dark .switch-input:checked + .switch-slider {
  8726.             background-color: #2f353a;
  8727.             border-color: #181b1e;
  8728.         }
  8729.  
  8730.         .switch-dark .switch-input:checked + .switch-slider::before {
  8731.             border-color: #181b1e;
  8732.         }
  8733.  
  8734.         .switch-outline-dark .switch-input:checked + .switch-slider {
  8735.             background-color: var(--no-white);
  8736.             border-color: #2f353a;
  8737.         }
  8738.  
  8739.         .switch-outline-dark .switch-input:checked + .switch-slider::before {
  8740.             border-color: #2f353a;
  8741.         }
  8742.  
  8743.         .switch-outline-dark .switch-input:checked + .switch-slider::after {
  8744.             color: #2f353a;
  8745.         }
  8746.  
  8747.         .switch-outline-dark-alt .switch-input:checked + .switch-slider {
  8748.             background-color: var(--no-white);
  8749.             border-color: #2f353a;
  8750.         }
  8751.  
  8752.         .switch-outline-dark-alt .switch-input:checked + .switch-slider::before {
  8753.             background-color: #2f353a;
  8754.             border-color: #2f353a;
  8755.         }
  8756.  
  8757.         .switch-outline-dark-alt .switch-input:checked + .switch-slider::after {
  8758.             color: #2f353a;
  8759.         }
  8760.  
  8761.         .switch-3d .switch-slider {
  8762.             background-color: var(--light);
  8763.             border-radius: 50em;
  8764.         }
  8765.  
  8766.         .btn-facebook {
  8767.             color: var(--no-white);
  8768.             background-color: #3b5998;
  8769.             border-color: #3b5998;
  8770.         }
  8771.  
  8772.         .btn-facebook:hover {
  8773.             color: var(--no-white);
  8774.             background-color: #30497c;
  8775.             border-color: #2d4373;
  8776.         }
  8777.  
  8778.         .btn-facebook:focus, .btn-facebook.focus {
  8779.             box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
  8780.         }
  8781.  
  8782.         .btn-facebook.disabled, .btn-facebook:disabled {
  8783.             color: var(--no-white);
  8784.             background-color: #3b5998;
  8785.             border-color: #3b5998;
  8786.             cursor: default;
  8787.             pointer-events: none;
  8788.         }
  8789.  
  8790.         .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
  8791.         .show > .btn-facebook.dropdown-toggle {
  8792.             color: var(--no-white);
  8793.             background-color: #2d4373;
  8794.             border-color: #293e6a;
  8795.             cursor: default;
  8796.             pointer-events: none;
  8797.         }
  8798.  
  8799.         .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
  8800.         .show > .btn-facebook.dropdown-toggle:focus {
  8801.             box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
  8802.             cursor: default;
  8803.             pointer-events: none;
  8804.         }
  8805.  
  8806.         .btn-twitter {
  8807.             color: var(--no-white);
  8808.             background-color: #00aced;
  8809.             border-color: #00aced;
  8810.         }
  8811.  
  8812.         .btn-twitter:hover {
  8813.             color: var(--no-white);
  8814.             background-color: #0090c7;
  8815.             border-color: #0087ba;
  8816.         }
  8817.  
  8818.         .btn-twitter:focus, .btn-twitter.focus {
  8819.             box-shadow: 0 0 0 0.2rem rgba(0, 172, 237, 0.5);
  8820.         }
  8821.  
  8822.         .btn-twitter.disabled, .btn-twitter:disabled {
  8823.             color: var(--no-white);
  8824.             background-color: #00aced;
  8825.             border-color: #00aced;
  8826.             cursor: default;
  8827.             pointer-events: none;
  8828.         }
  8829.  
  8830.         .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
  8831.         .show > .btn-twitter.dropdown-toggle {
  8832.             color: var(--no-white);
  8833.             background-color: #0087ba;
  8834.             border-color: #007ead;
  8835.             cursor: default;
  8836.             pointer-events: none;
  8837.         }
  8838.  
  8839.         .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
  8840.         .show > .btn-twitter.dropdown-toggle:focus {
  8841.             box-shadow: 0 0 0 0.2rem rgba(0, 172, 237, 0.5);
  8842.             cursor: default;
  8843.             pointer-events: none;
  8844.         }
  8845.  
  8846.         .btn-linkedin {
  8847.             color: var(--no-white);
  8848.             background-color: #4875b4;
  8849.             border-color: #4875b4;
  8850.         }
  8851.  
  8852.         .btn-linkedin:hover {
  8853.             color: var(--no-white);
  8854.             background-color: #3d6399;
  8855.             border-color: #395d90;
  8856.         }
  8857.  
  8858.         .btn-linkedin:focus, .btn-linkedin.focus {
  8859.             box-shadow: 0 0 0 0.2rem rgba(72, 117, 180, 0.5);
  8860.         }
  8861.  
  8862.         .btn-linkedin.disabled, .btn-linkedin:disabled {
  8863.             color: var(--no-white);
  8864.             background-color: #4875b4;
  8865.             border-color: #4875b4;
  8866.             cursor: default;
  8867.             pointer-events: none;
  8868.         }
  8869.  
  8870.         .btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active,
  8871.         .show > .btn-linkedin.dropdown-toggle {
  8872.             color: var(--no-white);
  8873.             background-color: #395d90;
  8874.             border-color: #365786;
  8875.             cursor: default;
  8876.             pointer-events: none;
  8877.         }
  8878.  
  8879.         .btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus,
  8880.         .show > .btn-linkedin.dropdown-toggle:focus {
  8881.             box-shadow: 0 0 0 0.2rem rgba(72, 117, 180, 0.5);
  8882.             cursor: default;
  8883.             pointer-events: none;
  8884.         }
  8885.  
  8886.         .btn-google-plus {
  8887.             color: var(--no-white);
  8888.             background-color: #d34836;
  8889.             border-color: #d34836;
  8890.         }
  8891.  
  8892.         .btn-google-plus:hover {
  8893.             color: var(--no-white);
  8894.             background-color: #ba3929;
  8895.             border-color: #b03626;
  8896.         }
  8897.  
  8898.         .btn-google-plus:focus, .btn-google-plus.focus {
  8899.             box-shadow: 0 0 0 0.2rem rgba(211, 72, 54, 0.5);
  8900.         }
  8901.  
  8902.         .btn-google-plus.disabled, .btn-google-plus:disabled {
  8903.             color: var(--no-white);
  8904.             background-color: #d34836;
  8905.             border-color: #d34836;
  8906.             cursor: default;
  8907.             pointer-events: none;
  8908.         }
  8909.  
  8910.         .btn-google-plus:not(:disabled):not(.disabled):active, .btn-google-plus:not(:disabled):not(.disabled).active,
  8911.         .show > .btn-google-plus.dropdown-toggle {
  8912.             color: var(--no-white);
  8913.             background-color: #b03626;
  8914.             border-color: #a53324;
  8915.             cursor: default;
  8916.             pointer-events: none;
  8917.         }
  8918.  
  8919.         .btn-google-plus:not(:disabled):not(.disabled):active:focus, .btn-google-plus:not(:disabled):not(.disabled).active:focus,
  8920.         .show > .btn-google-plus.dropdown-toggle:focus {
  8921.             box-shadow: 0 0 0 0.2rem rgba(211, 72, 54, 0.5);
  8922.             cursor: default;
  8923.             pointer-events: none;
  8924.         }
  8925.  
  8926.         .btn-flickr {
  8927.             color: var(--no-white);
  8928.             background-color: #ff0084;
  8929.             border-color: #ff0084;
  8930.         }
  8931.  
  8932.         .btn-flickr:hover {
  8933.             color: var(--no-white);
  8934.             background-color: #d90070;
  8935.             border-color: #cc006a;
  8936.         }
  8937.  
  8938.         .btn-flickr:focus, .btn-flickr.focus {
  8939.             box-shadow: 0 0 0 0.2rem rgba(255, 0, 132, 0.5);
  8940.         }
  8941.  
  8942.         .btn-flickr.disabled, .btn-flickr:disabled {
  8943.             color: var(--no-white);
  8944.             background-color: #ff0084;
  8945.             border-color: #ff0084;
  8946.             cursor: default;
  8947.             pointer-events: none;
  8948.         }
  8949.  
  8950.         .btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active,
  8951.         .show > .btn-flickr.dropdown-toggle {
  8952.             color: var(--no-white);
  8953.             background-color: #cc006a;
  8954.             border-color: #bf0063;
  8955.             cursor: default;
  8956.             pointer-events: none;
  8957.         }
  8958.  
  8959.         .btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus,
  8960.         .show > .btn-flickr.dropdown-toggle:focus {
  8961.             box-shadow: 0 0 0 0.2rem rgba(255, 0, 132, 0.5);
  8962.             cursor: default;
  8963.             pointer-events: none;
  8964.         }
  8965.  
  8966.         .btn-tumblr {
  8967.             color: var(--no-white);
  8968.             background-color: #32506d;
  8969.             border-color: #32506d;
  8970.         }
  8971.  
  8972.         .btn-tumblr:hover {
  8973.             color: var(--no-white);
  8974.             background-color: #263d53;
  8975.             border-color: #22364a;
  8976.         }
  8977.  
  8978.         .btn-tumblr:focus, .btn-tumblr.focus {
  8979.             box-shadow: 0 0 0 0.2rem rgba(50, 80, 109, 0.5);
  8980.         }
  8981.  
  8982.         .btn-tumblr.disabled, .btn-tumblr:disabled {
  8983.             color: var(--no-white);
  8984.             background-color: #32506d;
  8985.             border-color: #32506d;
  8986.         }
  8987.  
  8988.         .btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active,
  8989.         .show > .btn-tumblr.dropdown-toggle {
  8990.             color: var(--no-white);
  8991.             background-color: #22364a;
  8992.             border-color: #1e3041;
  8993.         }
  8994.  
  8995.         .btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus,
  8996.         .show > .btn-tumblr.dropdown-toggle:focus {
  8997.             box-shadow: 0 0 0 0.2rem rgba(50, 80, 109, 0.5);
  8998.         }
  8999.  
  9000.         .btn-xing {
  9001.             color: var(--no-white);
  9002.             background-color: #026466;
  9003.             border-color: #026466;
  9004.         }
  9005.  
  9006.         .btn-xing:hover {
  9007.             color: var(--no-white);
  9008.             background-color: #013f40;
  9009.             border-color: #013334;
  9010.         }
  9011.  
  9012.         .btn-xing:focus, .btn-xing.focus {
  9013.             box-shadow: 0 0 0 0.2rem rgba(2, 100, 102, 0.5);
  9014.         }
  9015.  
  9016.         .btn-xing.disabled, .btn-xing:disabled {
  9017.             color: var(--no-white);
  9018.             background-color: #026466;
  9019.             border-color: #026466;
  9020.         }
  9021.  
  9022.         .btn-xing:not(:disabled):not(.disabled):active, .btn-xing:not(:disabled):not(.disabled).active,
  9023.         .show > .btn-xing.dropdown-toggle {
  9024.             color: var(--no-white);
  9025.             background-color: #013334;
  9026.             border-color: #012727;
  9027.         }
  9028.  
  9029.         .btn-xing:not(:disabled):not(.disabled):active:focus, .btn-xing:not(:disabled):not(.disabled).active:focus,
  9030.         .show > .btn-xing.dropdown-toggle:focus {
  9031.             box-shadow: 0 0 0 0.2rem rgba(2, 100, 102, 0.5);
  9032.         }
  9033.  
  9034.         .btn-github {
  9035.             color: var(--no-white);
  9036.             background-color: #4183c4;
  9037.             border-color: #4183c4;
  9038.         }
  9039.  
  9040.         .btn-github:hover {
  9041.             color: var(--no-white);
  9042.             background-color: #3570aa;
  9043.             border-color: #3269a0;
  9044.         }
  9045.  
  9046.         .btn-github:focus, .btn-github.focus {
  9047.             box-shadow: 0 0 0 0.2rem rgba(65, 131, 196, 0.5);
  9048.         }
  9049.  
  9050.         .btn-github.disabled, .btn-github:disabled {
  9051.             color: var(--no-white);
  9052.             background-color: #4183c4;
  9053.             border-color: #4183c4;
  9054.         }
  9055.  
  9056.         .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
  9057.         .show > .btn-github.dropdown-toggle {
  9058.             color: var(--no-white);
  9059.             background-color: #3269a0;
  9060.             border-color: #2f6397;
  9061.         }
  9062.  
  9063.         .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
  9064.         .show > .btn-github.dropdown-toggle:focus {
  9065.             box-shadow: 0 0 0 0.2rem rgba(65, 131, 196, 0.5);
  9066.         }
  9067.  
  9068.         .btn-html5 {
  9069.             color: var(--no-white);
  9070.             background-color: #e34f26;
  9071.             border-color: #e34f26;
  9072.         }
  9073.  
  9074.         .btn-html5:hover {
  9075.             color: var(--no-white);
  9076.             background-color: #c9401a;
  9077.             border-color: #be3c18;
  9078.         }
  9079.  
  9080.         .btn-html5:focus, .btn-html5.focus {
  9081.             box-shadow: 0 0 0 0.2rem rgba(227, 79, 38, 0.5);
  9082.         }
  9083.  
  9084.         .btn-html5.disabled, .btn-html5:disabled {
  9085.             color: var(--no-white);
  9086.             background-color: #e34f26;
  9087.             border-color: #e34f26;
  9088.         }
  9089.  
  9090.         .btn-html5:not(:disabled):not(.disabled):active, .btn-html5:not(:disabled):not(.disabled).active,
  9091.         .show > .btn-html5.dropdown-toggle {
  9092.             color: var(--no-white);
  9093.             background-color: #be3c18;
  9094.             border-color: #b23917;
  9095.         }
  9096.  
  9097.         .btn-html5:not(:disabled):not(.disabled):active:focus, .btn-html5:not(:disabled):not(.disabled).active:focus,
  9098.         .show > .btn-html5.dropdown-toggle:focus {
  9099.             box-shadow: 0 0 0 0.2rem rgba(227, 79, 38, 0.5);
  9100.         }
  9101.  
  9102.         .btn-openid {
  9103.             color: var(--texto);
  9104.             background-color: #f78c40;
  9105.             border-color: #f78c40;
  9106.         }
  9107.  
  9108.         .btn-openid:hover {
  9109.             color: var(--no-white);
  9110.             background-color: #f5761b;
  9111.             border-color: #f56f0f;
  9112.         }
  9113.  
  9114.         .btn-openid:focus, .btn-openid.focus {
  9115.             box-shadow: 0 0 0 0.2rem rgba(247, 140, 64, 0.5);
  9116.         }
  9117.  
  9118.         .btn-openid.disabled, .btn-openid:disabled {
  9119.             color: var(--texto);
  9120.             background-color: #f78c40;
  9121.             border-color: #f78c40;
  9122.         }
  9123.  
  9124.         .btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active,
  9125.         .show > .btn-openid.dropdown-toggle {
  9126.             color: var(--no-white);
  9127.             background-color: #f56f0f;
  9128.             border-color: #ed680a;
  9129.         }
  9130.  
  9131.         .btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus,
  9132.         .show > .btn-openid.dropdown-toggle:focus {
  9133.             box-shadow: 0 0 0 0.2rem rgba(247, 140, 64, 0.5);
  9134.         }
  9135.  
  9136.         .btn-stack-overflow {
  9137.             color: var(--no-white);
  9138.             background-color: #fe7a15;
  9139.             border-color: #fe7a15;
  9140.         }
  9141.  
  9142.         .btn-stack-overflow:hover {
  9143.             color: var(--no-white);
  9144.             background-color: #ec6701;
  9145.             border-color: #df6101;
  9146.         }
  9147.  
  9148.         .btn-stack-overflow:focus, .btn-stack-overflow.focus {
  9149.             box-shadow: 0 0 0 0.2rem rgba(254, 122, 21, 0.5);
  9150.         }
  9151.  
  9152.         .btn-stack-overflow.disabled, .btn-stack-overflow:disabled {
  9153.             color: var(--no-white);
  9154.             background-color: #fe7a15;
  9155.             border-color: #fe7a15;
  9156.         }
  9157.  
  9158.         .btn-stack-overflow:not(:disabled):not(.disabled):active, .btn-stack-overflow:not(:disabled):not(.disabled).active,
  9159.         .show > .btn-stack-overflow.dropdown-toggle {
  9160.             color: var(--no-white);
  9161.             background-color: #df6101;
  9162.             border-color: #d25c01;
  9163.         }
  9164.  
  9165.         .btn-stack-overflow:not(:disabled):not(.disabled):active:focus, .btn-stack-overflow:not(:disabled):not(.disabled).active:focus,
  9166.         .show > .btn-stack-overflow.dropdown-toggle:focus {
  9167.             box-shadow: 0 0 0 0.2rem rgba(254, 122, 21, 0.5);
  9168.         }
  9169.  
  9170.         .btn-youtube {
  9171.             color: var(--no-white);
  9172.             background-color: #b00;
  9173.             border-color: #b00;
  9174.         }
  9175.  
  9176.         .btn-youtube:hover {
  9177.             color: var(--no-white);
  9178.             background-color: #950000;
  9179.             border-color: #880000;
  9180.         }
  9181.  
  9182.         .btn-youtube:focus, .btn-youtube.focus {
  9183.             box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5);
  9184.         }
  9185.  
  9186.         .btn-youtube.disabled, .btn-youtube:disabled {
  9187.             color: var(--no-white);
  9188.             background-color: #b00;
  9189.             border-color: #b00;
  9190.         }
  9191.  
  9192.         .btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active,
  9193.         .show > .btn-youtube.dropdown-toggle {
  9194.             color: var(--no-white);
  9195.             background-color: #880000;
  9196.             border-color: #7b0000;
  9197.         }
  9198.  
  9199.         .btn-youtube:not(:disabled):not(.disabled):active:focus, .btn-youtube:not(:disabled):not(.disabled).active:focus,
  9200.         .show > .btn-youtube.dropdown-toggle:focus {
  9201.             box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5);
  9202.         }
  9203.  
  9204.         .btn-css3 {
  9205.             color: var(--no-white);
  9206.             background-color: #0170ba;
  9207.             border-color: #0170ba;
  9208.         }
  9209.  
  9210.         .btn-css3:hover {
  9211.             color: var(--no-white);
  9212.             background-color: #015994;
  9213.             border-color: #015187;
  9214.         }
  9215.  
  9216.         .btn-css3:focus, .btn-css3.focus {
  9217.             box-shadow: 0 0 0 0.2rem rgba(1, 112, 186, 0.5);
  9218.         }
  9219.  
  9220.         .btn-css3.disabled, .btn-css3:disabled {
  9221.             color: var(--no-white);
  9222.             background-color: #0170ba;
  9223.             border-color: #0170ba;
  9224.         }
  9225.  
  9226.         .btn-css3:not(:disabled):not(.disabled):active, .btn-css3:not(:disabled):not(.disabled).active,
  9227.         .show > .btn-css3.dropdown-toggle {
  9228.             color: var(--no-white);
  9229.             background-color: #015187;
  9230.             border-color: #014a7b;
  9231.         }
  9232.  
  9233.         .btn-css3:not(:disabled):not(.disabled):active:focus, .btn-css3:not(:disabled):not(.disabled).active:focus,
  9234.         .show > .btn-css3.dropdown-toggle:focus {
  9235.             box-shadow: 0 0 0 0.2rem rgba(1, 112, 186, 0.5);
  9236.         }
  9237.  
  9238.         .btn-dribbble {
  9239.             color: var(--no-white);
  9240.             background-color: #ea4c89;
  9241.             border-color: #ea4c89;
  9242.         }
  9243.  
  9244.         .btn-dribbble:hover {
  9245.             color: var(--no-white);
  9246.             background-color: #e62a72;
  9247.             border-color: #e51e6b;
  9248.         }
  9249.  
  9250.         .btn-dribbble:focus, .btn-dribbble.focus {
  9251.             box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5);
  9252.         }
  9253.  
  9254.         .btn-dribbble.disabled, .btn-dribbble:disabled {
  9255.             color: var(--no-white);
  9256.             background-color: #ea4c89;
  9257.             border-color: #ea4c89;
  9258.         }
  9259.  
  9260.         .btn-dribbble:not(:disabled):not(.disabled):active, .btn-dribbble:not(:disabled):not(.disabled).active,
  9261.         .show > .btn-dribbble.dropdown-toggle {
  9262.             color: var(--no-white);
  9263.             background-color: #e51e6b;
  9264.             border-color: #dc1a65;
  9265.         }
  9266.  
  9267.         .btn-dribbble:not(:disabled):not(.disabled):active:focus, .btn-dribbble:not(:disabled):not(.disabled).active:focus,
  9268.         .show > .btn-dribbble.dropdown-toggle:focus {
  9269.             box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5);
  9270.         }
  9271.  
  9272.         .btn-instagram {
  9273.             color: var(--no-white);
  9274.             background-color: #517fa4;
  9275.             border-color: #517fa4;
  9276.         }
  9277.  
  9278.         .btn-instagram:hover {
  9279.             color: var(--no-white);
  9280.             background-color: #446b8a;
  9281.             border-color: #406582;
  9282.         }
  9283.  
  9284.         .btn-instagram:focus, .btn-instagram.focus {
  9285.             box-shadow: 0 0 0 0.2rem rgba(81, 127, 164, 0.5);
  9286.         }
  9287.  
  9288.         .btn-instagram.disabled, .btn-instagram:disabled {
  9289.             color: var(--no-white);
  9290.             background-color: #517fa4;
  9291.             border-color: #517fa4;
  9292.         }
  9293.  
  9294.         .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active,
  9295.         .show > .btn-instagram.dropdown-toggle {
  9296.             color: var(--no-white);
  9297.             background-color: #406582;
  9298.             border-color: #3c5e79;
  9299.         }
  9300.  
  9301.         .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus,
  9302.         .show > .btn-instagram.dropdown-toggle:focus {
  9303.             box-shadow: 0 0 0 0.2rem rgba(81, 127, 164, 0.5);
  9304.         }
  9305.  
  9306.         .btn-pinterest {
  9307.             color: var(--no-white);
  9308.             background-color: #cb2027;
  9309.             border-color: #cb2027;
  9310.         }
  9311.  
  9312.         .btn-pinterest:hover {
  9313.             color: var(--no-white);
  9314.             background-color: #aa1b21;
  9315.             border-color: #9f191f;
  9316.         }
  9317.  
  9318.         .btn-pinterest:focus, .btn-pinterest.focus {
  9319.             box-shadow: 0 0 0 0.2rem rgba(203, 32, 39, 0.5);
  9320.         }
  9321.  
  9322.         .btn-pinterest.disabled, .btn-pinterest:disabled {
  9323.             color: var(--no-white);
  9324.             background-color: #cb2027;
  9325.             border-color: #cb2027;
  9326.         }
  9327.  
  9328.         .btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active,
  9329.         .show > .btn-pinterest.dropdown-toggle {
  9330.             color: var(--no-white);
  9331.             background-color: #9f191f;
  9332.             border-color: #94171c;
  9333.         }
  9334.  
  9335.         .btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus,
  9336.         .show > .btn-pinterest.dropdown-toggle:focus {
  9337.             box-shadow: 0 0 0 0.2rem rgba(203, 32, 39, 0.5);
  9338.         }
  9339.  
  9340.         .btn-vk {
  9341.             color: var(--no-white);
  9342.             background-color: #45668e;
  9343.             border-color: #45668e;
  9344.         }
  9345.  
  9346.         .btn-vk:hover {
  9347.             color: var(--no-white);
  9348.             background-color: #385474;
  9349.             border-color: #344d6c;
  9350.         }
  9351.  
  9352.         .btn-vk:focus, .btn-vk.focus {
  9353.             box-shadow: 0 0 0 0.2rem rgba(69, 102, 142, 0.5);
  9354.         }
  9355.  
  9356.         .btn-vk.disabled, .btn-vk:disabled {
  9357.             color: var(--no-white);
  9358.             background-color: #45668e;
  9359.             border-color: #45668e;
  9360.         }
  9361.  
  9362.         .btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active,
  9363.         .show > .btn-vk.dropdown-toggle {
  9364.             color: var(--no-white);
  9365.             background-color: #344d6c;
  9366.             border-color: #304763;
  9367.         }
  9368.  
  9369.         .btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus,
  9370.         .show > .btn-vk.dropdown-toggle:focus {
  9371.             box-shadow: 0 0 0 0.2rem rgba(69, 102, 142, 0.5);
  9372.         }
  9373.  
  9374.         .btn-yahoo {
  9375.             color: var(--no-white);
  9376.             background-color: #400191;
  9377.             border-color: #400191;
  9378.         }
  9379.  
  9380.         .btn-yahoo:hover {
  9381.             color: var(--no-white);
  9382.             background-color: #2f016b;
  9383.             border-color: #2a015e;
  9384.         }
  9385.  
  9386.         .btn-yahoo:focus, .btn-yahoo.focus {
  9387.             box-shadow: 0 0 0 0.2rem rgba(64, 1, 145, 0.5);
  9388.         }
  9389.  
  9390.         .btn-yahoo.disabled, .btn-yahoo:disabled {
  9391.             color: var(--no-white);
  9392.             background-color: #400191;
  9393.             border-color: #400191;
  9394.         }
  9395.  
  9396.         .btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active,
  9397.         .show > .btn-yahoo.dropdown-toggle {
  9398.             color: var(--no-white);
  9399.             background-color: #2a015e;
  9400.             border-color: #240152;
  9401.         }
  9402.  
  9403.         .btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus,
  9404.         .show > .btn-yahoo.dropdown-toggle:focus {
  9405.             box-shadow: 0 0 0 0.2rem rgba(64, 1, 145, 0.5);
  9406.         }
  9407.  
  9408.         .btn-behance {
  9409.             color: var(--no-white);
  9410.             background-color: #1769ff;
  9411.             border-color: #1769ff;
  9412.         }
  9413.  
  9414.         .btn-behance:hover {
  9415.             color: var(--no-white);
  9416.             background-color: #0055f0;
  9417.             border-color: #0050e3;
  9418.         }
  9419.  
  9420.         .btn-behance:focus, .btn-behance.focus {
  9421.             box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.5);
  9422.         }
  9423.  
  9424.         .btn-behance.disabled, .btn-behance:disabled {
  9425.             color: var(--no-white);
  9426.             background-color: #1769ff;
  9427.             border-color: #1769ff;
  9428.         }
  9429.  
  9430.         .btn-behance:not(:disabled):not(.disabled):active, .btn-behance:not(:disabled):not(.disabled).active,
  9431.         .show > .btn-behance.dropdown-toggle {
  9432.             color: var(--no-white);
  9433.             background-color: #0050e3;
  9434.             border-color: #004cd6;
  9435.         }
  9436.  
  9437.         .btn-behance:not(:disabled):not(.disabled):active:focus, .btn-behance:not(:disabled):not(.disabled).active:focus,
  9438.         .show > .btn-behance.dropdown-toggle:focus {
  9439.             box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.5);
  9440.         }
  9441.  
  9442.         .btn-dropbox {
  9443.             color: var(--no-white);
  9444.             background-color: #007ee5;
  9445.             border-color: #007ee5;
  9446.         }
  9447.  
  9448.         .btn-dropbox:hover {
  9449.             color: var(--no-white);
  9450.             background-color: #0069bf;
  9451.             border-color: #0062b2;
  9452.         }
  9453.  
  9454.         .btn-dropbox:focus, .btn-dropbox.focus {
  9455.             box-shadow: 0 0 0 0.2rem rgba(0, 126, 229, 0.5);
  9456.         }
  9457.  
  9458.         .btn-dropbox.disabled, .btn-dropbox:disabled {
  9459.             color: var(--no-white);
  9460.             background-color: #007ee5;
  9461.             border-color: #007ee5;
  9462.         }
  9463.  
  9464.         .btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active,
  9465.         .show > .btn-dropbox.dropdown-toggle {
  9466.             color: var(--no-white);
  9467.             background-color: #0062b2;
  9468.             border-color: #005ba5;
  9469.         }
  9470.  
  9471.         .btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus,
  9472.         .show > .btn-dropbox.dropdown-toggle:focus {
  9473.             box-shadow: 0 0 0 0.2rem rgba(0, 126, 229, 0.5);
  9474.         }
  9475.  
  9476.         .btn-reddit {
  9477.             color: var(--no-white);
  9478.             background-color: #ff4500;
  9479.             border-color: #ff4500;
  9480.         }
  9481.  
  9482.         .btn-reddit:hover {
  9483.             color: var(--no-white);
  9484.             background-color: #d93b00;
  9485.             border-color: #cc3700;
  9486.         }
  9487.  
  9488.         .btn-reddit:focus, .btn-reddit.focus {
  9489.             box-shadow: 0 0 0 0.2rem rgba(255, 69, 0, 0.5);
  9490.         }
  9491.  
  9492.         .btn-reddit.disabled, .btn-reddit:disabled {
  9493.             color: var(--no-white);
  9494.             background-color: #ff4500;
  9495.             border-color: #ff4500;
  9496.         }
  9497.  
  9498.         .btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active,
  9499.         .show > .btn-reddit.dropdown-toggle {
  9500.             color: var(--no-white);
  9501.             background-color: #cc3700;
  9502.             border-color: #bf3400;
  9503.         }
  9504.  
  9505.         .btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus,
  9506.         .show > .btn-reddit.dropdown-toggle:focus {
  9507.             box-shadow: 0 0 0 0.2rem rgba(255, 69, 0, 0.5);
  9508.         }
  9509.  
  9510.         .btn-spotify {
  9511.             color: var(--no-white);
  9512.             background-color: #7ab800;
  9513.             border-color: #7ab800;
  9514.         }
  9515.  
  9516.         .btn-spotify:hover {
  9517.             color: var(--no-white);
  9518.             background-color: #619200;
  9519.             border-color: #588500;
  9520.         }
  9521.  
  9522.         .btn-spotify:focus, .btn-spotify.focus {
  9523.             box-shadow: 0 0 0 0.2rem rgba(122, 184, 0, 0.5);
  9524.         }
  9525.  
  9526.         .btn-spotify.disabled, .btn-spotify:disabled {
  9527.             color: var(--no-white);
  9528.             background-color: #7ab800;
  9529.             border-color: #7ab800;
  9530.         }
  9531.  
  9532.         .btn-spotify:not(:disabled):not(.disabled):active, .btn-spotify:not(:disabled):not(.disabled).active,
  9533.         .show > .btn-spotify.dropdown-toggle {
  9534.             color: var(--no-white);
  9535.             background-color: #588500;
  9536.             border-color: #507800;
  9537.         }
  9538.  
  9539.         .btn-spotify:not(:disabled):not(.disabled):active:focus, .btn-spotify:not(:disabled):not(.disabled).active:focus,
  9540.         .show > .btn-spotify.dropdown-toggle:focus {
  9541.             box-shadow: 0 0 0 0.2rem rgba(122, 184, 0, 0.5);
  9542.         }
  9543.  
  9544.         .btn-vine {
  9545.             color: var(--no-white);
  9546.             background-color: #00bf8f;
  9547.             border-color: #00bf8f;
  9548.         }
  9549.  
  9550.         .btn-vine:hover {
  9551.             color: var(--no-white);
  9552.             background-color: #009972;
  9553.             border-color: #008c69;
  9554.         }
  9555.  
  9556.         .btn-vine:focus, .btn-vine.focus {
  9557.             box-shadow: 0 0 0 0.2rem rgba(0, 191, 143, 0.5);
  9558.         }
  9559.  
  9560.         .btn-vine.disabled, .btn-vine:disabled {
  9561.             color: var(--no-white);
  9562.             background-color: #00bf8f;
  9563.             border-color: #00bf8f;
  9564.         }
  9565.  
  9566.         .btn-vine:not(:disabled):not(.disabled):active, .btn-vine:not(:disabled):not(.disabled).active,
  9567.         .show > .btn-vine.dropdown-toggle {
  9568.             color: var(--no-white);
  9569.             background-color: #008c69;
  9570.             border-color: #007f5f;
  9571.         }
  9572.  
  9573.         .btn-vine:not(:disabled):not(.disabled):active:focus, .btn-vine:not(:disabled):not(.disabled).active:focus,
  9574.         .show > .btn-vine.dropdown-toggle:focus {
  9575.             box-shadow: 0 0 0 0.2rem rgba(0, 191, 143, 0.5);
  9576.         }
  9577.  
  9578.         .btn-foursquare {
  9579.             color: var(--no-white);
  9580.             background-color: #1073af;
  9581.             border-color: #1073af;
  9582.         }
  9583.  
  9584.         .btn-foursquare:hover {
  9585.             color: var(--no-white);
  9586.             background-color: #0d5c8c;
  9587.             border-color: #0c5480;
  9588.         }
  9589.  
  9590.         .btn-foursquare:focus, .btn-foursquare.focus {
  9591.             box-shadow: 0 0 0 0.2rem rgba(16, 115, 175, 0.5);
  9592.         }
  9593.  
  9594.         .btn-foursquare.disabled, .btn-foursquare:disabled {
  9595.             color: var(--no-white);
  9596.             background-color: #1073af;
  9597.             border-color: #1073af;
  9598.         }
  9599.  
  9600.         .btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active,
  9601.         .show > .btn-foursquare.dropdown-toggle {
  9602.             color: var(--no-white);
  9603.             background-color: #0c5480;
  9604.             border-color: #0b4d75;
  9605.         }
  9606.  
  9607.         .btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus,
  9608.         .show > .btn-foursquare.dropdown-toggle:focus {
  9609.             box-shadow: 0 0 0 0.2rem rgba(16, 115, 175, 0.5);
  9610.         }
  9611.  
  9612.         .btn-vimeo {
  9613.             color: var(--texto);
  9614.             background-color: #aad450;
  9615.             border-color: #aad450;
  9616.         }
  9617.  
  9618.         .btn-vimeo:hover {
  9619.             color: var(--texto);
  9620.             background-color: #9bcc32;
  9621.             border-color: #93c130;
  9622.         }
  9623.  
  9624.         .btn-vimeo:focus, .btn-vimeo.focus {
  9625.             box-shadow: 0 0 0 0.2rem rgba(170, 212, 80, 0.5);
  9626.         }
  9627.  
  9628.         .btn-vimeo.disabled, .btn-vimeo:disabled {
  9629.             color: var(--texto);
  9630.             background-color: #aad450;
  9631.             border-color: #aad450;
  9632.         }
  9633.  
  9634.         .btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active,
  9635.         .show > .btn-vimeo.dropdown-toggle {
  9636.             color: var(--texto);
  9637.             background-color: #93c130;
  9638.             border-color: #8bb72d;
  9639.         }
  9640.  
  9641.         .btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus,
  9642.         .show > .btn-vimeo.dropdown-toggle:focus {
  9643.             box-shadow: 0 0 0 0.2rem rgba(170, 212, 80, 0.5);
  9644.         }
  9645.  
  9646.         .btn-transparent {
  9647.             color: var(--no-white);
  9648.             background-color: transparent;
  9649.             border-color: transparent;
  9650.         }
  9651.  
  9652.         .btn-ghost-primary {
  9653.             color: var(--primary);
  9654.             background-color: transparent;
  9655.             background-image: none;
  9656.             border-color: transparent;
  9657.         }
  9658.  
  9659.         .btn-ghost-primary:hover {
  9660.             color: var(--no-white);
  9661.             background-color: var(--primary);
  9662.             border-color: var(--primary);
  9663.         }
  9664.  
  9665.         .btn-ghost-primary:focus, .btn-ghost-primary.focus {
  9666.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  9667.         }
  9668.  
  9669.         .btn-ghost-primary.disabled, .btn-ghost-primary:disabled {
  9670.             color: var(--primary);
  9671.             background-color: transparent;
  9672.             border-color: transparent;
  9673.         }
  9674.  
  9675.         .btn-ghost-primary:not(:disabled):not(.disabled):active, .btn-ghost-primary:not(:disabled):not(.disabled).active,
  9676.         .show > .btn-ghost-primary.dropdown-toggle {
  9677.             color: var(--no-white);
  9678.             background-color: var(--primary);
  9679.             border-color: var(--primary);
  9680.         }
  9681.  
  9682.         .btn-ghost-primary:not(:disabled):not(.disabled):active:focus, .btn-ghost-primary:not(:disabled):not(.disabled).active:focus,
  9683.         .show > .btn-ghost-primary.dropdown-toggle:focus {
  9684.             box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
  9685.         }
  9686.  
  9687.         .btn-ghost-secondary {
  9688.             color: var(--secondary);
  9689.             background-color: transparent;
  9690.             background-image: none;
  9691.             border-color: transparent;
  9692.         }
  9693.  
  9694.         .btn-ghost-secondary:hover {
  9695.             color: var(--texto);
  9696.             background-color: var(--secondary);
  9697.             border-color: var(--secondary);
  9698.         }
  9699.  
  9700.         .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
  9701.             box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
  9702.         }
  9703.  
  9704.         .btn-ghost-secondary.disabled, .btn-ghost-secondary:disabled {
  9705.             color: var(--secondary);
  9706.             background-color: transparent;
  9707.             border-color: transparent;
  9708.         }
  9709.  
  9710.         .btn-ghost-secondary:not(:disabled):not(.disabled):active, .btn-ghost-secondary:not(:disabled):not(.disabled).active,
  9711.         .show > .btn-ghost-secondary.dropdown-toggle {
  9712.             color: var(--texto);
  9713.             background-color: var(--secondary);
  9714.             border-color: var(--secondary);
  9715.         }
  9716.  
  9717.         .btn-ghost-secondary:not(:disabled):not(.disabled):active:focus, .btn-ghost-secondary:not(:disabled):not(.disabled).active:focus,
  9718.         .show > .btn-ghost-secondary.dropdown-toggle:focus {
  9719.             box-shadow: 0 0 0 0.2rem rgba(200, 206, 211, 0.5);
  9720.         }
  9721.  
  9722.         .btn-ghost-success {
  9723.             color: var(--success);
  9724.             background-color: transparent;
  9725.             background-image: none;
  9726.             border-color: transparent;
  9727.         }
  9728.  
  9729.         .btn-ghost-success:hover {
  9730.             color: var(--no-white);
  9731.             background-color: var(--success);
  9732.             border-color: var(--success);
  9733.         }
  9734.  
  9735.         .btn-ghost-success:focus, .btn-ghost-success.focus {
  9736.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
  9737.         }
  9738.  
  9739.         .btn-ghost-success.disabled, .btn-ghost-success:disabled {
  9740.             color: var(--success);
  9741.             background-color: transparent;
  9742.             border-color: transparent;
  9743.         }
  9744.  
  9745.         .btn-ghost-success:not(:disabled):not(.disabled):active, .btn-ghost-success:not(:disabled):not(.disabled).active,
  9746.         .show > .btn-ghost-success.dropdown-toggle {
  9747.             color: var(--no-white);
  9748.             background-color: var(--success);
  9749.             border-color: var(--success);
  9750.         }
  9751.  
  9752.         .btn-ghost-success:not(:disabled):not(.disabled):active:focus, .btn-ghost-success:not(:disabled):not(.disabled).active:focus,
  9753.         .show > .btn-ghost-success.dropdown-toggle:focus {
  9754.             box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5);
  9755.         }
  9756.  
  9757.         .btn-ghost-info {
  9758.             color: var(--info);
  9759.             background-color: transparent;
  9760.             background-image: none;
  9761.             border-color: transparent;
  9762.         }
  9763.  
  9764.         .btn-ghost-info:hover {
  9765.             color: var(--texto);
  9766.             background-color: var(--info);
  9767.             border-color: var(--info);
  9768.         }
  9769.  
  9770.         .btn-ghost-info:focus, .btn-ghost-info.focus {
  9771.             box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
  9772.         }
  9773.  
  9774.         .btn-ghost-info.disabled, .btn-ghost-info:disabled {
  9775.             color: var(--info);
  9776.             background-color: transparent;
  9777.             border-color: transparent;
  9778.         }
  9779.  
  9780.         .btn-ghost-info:not(:disabled):not(.disabled):active, .btn-ghost-info:not(:disabled):not(.disabled).active,
  9781.         .show > .btn-ghost-info.dropdown-toggle {
  9782.             color: var(--texto);
  9783.             background-color: var(--info);
  9784.             border-color: var(--info);
  9785.         }
  9786.  
  9787.         .btn-ghost-info:not(:disabled):not(.disabled):active:focus, .btn-ghost-info:not(:disabled):not(.disabled).active:focus,
  9788.         .show > .btn-ghost-info.dropdown-toggle:focus {
  9789.             box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5);
  9790.         }
  9791.  
  9792.         .btn-ghost-warning {
  9793.             color: var(--warning);
  9794.             background-color: transparent;
  9795.             background-image: none;
  9796.             border-color: transparent;
  9797.         }
  9798.  
  9799.         .btn-ghost-warning:hover {
  9800.             color: var(--texto);
  9801.             background-color: var(--warning);
  9802.             border-color: var(--warning);
  9803.         }
  9804.  
  9805.         .btn-ghost-warning:focus, .btn-ghost-warning.focus {
  9806.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  9807.         }
  9808.  
  9809.         .btn-ghost-warning.disabled, .btn-ghost-warning:disabled {
  9810.             color: var(--warning);
  9811.             background-color: transparent;
  9812.             border-color: transparent;
  9813.         }
  9814.  
  9815.         .btn-ghost-warning:not(:disabled):not(.disabled):active, .btn-ghost-warning:not(:disabled):not(.disabled).active,
  9816.         .show > .btn-ghost-warning.dropdown-toggle {
  9817.             color: var(--texto);
  9818.             background-color: var(--warning);
  9819.             border-color: var(--warning);
  9820.         }
  9821.  
  9822.         .btn-ghost-warning:not(:disabled):not(.disabled):active:focus, .btn-ghost-warning:not(:disabled):not(.disabled).active:focus,
  9823.         .show > .btn-ghost-warning.dropdown-toggle:focus {
  9824.             box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  9825.         }
  9826.  
  9827.         .btn-ghost-danger {
  9828.             color: var(--danger);
  9829.             background-color: transparent;
  9830.             background-image: none;
  9831.             border-color: transparent;
  9832.         }
  9833.  
  9834.         .btn-ghost-danger:hover {
  9835.             color: var(--no-white);
  9836.             background-color: var(--danger);
  9837.             border-color: var(--danger);
  9838.         }
  9839.  
  9840.         .btn-ghost-danger:focus, .btn-ghost-danger.focus {
  9841.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
  9842.         }
  9843.  
  9844.         .btn-ghost-danger.disabled, .btn-ghost-danger:disabled {
  9845.             color: var(--danger);
  9846.             background-color: transparent;
  9847.             border-color: transparent;
  9848.         }
  9849.  
  9850.         .btn-ghost-danger:not(:disabled):not(.disabled):active, .btn-ghost-danger:not(:disabled):not(.disabled).active,
  9851.         .show > .btn-ghost-danger.dropdown-toggle {
  9852.             color: var(--no-white);
  9853.             background-color: var(--danger);
  9854.             border-color: var(--danger);
  9855.         }
  9856.  
  9857.         .btn-ghost-danger:not(:disabled):not(.disabled):active:focus, .btn-ghost-danger:not(:disabled):not(.disabled).active:focus,
  9858.         .show > .btn-ghost-danger.dropdown-toggle:focus {
  9859.             box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5);
  9860.         }
  9861.  
  9862.         .btn-ghost-light {
  9863.             color: var(--light);
  9864.             background-color: transparent;
  9865.             background-image: none;
  9866.             border-color: transparent;
  9867.         }
  9868.  
  9869.         .btn-ghost-light:hover {
  9870.             color: var(--texto);
  9871.             background-color: var(--light);
  9872.             border-color: var(--light);
  9873.         }
  9874.  
  9875.         .btn-ghost-light:focus, .btn-ghost-light.focus {
  9876.             box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
  9877.         }
  9878.  
  9879.         .btn-ghost-light.disabled, .btn-ghost-light:disabled {
  9880.             color: var(--light);
  9881.             background-color: transparent;
  9882.             border-color: transparent;
  9883.         }
  9884.  
  9885.         .btn-ghost-light:not(:disabled):not(.disabled):active, .btn-ghost-light:not(:disabled):not(.disabled).active,
  9886.         .show > .btn-ghost-light.dropdown-toggle {
  9887.             color: var(--texto);
  9888.             background-color: var(--light);
  9889.             border-color: var(--light);
  9890.         }
  9891.  
  9892.         .btn-ghost-light:not(:disabled):not(.disabled):active:focus, .btn-ghost-light:not(:disabled):not(.disabled).active:focus,
  9893.         .show > .btn-ghost-light.dropdown-toggle:focus {
  9894.             box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5);
  9895.         }
  9896.  
  9897.         .btn-ghost-dark {
  9898.             color: #2f353a;
  9899.             background-color: transparent;
  9900.             background-image: none;
  9901.             border-color: transparent;
  9902.         }
  9903.  
  9904.         .btn-ghost-dark:hover {
  9905.             color: var(--no-white);
  9906.             background-color: #2f353a;
  9907.             border-color: #2f353a;
  9908.         }
  9909.  
  9910.         .btn-ghost-dark:focus, .btn-ghost-dark.focus {
  9911.             box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
  9912.         }
  9913.  
  9914.         .btn-ghost-dark.disabled, .btn-ghost-dark:disabled {
  9915.             color: #2f353a;
  9916.             background-color: transparent;
  9917.             border-color: transparent;
  9918.         }
  9919.  
  9920.         .btn-ghost-dark:not(:disabled):not(.disabled):active, .btn-ghost-dark:not(:disabled):not(.disabled).active,
  9921.         .show > .btn-ghost-dark.dropdown-toggle {
  9922.             color: var(--no-white);
  9923.             background-color: #2f353a;
  9924.             border-color: #2f353a;
  9925.         }
  9926.  
  9927.         .btn-ghost-dark:not(:disabled):not(.disabled):active:focus, .btn-ghost-dark:not(:disabled):not(.disabled).active:focus,
  9928.         .show > .btn-ghost-dark.dropdown-toggle:focus {
  9929.             box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5);
  9930.         }
  9931.  
  9932.         .callout {
  9933.             border-left: 3px solid var(--secondary);
  9934.         }
  9935.  
  9936.         .callout-blue {
  9937.             border-left: 3px solid var(--primary);
  9938.         }
  9939.  
  9940.         .callout-bordered {
  9941.             border: 1px solid var(--secondary);
  9942.         }
  9943.  
  9944.         .callout-primary {
  9945.             border-left-color: var(--primary);
  9946.         }
  9947.  
  9948.         .callout-primary h4 {
  9949.             color: var(--primary);
  9950.         }
  9951.  
  9952.         .callout-secondary {
  9953.             border-left-color: var(--secondary);
  9954.         }
  9955.  
  9956.         .callout-secondary h4 {
  9957.             color: var(--secondary);
  9958.         }
  9959.  
  9960.         .callout-success {
  9961.             border-left-color: var(--success);
  9962.         }
  9963.  
  9964.         .callout-success h4 {
  9965.             color: var(--success);
  9966.         }
  9967.  
  9968.         .callout-info {
  9969.             border-left-color: var(--info);
  9970.         }
  9971.  
  9972.         .callout-info h4 {
  9973.             color: var(--info);
  9974.         }
  9975.  
  9976.         .callout-warning {
  9977.             border-left-color: var(--warning);
  9978.         }
  9979.  
  9980.         .callout-warning h4 {
  9981.             color: var(--warning);
  9982.         }
  9983.  
  9984.         .callout-middle {
  9985.             border-left-color: #ff9933;
  9986.         }
  9987.  
  9988.         .callout-middle h4 {
  9989.             color: #ff9933;
  9990.         }
  9991.  
  9992.         .callout-danger {
  9993.             border-left-color: var(--danger);
  9994.         }
  9995.  
  9996.         .callout-danger h4 {
  9997.             color: var(--danger);
  9998.         }
  9999.  
  10000.         .callout-light {
  10001.             border-left-color: var(--light);
  10002.         }
  10003.  
  10004.         .callout-light h4 {
  10005.             color: var(--light);
  10006.         }
  10007.  
  10008.         .callout-dark {
  10009.             border-left-color: #2f353a;
  10010.         }
  10011.  
  10012.         .callout-dark h4 {
  10013.             color: #2f353a;
  10014.         }
  10015.  
  10016.         *[dir="rtl"] .callout {
  10017.             border-right: 4px solid var(--secondary);
  10018.         }
  10019.  
  10020.         *[dir="rtl"] .callout.callout-primary {
  10021.             border-right-color: var(--primary);
  10022.         }
  10023.  
  10024.         *[dir="rtl"] .callout.callout-secondary {
  10025.             border-right-color: var(--secondary);
  10026.         }
  10027.  
  10028.         *[dir="rtl"] .callout.callout-success {
  10029.             border-right-color: var(--success);
  10030.         }
  10031.  
  10032.         *[dir="rtl"] .callout.callout-info {
  10033.             border-right-color: var(--info);
  10034.         }
  10035.  
  10036.         *[dir="rtl"] .callout.callout-warning {
  10037.             border-right-color: var(--warning);
  10038.         }
  10039.  
  10040.         *[dir="rtl"] .callout.callout-danger {
  10041.             border-right-color: var(--danger);
  10042.         }
  10043.  
  10044.         *[dir="rtl"] .callout.callout-light {
  10045.             border-right-color: var(--light);
  10046.         }
  10047.  
  10048.         *[dir="rtl"] .callout.callout-dark {
  10049.             border-right-color: #2f353a;
  10050.         }
  10051.  
  10052.         .card.bg-primary {
  10053.             border-color: #187da0;
  10054.         }
  10055.  
  10056.         .card.bg-primary .card-header {
  10057.             background-color: #1e9ecb;
  10058.             border-color: #187da0;
  10059.         }
  10060.  
  10061.         .card.bg-secondary {
  10062.             border-color: #a5aeb7;
  10063.         }
  10064.  
  10065.         .card.bg-secondary .card-header {
  10066.             background-color: #c0c6cc;
  10067.             border-color: #a5aeb7;
  10068.         }
  10069.  
  10070.         .card.bg-success {
  10071.             border-color: var(--success);
  10072.         }
  10073.  
  10074.         .card.bg-success .card-header {
  10075.             background-color: var(--success);
  10076.             border-color: var(--success);
  10077.         }
  10078.  
  10079.         .card.bg-info {
  10080.             border-color: var(--info);
  10081.         }
  10082.  
  10083.         .card.bg-info .card-header {
  10084.             background-color: var(--info);
  10085.             border-color: #2eadd3;
  10086.         }
  10087.  
  10088.         .card.bg-warning {
  10089.             border-color: var(--warning);
  10090.         }
  10091.  
  10092.         .card.bg-warning .card-header {
  10093.             background-color: var(--warning);
  10094.             border-color: var(--warning);
  10095.         }
  10096.  
  10097.         .card.bg-danger {
  10098.             border-color: var(--danger);
  10099.         }
  10100.  
  10101.         .card.bg-danger .card-header {
  10102.             background-color: var(--danger);
  10103.             border-color: var(--danger);
  10104.         }
  10105.  
  10106.         .card.bg-light {
  10107.             /*border-color: #cad4dc;*/
  10108.         }
  10109.  
  10110.         .card.bg-light .card-header {
  10111.             background-color: #e7ecef;
  10112.             border-color: #cad4dc;
  10113.         }
  10114.  
  10115.         .card.bg-dark {
  10116.             border-color: #121517;
  10117.         }
  10118.  
  10119.         .card.bg-dark .card-header {
  10120.             background-color: #282d32;
  10121.             border-color: #121517;
  10122.         }
  10123.  
  10124.         .progress-white {
  10125.             background-color: rgba(255, 255, 255, 0.2);
  10126.         }
  10127.  
  10128.         .progress-white .progress-bar {
  10129.             background-color: var(--no-white);
  10130.         }
  10131.  
  10132.         .table-outline {
  10133.             border: 1px solid var(--secondary);
  10134.         }
  10135.  
  10136.         .bg-primary,
  10137.         .bg-success,
  10138.         .bg-info,
  10139.         .bg-warning,
  10140.         .bg-danger,
  10141.         .bg-dark {
  10142.             color: var(--no-white);
  10143.         }
  10144.  
  10145.         .bg-facebook {
  10146.             background-color: #3b5998 !important;
  10147.         }
  10148.  
  10149.         a.bg-facebook:hover, a.bg-facebook:focus,
  10150.         button.bg-facebook:hover,
  10151.         button.bg-facebook:focus {
  10152.             background-color: #2d4373 !important;
  10153.         }
  10154.  
  10155.         .bg-twitter {
  10156.             background-color: #00aced !important;
  10157.         }
  10158.  
  10159.         a.bg-twitter:hover, a.bg-twitter:focus,
  10160.         button.bg-twitter:hover,
  10161.         button.bg-twitter:focus {
  10162.             background-color: #0087ba !important;
  10163.         }
  10164.  
  10165.         .bg-linkedin {
  10166.             background-color: #4875b4 !important;
  10167.         }
  10168.  
  10169.         a.bg-linkedin:hover, a.bg-linkedin:focus,
  10170.         button.bg-linkedin:hover,
  10171.         button.bg-linkedin:focus {
  10172.             background-color: #395d90 !important;
  10173.         }
  10174.  
  10175.         .bg-google-plus {
  10176.             background-color: #d34836 !important;
  10177.         }
  10178.  
  10179.         a.bg-google-plus:hover, a.bg-google-plus:focus,
  10180.         button.bg-google-plus:hover,
  10181.         button.bg-google-plus:focus {
  10182.             background-color: #b03626 !important;
  10183.         }
  10184.  
  10185.         .bg-flickr {
  10186.             background-color: #ff0084 !important;
  10187.         }
  10188.  
  10189.         a.bg-flickr:hover, a.bg-flickr:focus,
  10190.         button.bg-flickr:hover,
  10191.         button.bg-flickr:focus {
  10192.             background-color: #cc006a !important;
  10193.         }
  10194.  
  10195.         .bg-tumblr {
  10196.             background-color: #32506d !important;
  10197.         }
  10198.  
  10199.         a.bg-tumblr:hover, a.bg-tumblr:focus,
  10200.         button.bg-tumblr:hover,
  10201.         button.bg-tumblr:focus {
  10202.             background-color: #22364a !important;
  10203.         }
  10204.  
  10205.         .bg-xing {
  10206.             background-color: #026466 !important;
  10207.         }
  10208.  
  10209.         a.bg-xing:hover, a.bg-xing:focus,
  10210.         button.bg-xing:hover,
  10211.         button.bg-xing:focus {
  10212.             background-color: #013334 !important;
  10213.         }
  10214.  
  10215.         .bg-github {
  10216.             background-color: #4183c4 !important;
  10217.         }
  10218.  
  10219.         a.bg-github:hover, a.bg-github:focus,
  10220.         button.bg-github:hover,
  10221.         button.bg-github:focus {
  10222.             background-color: #3269a0 !important;
  10223.         }
  10224.  
  10225.         .bg-html5 {
  10226.             background-color: #e34f26 !important;
  10227.         }
  10228.  
  10229.         a.bg-html5:hover, a.bg-html5:focus,
  10230.         button.bg-html5:hover,
  10231.         button.bg-html5:focus {
  10232.             background-color: #be3c18 !important;
  10233.         }
  10234.  
  10235.         .bg-openid {
  10236.             background-color: #f78c40 !important;
  10237.         }
  10238.  
  10239.         a.bg-openid:hover, a.bg-openid:focus,
  10240.         button.bg-openid:hover,
  10241.         button.bg-openid:focus {
  10242.             background-color: #f56f0f !important;
  10243.         }
  10244.  
  10245.         .bg-stack-overflow {
  10246.             background-color: #fe7a15 !important;
  10247.         }
  10248.  
  10249.         a.bg-stack-overflow:hover, a.bg-stack-overflow:focus,
  10250.         button.bg-stack-overflow:hover,
  10251.         button.bg-stack-overflow:focus {
  10252.             background-color: #df6101 !important;
  10253.         }
  10254.  
  10255.         .bg-youtube {
  10256.             background-color: #b00 !important;
  10257.         }
  10258.  
  10259.         a.bg-youtube:hover, a.bg-youtube:focus,
  10260.         button.bg-youtube:hover,
  10261.         button.bg-youtube:focus {
  10262.             background-color: #880000 !important;
  10263.         }
  10264.  
  10265.         .bg-css3 {
  10266.             background-color: #0170ba !important;
  10267.         }
  10268.  
  10269.         a.bg-css3:hover, a.bg-css3:focus,
  10270.         button.bg-css3:hover,
  10271.         button.bg-css3:focus {
  10272.             background-color: #015187 !important;
  10273.         }
  10274.  
  10275.         .bg-dribbble {
  10276.             background-color: #ea4c89 !important;
  10277.         }
  10278.  
  10279.         a.bg-dribbble:hover, a.bg-dribbble:focus,
  10280.         button.bg-dribbble:hover,
  10281.         button.bg-dribbble:focus {
  10282.             background-color: #e51e6b !important;
  10283.         }
  10284.  
  10285.         .bg-instagram {
  10286.             background-color: #517fa4 !important;
  10287.         }
  10288.  
  10289.         a.bg-instagram:hover, a.bg-instagram:focus,
  10290.         button.bg-instagram:hover,
  10291.         button.bg-instagram:focus {
  10292.             background-color: #406582 !important;
  10293.         }
  10294.  
  10295.         .bg-pinterest {
  10296.             background-color: #cb2027 !important;
  10297.         }
  10298.  
  10299.         a.bg-pinterest:hover, a.bg-pinterest:focus,
  10300.         button.bg-pinterest:hover,
  10301.         button.bg-pinterest:focus {
  10302.             background-color: #9f191f !important;
  10303.         }
  10304.  
  10305.         .bg-vk {
  10306.             background-color: #45668e !important;
  10307.         }
  10308.  
  10309.         a.bg-vk:hover, a.bg-vk:focus,
  10310.         button.bg-vk:hover,
  10311.         button.bg-vk:focus {
  10312.             background-color: #344d6c !important;
  10313.         }
  10314.  
  10315.         .bg-yahoo {
  10316.             background-color: #400191 !important;
  10317.         }
  10318.  
  10319.         a.bg-yahoo:hover, a.bg-yahoo:focus,
  10320.         button.bg-yahoo:hover,
  10321.         button.bg-yahoo:focus {
  10322.             background-color: #2a015e !important;
  10323.         }
  10324.  
  10325.         .bg-behance {
  10326.             background-color: #1769ff !important;
  10327.         }
  10328.  
  10329.         a.bg-behance:hover, a.bg-behance:focus,
  10330.         button.bg-behance:hover,
  10331.         button.bg-behance:focus {
  10332.             background-color: #0050e3 !important;
  10333.         }
  10334.  
  10335.         .bg-dropbox {
  10336.             background-color: #007ee5 !important;
  10337.         }
  10338.  
  10339.         a.bg-dropbox:hover, a.bg-dropbox:focus,
  10340.         button.bg-dropbox:hover,
  10341.         button.bg-dropbox:focus {
  10342.             background-color: #0062b2 !important;
  10343.         }
  10344.  
  10345.         .bg-reddit {
  10346.             background-color: #ff4500 !important;
  10347.         }
  10348.  
  10349.         a.bg-reddit:hover, a.bg-reddit:focus,
  10350.         button.bg-reddit:hover,
  10351.         button.bg-reddit:focus {
  10352.             background-color: #cc3700 !important;
  10353.         }
  10354.  
  10355.         .bg-spotify {
  10356.             background-color: #7ab800 !important;
  10357.         }
  10358.  
  10359.         a.bg-spotify:hover, a.bg-spotify:focus,
  10360.         button.bg-spotify:hover,
  10361.         button.bg-spotify:focus {
  10362.             background-color: #588500 !important;
  10363.         }
  10364.  
  10365.         .bg-vine {
  10366.             background-color: #00bf8f !important;
  10367.         }
  10368.  
  10369.         a.bg-vine:hover, a.bg-vine:focus,
  10370.         button.bg-vine:hover,
  10371.         button.bg-vine:focus {
  10372.             background-color: #008c69 !important;
  10373.         }
  10374.  
  10375.         .bg-foursquare {
  10376.             background-color: #1073af !important;
  10377.         }
  10378.  
  10379.         a.bg-foursquare:hover, a.bg-foursquare:focus,
  10380.         button.bg-foursquare:hover,
  10381.         button.bg-foursquare:focus {
  10382.             background-color: #0c5480 !important;
  10383.         }
  10384.  
  10385.         .bg-vimeo {
  10386.             background-color: #aad450 !important;
  10387.         }
  10388.  
  10389.         a.bg-vimeo:hover, a.bg-vimeo:focus,
  10390.         button.bg-vimeo:hover,
  10391.         button.bg-vimeo:focus {
  10392.             background-color: #93c130 !important;
  10393.         }
  10394.  
  10395.         .bg-blue {
  10396.             background-color: var(--primary) !important;
  10397.         }
  10398.  
  10399.         a.bg-blue:hover, a.bg-blue:focus,
  10400.         button.bg-blue:hover,
  10401.         button.bg-blue:focus {
  10402.             background-color: #1985ac !important;
  10403.         }
  10404.  
  10405.         .bg-indigo {
  10406.             background-color: #6610f2 !important;
  10407.         }
  10408.  
  10409.         a.bg-indigo:hover, a.bg-indigo:focus,
  10410.         button.bg-indigo:hover,
  10411.         button.bg-indigo:focus {
  10412.             background-color: #510bc4 !important;
  10413.         }
  10414.  
  10415.         .bg-purple {
  10416.             background-color: #6f42c1 !important;
  10417.         }
  10418.  
  10419.         a.bg-purple:hover, a.bg-purple:focus,
  10420.         button.bg-purple:hover,
  10421.         button.bg-purple:focus {
  10422.             background-color: #59339d !important;
  10423.         }
  10424.  
  10425.         .bg-pink {
  10426.             background-color: #e83e8c !important;
  10427.         }
  10428.  
  10429.         a.bg-pink:hover, a.bg-pink:focus,
  10430.         button.bg-pink:hover,
  10431.         button.bg-pink:focus {
  10432.             background-color: #d91a72 !important;
  10433.         }
  10434.  
  10435.         .bg-red {
  10436.             background-color: var(--danger) !important;
  10437.         }
  10438.  
  10439.         a.bg-red:hover, a.bg-red:focus,
  10440.         button.bg-red:hover,
  10441.         button.bg-red:focus {
  10442.             background-color: #f63c3a !important;
  10443.         }
  10444.  
  10445.         .bg-orange {
  10446.             background-color: #f8cb00 !important;
  10447.         }
  10448.  
  10449.         a.bg-orange:hover, a.bg-orange:focus,
  10450.         button.bg-orange:hover,
  10451.         button.bg-orange:focus {
  10452.             background-color: #c5a100 !important;
  10453.         }
  10454.  
  10455.         .bg-yellow {
  10456.             background-color: var(--warning) !important;
  10457.         }
  10458.  
  10459.         a.bg-yellow:hover, a.bg-yellow:focus,
  10460.         button.bg-yellow:hover,
  10461.         button.bg-yellow:focus {
  10462.             background-color: #d39e00 !important;
  10463.         }
  10464.  
  10465.         .bg-green {
  10466.             background-color: var(--success) !important;
  10467.         }
  10468.  
  10469.         a.bg-green:hover, a.bg-green:focus,
  10470.         button.bg-green:hover,
  10471.         button.bg-green:focus {
  10472.             background-color: #3a9d5d !important;
  10473.         }
  10474.  
  10475.         .bg-teal {
  10476.             background-color: #20c997 !important;
  10477.         }
  10478.  
  10479.         a.bg-teal:hover, a.bg-teal:focus,
  10480.         button.bg-teal:hover,
  10481.         button.bg-teal:focus {
  10482.             background-color: #199d76 !important;
  10483.         }
  10484.  
  10485.         .bg-cyan {
  10486.             background-color: #17a2b8 !important;
  10487.         }
  10488.  
  10489.         a.bg-cyan:hover, a.bg-cyan:focus,
  10490.         button.bg-cyan:hover,
  10491.         button.bg-cyan:focus {
  10492.             background-color: #117a8b !important;
  10493.         }
  10494.  
  10495.         .bg-white {
  10496.             background-color: var(--no-white) !important;
  10497.         }
  10498.  
  10499.         a.bg-white:hover, a.bg-white:focus,
  10500.         button.bg-white:hover,
  10501.         button.bg-white:focus {
  10502.             background-color: #e6e6e6 !important;
  10503.         }
  10504.  
  10505.         .bg-gray {
  10506.             background-color: var(--muted) !important;
  10507.         }
  10508.  
  10509.         a.bg-gray:hover, a.bg-gray:focus,
  10510.         button.bg-gray:hover,
  10511.         button.bg-gray:focus {
  10512.             background-color: #5c6873 !important;
  10513.         }
  10514.  
  10515.         .bg-gray-dark {
  10516.             background-color: #2f353a !important;
  10517.         }
  10518.  
  10519.         a.bg-gray-dark:hover, a.bg-gray-dark:focus,
  10520.         button.bg-gray-dark:hover,
  10521.         button.bg-gray-dark:focus {
  10522.             background-color: #181b1e !important;
  10523.         }
  10524.  
  10525.         .bg-gray-100 {
  10526.             background-color: var(--light) !important;
  10527.         }
  10528.  
  10529.         a.bg-gray-100:hover, a.bg-gray-100:focus,
  10530.         button.bg-gray-100:hover,
  10531.         button.bg-gray-100:focus {
  10532.             background-color: #d1dbe1 !important;
  10533.         }
  10534.  
  10535.         .bg-gray-200 {
  10536.             background-color: #e4e7ea !important;
  10537.         }
  10538.  
  10539.         a.bg-gray-200:hover, a.bg-gray-200:focus,
  10540.         button.bg-gray-200:hover,
  10541.         button.bg-gray-200:focus {
  10542.             background-color: #c7ced4 !important;
  10543.         }
  10544.  
  10545.         .bg-gray-300 {
  10546.             background-color: var(--secondary) !important;
  10547.         }
  10548.  
  10549.         a.bg-gray-300:hover, a.bg-gray-300:focus,
  10550.         button.bg-gray-300:hover,
  10551.         button.bg-gray-300:focus {
  10552.             background-color: #acb5bc !important;
  10553.         }
  10554.  
  10555.         .bg-gray-400 {
  10556.             background-color: #acb4bc !important;
  10557.         }
  10558.  
  10559.         a.bg-gray-400:hover, a.bg-gray-400:focus,
  10560.         button.bg-gray-400:hover,
  10561.         button.bg-gray-400:focus {
  10562.             background-color: #909ba5 !important;
  10563.         }
  10564.  
  10565.         .bg-gray-500 {
  10566.             background-color: #8f9ba6 !important;
  10567.         }
  10568.  
  10569.         a.bg-gray-500:hover, a.bg-gray-500:focus,
  10570.         button.bg-gray-500:hover,
  10571.         button.bg-gray-500:focus {
  10572.             background-color: #73828f !important;
  10573.         }
  10574.  
  10575.         .bg-gray-600 {
  10576.             background-color: var(--muted) !important;
  10577.         }
  10578.  
  10579.         a.bg-gray-600:hover, a.bg-gray-600:focus,
  10580.         button.bg-gray-600:hover,
  10581.         button.bg-gray-600:focus {
  10582.             background-color: #5c6873 !important;
  10583.         }
  10584.  
  10585.         .bg-gray-700 {
  10586.             background-color: #5c6873 !important;
  10587.         }
  10588.  
  10589.         a.bg-gray-700:hover, a.bg-gray-700:focus,
  10590.         button.bg-gray-700:hover,
  10591.         button.bg-gray-700:focus {
  10592.             background-color: #454e57 !important;
  10593.         }
  10594.  
  10595.         .bg-gray-800 {
  10596.             background-color: #2f353a !important;
  10597.         }
  10598.  
  10599.         a.bg-gray-800:hover, a.bg-gray-800:focus,
  10600.         button.bg-gray-800:hover,
  10601.         button.bg-gray-800:focus {
  10602.             background-color: #181b1e !important;
  10603.         }
  10604.  
  10605.         .box-links:hover {
  10606.             background-color: #F8FDFF;
  10607.             border-color: var(--primary) !important;
  10608.         }
  10609.  
  10610.         ul.no-last-border li {
  10611.             border-bottom: 1px solid #DDD;
  10612.         }
  10613.  
  10614.         .nav-tabs .nav-link {
  10615.             color: var(--muted);
  10616.         }
  10617.  
  10618.         .tab-content {
  10619.             background: var(--no-white);
  10620.             border: 1px solid rgba(0, 0, 0, 0.125);
  10621.         }
  10622.  
  10623.         .nav-fill .nav-link {
  10624.             background-color: var(--no-white);
  10625.             border-color: var(--secondary);
  10626.         }
  10627.  
  10628.         .nav-fill .nav-link.active {
  10629.             border-top: 2px solid var(--primary);
  10630.         }
  10631.  
  10632.         .page-cover {
  10633.             background: rgba(187, 229, 243, 1);
  10634.             background: -moz-linear-gradient(top, rgba(187, 229, 243, 1) 0%, rgba(151, 183, 194, 1) 71%, rgba(117, 137, 146, 1) 100%);
  10635.             background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(187, 229, 243, 1)), color-stop(71%, rgba(151, 183, 194, 1)), color-stop(100%, rgba(117, 137, 146, 1)));
  10636.             background: -webkit-linear-gradient(top, rgba(187, 229, 243, 1) 0%, rgba(151, 183, 194, 1) 71%, rgba(117, 137, 146, 1) 100%);
  10637.             background: -o-linear-gradient(top, rgba(187, 229, 243, 1) 0%, rgba(151, 183, 194, 1) 71%, rgba(117, 137, 146, 1) 100%);
  10638.             background: -ms-linear-gradient(top, rgba(187, 229, 243, 1) 0%, rgba(151, 183, 194, 1) 71%, rgba(117, 137, 146, 1) 100%);
  10639.             background: linear-gradient(to bottom, rgba(187, 229, 243, 1) 0%, rgba(151, 183, 194, 1) 71%, rgba(117, 137, 146, 1) 100%);
  10640.             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbe5f3', endColorstr='#758992', GradientType=0);
  10641.         }
  10642.  
  10643.         .page-cover h5 {
  10644.             color: var(--no-white);
  10645.         }
  10646.  
  10647.         .page-cover_user {
  10648.             background: rgb(255, 228, 0);
  10649.             background: linear-gradient(90deg, rgba(255, 228, 0, 1) 0%, rgba(232, 208, 27, 1) 0%);
  10650.             background: url('../img/comunicado/banner-feed-user.jpg') no-repeat center top;
  10651.         }
  10652.  
  10653.         @media (max-width: 590px) {
  10654.             .page-cover_user {
  10655.                 background: url('../img/comunicado/banner-feed-user.jpg') no-repeat left 35% center;
  10656.             }
  10657.         }
  10658.  
  10659.         .user-menu_canalcomunicacao {
  10660.             background-color: var(--no-white);
  10661.             box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
  10662.         }
  10663.  
  10664.         .user-cover {
  10665.             background-color: #F3F4F6;
  10666.         }
  10667.  
  10668.         .box-links:hover span {
  10669.             color: var(--primary) !important;
  10670.         }
  10671.  
  10672.         .top-box-left {
  10673.             background-color: var(--global-bg-color);
  10674.         }
  10675.  
  10676.         .top-box-right {
  10677.             background-color: #F5F5F5;
  10678.         }
  10679.  
  10680.         .bg-gray-900 {
  10681.             background-color: var(--texto) !important;
  10682.         }
  10683.  
  10684.         a.bg-gray-900:hover, a.bg-gray-900:focus,
  10685.         button.bg-gray-900:hover,
  10686.         button.bg-gray-900:focus {
  10687.             background-color: #0c0e10 !important;
  10688.         }
  10689.  
  10690.         form.message-comments .btn-comentar {
  10691.             background-color: var(--success);
  10692.             color: var(--no-white);
  10693.         }
  10694.  
  10695.         .bg-metas-red {
  10696.             background-color: #FFE9E9;
  10697.         }
  10698.  
  10699.         .bg-metas-green {
  10700.             background-color: #CEF7D3;
  10701.         }
  10702.  
  10703.         form.message-comments .btn-comentar:hover {
  10704.             background-color: #90B342;
  10705.         }
  10706.  
  10707.         ul.arrow-marker > li a {
  10708.             color: var(--texto);
  10709.         }
  10710.  
  10711.         ul.arrow-marker > li a:hover {
  10712.             color: var(--primary);
  10713.         }
  10714.  
  10715.         mark {
  10716.             background: var(--primary);
  10717.         }
  10718.         .marcaBusca{
  10719.             background: var(--primary);
  10720.         }
  10721.         .checked {
  10722.             color: #ffe045;
  10723.         }
  10724.  
  10725.         .marquee p {
  10726.             color: #274297;
  10727.         }
  10728.  
  10729.         .breaking-news {
  10730.             background: #EFF3F5 url('../img/menus/icon_breaking-news.svg') no-repeat left 10px center;
  10731.         }
  10732.  
  10733.  
  10734.  
  10735.         .radio-image label > input:checked + img {
  10736.             border: 4px solid #3F51B5;
  10737.         }
  10738.  
  10739.         .border-left-4_blue {
  10740.             border-left: 4px solid var(--primary);
  10741.         }
  10742.  
  10743.         span.error,
  10744.         p.error {
  10745.             color: #FF8484;
  10746.         }
  10747.  
  10748.         .body-login {
  10749.             background: var(--primary) url('../img/bg-squares.png') no-repeat left -30% bottom;
  10750.         }
  10751.  
  10752.         .form-login form input.user-error {
  10753.             border: 2px solid #FF8484;
  10754.         }
  10755.  
  10756.         .form-login form input.pass-error {
  10757.             border: 2px solid #FF8484;
  10758.         }
  10759.  
  10760.         p.sonho-possivel {
  10761.             color: #5CDC5B;
  10762.         }
  10763.  
  10764.         p.sonho-inviavel {
  10765.             color: #FF6F6F;
  10766.         }
  10767.  
  10768.  
  10769.         /**
  10770.         Loader da página cores
  10771.      */
  10772.         @-webkit-keyframes load5 {
  10773.             0%,
  10774.             100% {
  10775.                 box-shadow: 0em -2.6em 0em 0em #c0c0c0, 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.5), -1.8em -1.8em 0 0em rgba(192,192,192, 0.7);
  10776.             }
  10777.             12.5% {
  10778.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.7), 1.8em -1.8em 0 0em #c0c0c0, 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.5);
  10779.             }
  10780.             25% {
  10781.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.5), 1.8em -1.8em 0 0em rgba(192,192,192, 0.7), 2.5em 0em 0 0em #c0c0c0, 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10782.             }
  10783.             37.5% {
  10784.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.5), 2.5em 0em 0 0em rgba(192,192,192, 0.7), 1.75em 1.75em 0 0em #c0c0c0, 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10785.             }
  10786.             50% {
  10787.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.5), 1.75em 1.75em 0 0em rgba(192,192,192, 0.7), 0em 2.5em 0 0em #c0c0c0, -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10788.             }
  10789.             62.5% {
  10790.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.5), 0em 2.5em 0 0em rgba(192,192,192, 0.7), -1.8em 1.8em 0 0em #c0c0c0, -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10791.             }
  10792.             75% {
  10793.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.5), -1.8em 1.8em 0 0em rgba(192,192,192, 0.7), -2.6em 0em 0 0em #c0c0c0, -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10794.             }
  10795.             87.5% {
  10796.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.5), -2.6em 0em 0 0em rgba(192,192,192, 0.7), -1.8em -1.8em 0 0em #c0c0c0;
  10797.             }
  10798.         }
  10799.         @keyframes load5 {
  10800.             0%,
  10801.             100% {
  10802.                 box-shadow: 0em -2.6em 0em 0em #c0c0c0, 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.5), -1.8em -1.8em 0 0em rgba(192,192,192, 0.7);
  10803.             }
  10804.             12.5% {
  10805.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.7), 1.8em -1.8em 0 0em #c0c0c0, 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.5);
  10806.             }
  10807.             25% {
  10808.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.5), 1.8em -1.8em 0 0em rgba(192,192,192, 0.7), 2.5em 0em 0 0em #c0c0c0, 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10809.             }
  10810.             37.5% {
  10811.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.5), 2.5em 0em 0 0em rgba(192,192,192, 0.7), 1.75em 1.75em 0 0em #c0c0c0, 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10812.             }
  10813.             50% {
  10814.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.5), 1.75em 1.75em 0 0em rgba(192,192,192, 0.7), 0em 2.5em 0 0em #c0c0c0, -1.8em 1.8em 0 0em rgba(192,192,192, 0.2), -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10815.             }
  10816.             62.5% {
  10817.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.5), 0em 2.5em 0 0em rgba(192,192,192, 0.7), -1.8em 1.8em 0 0em #c0c0c0, -2.6em 0em 0 0em rgba(192,192,192, 0.2), -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10818.             }
  10819.             75% {
  10820.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.5), -1.8em 1.8em 0 0em rgba(192,192,192, 0.7), -2.6em 0em 0 0em #c0c0c0, -1.8em -1.8em 0 0em rgba(192,192,192, 0.2);
  10821.             }
  10822.             87.5% {
  10823.                 box-shadow: 0em -2.6em 0em 0em rgba(192,192,192, 0.2), 1.8em -1.8em 0 0em rgba(192,192,192, 0.2), 2.5em 0em 0 0em rgba(192,192,192, 0.2), 1.75em 1.75em 0 0em rgba(192,192,192, 0.2), 0em 2.5em 0 0em rgba(192,192,192, 0.2), -1.8em 1.8em 0 0em rgba(192,192,192, 0.5), -2.6em 0em 0 0em rgba(192,192,192, 0.7), -1.8em -1.8em 0 0em #c0c0c0;
  10824.             }
  10825.         }
  10826.  
  10827.  
  10828.         .btn {
  10829.             -ms-transform: skewX(-10deg);
  10830.             -webkit-transform: skewX(-10deg);
  10831.             -moz-transform: skewX(-10deg);
  10832.             -o-transform: skewX(-10deg);
  10833.             transform: skewX(-10deg);
  10834.             border-radius: .5rem;
  10835.         }
  10836.  
  10837.         .btn article {
  10838.             -ms-transform: skewX(10deg);
  10839.             -webkit-transform: skewX(10deg);
  10840.             -moz-transform: skewX(10deg);
  10841.             -o-transform: skewX(10deg);
  10842.             transform: skewX(10deg);
  10843.         }
  10844.  
  10845.         .rotate-10deg {
  10846.             -ms-transform: skewX(10deg);
  10847.             -webkit-transform: skewX(10deg);
  10848.             -moz-transform: skewX(10deg);
  10849.             -o-transform: skewX(10deg);
  10850.             transform: skewX(10deg);
  10851.         }
  10852.  
  10853.         .btn.no-transform {
  10854.             -ms-transform: skewX(0);
  10855.             -webkit-transform: skewX(0);
  10856.             -moz-transform: skewX(0);
  10857.             -o-transform: skewX(0);
  10858.             transform: skewX(0);
  10859.         }
  10860.  
  10861.         .text-border-bottom-amarelo:after {
  10862.             position: relative;
  10863.             content: " ";
  10864.             width: 50px;
  10865.             height: 1px;
  10866.             border: solid 1px var(--amarelo-cliente);
  10867.             transform: rotate(360deg);
  10868.             display: inline-block;
  10869.             right:50px;
  10870.             top:10px;
  10871.         }
  10872.     </style>
  10873.     <!-- Toastr, Alerta de sucesso ou error css -->
  10874.     <link rel="stylesheet" href="/assets/toastr/css/toastr.css">
  10875.     <script type="text/javascript" src="/assets/js/jquery/js/jquery_3.5.1v.min.js"></script>
  10876. </head>
  10877.  
  10878. <body class="app header-fixed sidebar-minimized aside-menu-minimized sidebar-lg-show">
  10879.  
  10880. <header>
  10881.     <nav class="second-block" style="transition: none 0s ease 0s; position: fixed; z-index: 25; top: 0px; width: 100%;">
  10882.         <div class="container py-0">
  10883.             <div class="row py-1">
  10884.                 <div class="col-12 d-flex align-items-center">
  10885.                     <div class="img_logo">
  10886.                         <a href="/">
  10887.                             <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce_menu/img/desktop/logo.png" alt="Logo Farmácias Nissei">
  10888.                         </a>
  10889.                     </div>
  10890.                     <div class="d-flex align-items-center w-100 ml-3" style="bottom: -1.9274px;">
  10891.                         <div class="d-block pl-2">
  10892.                             <div class="d-flex">
  10893.                                 <a href="https://www.farmaciasnissei.com.br/" class="pr-3" style="text-decoration:none;color:#3d85c6" target="_blank">
  10894.                                     <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/icon_web.jpg" alt="Versão web" style="margin-top:15px" width="45">
  10895.                                     <br>
  10896.                                     <span style="font-size:12px" class="text-nowrap">Versão web</span>
  10897.                                 </a>
  10898.                                 <a href="https://www.farmaciasnissei.com.br/" class="pr-3" style="text-decoration:none;color:#3d85c6" target="_blank">
  10899.                                     <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/icon_site.jpg" alt="Visitar site" style="margin-top:15px" width="45">
  10900.                                     <br>
  10901.                                     <span style="font-size:12px" class="text-nowrap">Visitar site</span>
  10902.                                 </a>
  10903.                             </div>
  10904.                         </div>
  10905.                     </div>
  10906.                 </div>
  10907.             </div>
  10908.         </div>
  10909.  
  10910.         <div class="submenu" style="background: #ffd200">
  10911.             <div class="container">
  10912.                 <div class="row">
  10913.                     <div class="col-12 pl-0">
  10914.                         <ul class="lista-submenu" style="color: #000000">
  10915.                             <style>
  10916.                                 .tab-padrao-1:hover {
  10917.                                     background-color: #00af66;
  10918.                                     color: #ffffff
  10919.                                 }
  10920.                             </style>
  10921.                             <li class="link-submenu  tab-padrao-1">
  10922.                                 <a >Retire no Carro</a>
  10923.                                 {#                            <div class="tab_submenu">#}
  10924.                                 {#                                <div class="col-8">#}
  10925.                                 {#                                    <ul class="row">#}
  10926.                                 {#                                        <li class="item_link col-4">#}
  10927.                                 {#                                            <ul class="categoria_link">#}
  10928.                                 {#                                                <a href="/Item" class="">Máscara</a>#}
  10929.                                 {#                                                <li><a href="/ mascara1">Máscara 1</a></li>#}
  10930.                                 {#                                                <li><a href="/mascara2">Máscara 2</a></li>#}
  10931.                                 {#                                                <li><a href="/mascara3">Máscara 3</a></li>#}
  10932.                                 {#                                                <li><a href="/mascara4">Máscara 4</a></li>#}
  10933.                                 {#                                                <li><a href="/mascara">+ Máscaras para prevenção</a></li>#}
  10934.                                 {#                                            </ul>#}
  10935.                                 {#                                        </li>#}
  10936.                                 {#                                        <li class="item_link col-4">#}
  10937.                                 {#                                            <ul class="categoria_link">#}
  10938.                                 {#                                                <a href="/alcool" class="">Alcool e Gel</a>#}
  10939.                                 {#                                                <li><a href="/alcool1">Alcool e Gel 1</a></li>#}
  10940.                                 {#                                                <li><a href="/alcool2">Alcool e Gel 2 </a></li>#}
  10941.                                 {#                                                <li><a href="/alcool3">Alcool e Gel 3</a></li>#}
  10942.                                 {#                                            </ul>#}
  10943.                                 {#                                        </li>#}
  10944.                                 {#                                        <li class="item_link col-4">#}
  10945.                                 {#                                            <ul class="categoria_link">#}
  10946.                                 {#                                                <a href="/alcool" class="">Faceshield</a>#}
  10947.                                 {#                                                <li><a href="/Faceshield1">Faceshield 1</a></li>#}
  10948.                                 {#                                                <li><a href="/Faceshield2">Faceshield 2 </a></li>#}
  10949.                                 {#                                                <li><a href="/Faceshield3">Faceshield 3</a></li>#}
  10950.                                 {#                                                <li><a href="/coronavirus">+ Outros</a></li>#}
  10951.                                 {#                                            </ul>#}
  10952.                                 {#                                        </li>#}
  10953.                                 {#                                        <li class="item_link col-4">#}
  10954.                                 {#                                            <ul class="categoria_link">#}
  10955.                                 {#                                                <a href="/remedios-corona" class="">Remédios</a>#}
  10956.                                 {#                                                <li><a href="/ivermectina">Ivermectina</a></li>#}
  10957.                                 {#                                                <li><a href="/hidroxicloroquina">Hidroxicloroquina </a></li>#}
  10958.                                 {#                                                <li><a href="/dipirona">Dipirona</a></li>#}
  10959.                                 {#                                            </ul>#}
  10960.                                 {#                                        </li>#}
  10961.                                 {#                                    </ul>#}
  10962.                                 {#                                </div>#}
  10963.                                 {#                                <div class="col-4 text-right">#}
  10964.                                 {#                                    <img src="/assets/ecommerce_menu/img/desktop/banner-menus.jpg" class="img_sub" width="100%">#}
  10965.                                 {#                                </div>#}
  10966.                                 {#                            </div>#}
  10967.                             </li>
  10968.                         </ul>
  10969.                     </div>
  10970.                 </div>
  10971.             </div>
  10972.         </div>
  10973.     </nav>
  10974. </header>
  10975.  
  10976. <div class="app-body">
  10977.     <main class="main">
  10978.         <div class="container">
  10979.             <div class="row">
  10980.                 <div class="col-12">
  10981.                     <style>
  10982.                         .camera-on{
  10983.                             position:fixed;
  10984.                             top:0;
  10985.                             left:0;
  10986.                             width:100%;
  10987.                             height:100%;
  10988.                             z-index:20000;
  10989.                         }
  10990.                         .camera-off{
  10991.                             width:256px;
  10992.                             height:256px;
  10993.                         }
  10994.                     </style>
  10995.  
  10996.                     <p class="mt-4">{{ cliente.cliente }}, você escolheu retirar seu pedido no carro.</p>
  10997.                     <p class="mt-2"> <span class="font-weight-bold">1)</span> Scaneie o QR CODE da vaga demarcada ou clique no botão abaixo</p>
  10998.  
  10999.                     <span id="cam-qr-result"></span>
  11000.  
  11001.                     <div class="d-flex justify-content-center mt-4 mb-2">
  11002.                         <video class="camera-off" id="qr-video"></video>
  11003.                     </div>
  11004.  
  11005.                     <script type="module">
  11006.                         function confirmarChegadaQrcode(qr_code) {
  11007.                             let tipo_confirmacao = 'qrcode';
  11008.                             let pedido_hash = 'aa23bb96-e667-11ea-adc1-0242ac120002';
  11009.  
  11010.                             confirmar_chegada(tipo_confirmacao, null, null, qr_code, pedido_hash)
  11011.                         }
  11012.  
  11013.                         import QrScanner from "{% static 'js/utilitarios/qrcode/leitor_codigo_qr/qr-scanner.min.js' %}";
  11014.  
  11015.                         QrScanner.WORKER_PATH = '{% static 'js/utilitarios/qrcode/leitor_codigo_qr/qr-scanner-worker.min.js' %}';
  11016.  
  11017.                         const video = document.getElementById('qr-video');
  11018.                         const camQrResult = document.getElementById('cam-qr-result');
  11019.  
  11020.                         function setResult(label, result) {
  11021.                             confirmarChegadaQrcode(result);
  11022.                             label.textContent = result;
  11023.                             label.style.color = 'teal';
  11024.                             clearTimeout(label.highlightTimeout);
  11025.                             label.highlightTimeout = setTimeout(() => label.style.color = 'inherit', 100);
  11026.                         }
  11027.  
  11028.                         const scanner = new QrScanner(video, result => setResult(camQrResult, result), error => {
  11029.                             camQrResult.textContent = error;
  11030.                             camQrResult.style.color = 'inherit';
  11031.                         });
  11032.  
  11033.                         // for debugging
  11034.                         window.scanner = scanner;
  11035.  
  11036.                         window.onload = function(){
  11037.                             QrScanner.hasCamera().then(function(valor) {
  11038.                                 scanner.start().then(function(valor) {
  11039.                                     $('#qr-video').removeClass('d-none');
  11040.                                 }, function(motivo) {
  11041.                                     $('#modal_camera_nao_permitida').modal('show');
  11042.                                 });
  11043.                             }, function(motivo) {
  11044.                                 $('#modal_camera_bloqueada').modal('show');
  11045.                             });
  11046.                         }
  11047.                         $('#qr-video').click(function(){
  11048.                             $(this).toggleClass('camera-on');
  11049.                             $(this).toggleClass('camera-off');
  11050.                         });
  11051.                     </script>
  11052.  
  11053.                     <p class="text-center my-2">Ou</p>
  11054.  
  11055.                     <!-- localizacao -->
  11056.                     <div class="d-flex justify-content-center  my-2">
  11057.                         <a class="btn btn-light font-2xl px-3 py-2 w-100" style="max-width:256px;" id="pedir-coordenadas"><article>Cheguei</article></a>
  11058.                     </div>
  11059.                     <div class="modal fade" id="modal_localizacao_bloqueada" style="z-index: 12000" tabindex="-1" role="dialog" aria-labelledby="modal_localizacao_bloqueada" aria-hidden="true" >
  11060.                         <div class="modal-dialog modal-sm" role="document">
  11061.                             <div class="modal-content">
  11062.                                 <div class="modal-header">
  11063.                                     <p class="font-weight-bold">Localização bloqueada</p>
  11064.  
  11065.                                     <a class="icon_close02 cursor-pointer" data-dismiss="modal"></a>
  11066.                                 </div>
  11067.                                 <div class="modal-body">
  11068.                                     <div class="d-flex justify-content-between align-items-center mb-3">
  11069.                                         O acesso à localização não é permitida nesse navegador. Para conseguir filtrar apenas endereços próximos, você precisa utilizar outro navegador.
  11070.                                     </div><!-- .d-flex -->
  11071.                                 </div>
  11072.                             </div>
  11073.                         </div>
  11074.                     </div><!-- Fecha modal -->
  11075.                     <div class="modal fade" id="modal_localizacao_nao_permitida" style="z-index: 12000" tabindex="-1" role="dialog" aria-labelledby="modal_localizacao_nao_permitida" aria-hidden="true">
  11076.                         <div class="modal-dialog modal-lg" role="document">
  11077.                             <div class="modal-content">
  11078.                                 <div class="modal-header">
  11079.                                     <p class="font-weight-bold">Localização não permitida</p>
  11080.  
  11081.                                     <button type="button" class="close-modal" data-dismiss="modal" aria-label="Close">
  11082.                                         <span aria-hidden="true">x</span>
  11083.                                     </button>
  11084.                                 </div>
  11085.                                 <div class="modal-body">
  11086.                                     <div class="d-flex justify-content-between align-items-center mb-3">
  11087.                                         Essa aplicação requer à localização do seu navegador. Vá até as configurações do seu navegador e
  11088.                                         permita o acesso para conseguir utilizá-la.
  11089.                                         Se você bloqueou o acesso mas não clicou em 'lembrar essa decisão', recarregue a página e permita o
  11090.                                         acesso.
  11091.                                     </div><!-- .d-flex -->
  11092.                                 </div>
  11093.                             </div>
  11094.                         </div>
  11095.                     </div><!-- Fecha modal -->
  11096.  
  11097.                     <div class="modal fade" id="modal_camera_bloqueada" style="z-index: 12000" tabindex="-1" role="dialog" aria-labelledby="modal_camera_bloqueada" aria-hidden="true" >
  11098.                         <div class="modal-dialog modal-sm" role="document">
  11099.                             <div class="modal-content">
  11100.                                 <div class="modal-header">
  11101.                                     <p class="font-weight-bold">Câmera bloqueada</p>
  11102.  
  11103.                                     <a class="icon_close02 cursor-pointer" data-dismiss="modal"></a>
  11104.                                 </div>
  11105.                                 <div class="modal-body">
  11106.                                     <div class="d-flex justify-content-between align-items-center mb-3">
  11107.                                         O acesso à Câmera não é permitida nesse navegador. Para conseguir scanear o QR Code, você precisa utilizar outro navegador.
  11108.                                     </div><!-- .d-flex -->
  11109.                                 </div>
  11110.                             </div>
  11111.                         </div>
  11112.                     </div><!-- Fecha modal -->
  11113.                     <div class="modal fade" id="modal_camera_nao_permitida" style="z-index: 12000" tabindex="-1" role="dialog" aria-labelledby="modal_camera_nao_permitida" aria-hidden="true">
  11114.                         <div class="modal-dialog modal-lg" role="document">
  11115.                             <div class="modal-content">
  11116.                                 <div class="modal-header">
  11117.                                     <p class="font-weight-bold">Câmera não permitida</p>
  11118.  
  11119.                                     <button type="button" class="close-modal" data-dismiss="modal" aria-label="Close">
  11120.                                         <span aria-hidden="true">x</span>
  11121.                                     </button>
  11122.                                 </div>
  11123.                                 <div class="modal-body">
  11124.                                     <div class="d-flex justify-content-between align-items-center mb-3">
  11125.                                         Essa aplicação requer à acesso a câmera do seu dispositivo. Vá até as configurações do seu navegador e
  11126.                                         permita o acesso para conseguir utilizá-la.
  11127.                                         Se você bloqueou o acesso mas não clicou em 'lembrar essa decisão', recarregue a página e permita o
  11128.                                         acesso.
  11129.                                     </div><!-- .d-flex -->
  11130.                                 </div>
  11131.                             </div>
  11132.                         </div>
  11133.                     </div><!-- Fecha modal -->
  11134.                     <script>
  11135.                         document.getElementById('pedir-coordenadas').addEventListener('click', () => {
  11136.                             pegarLocalizacao();
  11137.                         });
  11138.  
  11139.                         function pegarLocalizacao() {
  11140.                             if (navigator.geolocation) {
  11141.                                 navigator.geolocation.getCurrentPosition(
  11142.                                     function (position) {
  11143.                                         if(position.coords.latitude && position.coords.longitude)
  11144.                                             confirmarChegadaComCoordenadas(position.coords.latitude, position.coords.longitude);
  11145.                                     },
  11146.                                     function (error) {
  11147.                                         $('#modal_localizacao_nao_permitida').modal('show');
  11148.                                     });
  11149.                             } else {
  11150.                                 $('#modal_localizacao_bloqueada').modal('show');
  11151.                             }
  11152.                         }
  11153.  
  11154.                         function confirmarChegadaComCoordenadas(latitude, longitude) {
  11155.                             // configuracoes certas (pedido da filial 33, que tem retire no carro, coordenadas menores que 500 m.
  11156.                             let tipo_confirmacao = 'localizacao';
  11157.                             let pedido_hash = 'aa23df0e-e667-11ea-adc1-0242ac120002';
  11158.                             confirmar_chegada(tipo_confirmacao, latitude, longitude, null, pedido_hash)
  11159.                         }
  11160.                     </script>
  11161.                 </div>
  11162.             </div>
  11163.         </div>
  11164.     </main>
  11165. </div>
  11166.  
  11167. <footer style="background-color:#edeff0; margin-top:20px; padding-top:20px; padding-bottom:20px; width:100%">
  11168.     <div class="container">
  11169.         <div class="d-flex justify-content-start align-items-center">
  11170.             <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/icon_headset.jpg" class="mr-2" alt="Suporte Nissei" width="17">
  11171.             <p style="font-weight:700;font-size:16px;color:#8a9297">Precisa de ajuda?</p>
  11172.         </div>
  11173.  
  11174.         <div class="d-flex align-items-stretch justify-content-between" style="margin-top:20px;">
  11175.             <div>
  11176.                 <div>
  11177.                     <p style="font-size:14px;color:#8a9297;margin-bottom:0">Atendimento NAC</p>
  11178.                     <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/yellow-line.jpg" alt="Facebook Nissei" style="margin-top:0"  width="35">
  11179.                 </div>
  11180.                 <p style="font-weight:700;font-size:14px;color:#666666;margin-top:5px;margin-bottom:5px">
  11181.                     0800 6436464
  11182.                 </p>
  11183.                 <p style="font-size:12px;color:#8a9297;margin:0">
  11184.                     Horário de atendimento:
  11185.                     <br>
  11186.                     dias úteis, das 8h30 às 17h30
  11187.                 </p>
  11188.             </div>
  11189.  
  11190.             <div>
  11191.                 <div>
  11192.                     <p style="font-size:14px;color:#8a9297;margin-bottom:0">Televendas</p>
  11193.                     <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/yellow-line.jpg" alt="Facebook Nissei" style="margin-top:0" width="35">
  11194.                 </div>
  11195.                 <p style="font-weight:700;font-size:14px;color:#666666;margin-top:5px;margin-bottom:5px">
  11196.                     (41) 4004 4041
  11197.                 </p>
  11198.                 <p style="font-size:12px;color:#8a9297;margin:0">
  11199.                     Horário de atendimento:
  11200.                     <br>
  11201.                     Dias úteis, das 8h30 às 17h30
  11202.                 </p>
  11203.             </div>
  11204.             <div class="d-flex">
  11205.                 <div style="padding-right:5px;width:25px">
  11206.                     <a href="https://www.facebook.com/farmaciasnissei" target="_blank" data-saferedirecturl="https://www.facebook.com/farmaciasnissei&amp;source=gmail&amp;ust=1598497412847000&amp;usg=AFQjCNHM5BSteIx3kUHwTtxYCfpLrO2b_Q">
  11207.                         <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/icon_social-media-facebook.jpg" alt="Facebook Nissei" width="22">
  11208.                     </a>
  11209.                 </div>
  11210.                 <div style="padding-right:20px;width:25px">
  11211.                     <a href="https://www.instagram.com/farmaciasnissei/" target="_blank" data-saferedirecturl="https://www.instagram.com/farmaciasnissei/&amp;source=gmail&amp;ust=1598497412847000&amp;usg=AFQjCNEE4oxQ_XqJHLy7V-uLbprqyxuVZg">
  11212.                         <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/icon_social-media-instagram.jpg" alt="Instagram Nissei" width="22">
  11213.                     </a>
  11214.                 </div>
  11215.             </div>
  11216.         </div>
  11217.  
  11218.         <hr>
  11219.  
  11220.         <div class="d-flex justify-content-center" style="margin-top:20px;">
  11221.             <a href="https://www.farmaciasnissei.com.br/" target="_blank">
  11222.                 <img src="https://hecom.farmaciasnissei.com.br/assets/ecommerce/img/emails/logo-nissei-footer.jpg" alt="Logo Nissei" style="margin:auto; margin-top:0;" width="150">
  11223.             </a>
  11224.         </div>
  11225.         <p style="font-size:10px;font-style:italic;color:#8a9297; margin-top:20px;text-align:center;" >
  11226.             Copyright 2018 Drogarias Nissei - Todos os direitos reservados.
  11227.             <br>
  11228.             RAZÃO SOCIAL | DROGARIAS NISSEI | CNPJ: 79.430.682/0028-42
  11229.         </p>
  11230.     </div>
  11231. </footer>
  11232.  
  11233. <script type="text/javascript" src="/assets/toastr/js/toastr.js"></script>
  11234. <script type="text/javascript" src="/assets/js/popper/js/popper.min.js"></script>
  11235. <script type="text/javascript" src="/assets/bootstrap-4.4.1/dist/js/bootstrap.min.js"></script>
  11236.  
  11237. <script>
  11238.     window.onscroll = function () {
  11239.         let height = 0;
  11240.         let navHeigth = $("nav").height();
  11241.         let margintop = $(".app-body").marginTop;
  11242.  
  11243.         if (height === undefined) {
  11244.             height = 0;
  11245.         }
  11246.         if (margintop === undefined) {
  11247.             margintop = 0;
  11248.         }
  11249.         if (scrollY > height) {
  11250.  
  11251.             $('nav').css({transition: 'none', position: 'fixed', zIndex: 25, top: 0, width: '100%'});
  11252.  
  11253.             $(".app-body").css({marginTop: navHeigth});
  11254.         } else {
  11255.  
  11256.             $('nav').css({position: 'relative'});
  11257.  
  11258.             $(".app-body").css({marginTop: margintop})
  11259.         }
  11260.     };
  11261.     $(window).trigger('scroll');
  11262.  
  11263.     function confirmar_chegada(tipo_confirmacao, latitude, longitude, qr_code, pedido_hash) {
  11264.         $.ajax({
  11265.             type: "POST",
  11266.             url: "{% url 'nao_loja_pedidos.confirmar_chegada_carro' %}",
  11267.             data: {
  11268.                 'tipo_confirmacao': tipo_confirmacao,
  11269.                 'latitude': latitude,
  11270.                 'longitude': longitude,
  11271.                 'qr_code': qr_code,
  11272.                 'pedido_hash': pedido_hash,
  11273.                 'csrfmiddlewaretoken': '{{ csrf_token }}',
  11274.             },
  11275.             success: function (data) {
  11276.                 console.log(data)
  11277.             },
  11278.             error: function (data) {
  11279.                 let status = $('#status_sessao');
  11280.                 status.addClass('text-danger');
  11281.                 status.html('Erro!');
  11282.                 toastr.error('Erro', 'Houve um erro ao atualizar as sessões dos usuários!');
  11283.             }
  11284.         });
  11285.     }
  11286. </script>
  11287.  
  11288. </body>
  11289. </html>
  11290.  
  11291.  

Reply to "eu"