html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align: baseline;
    font-weight: inherit;font-style: inherit;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;scroll-behavior: smooth;}
    :focus {outline: 0;}
    body {line-height: 1;color: black;overflow-x: hidden;}
    ol, ul {list-style: none;}
    table {border-collapse: separate;border-spacing: 0;}
    caption, th, td {font-weight: normal;text-align: left;}
    blockquote:before, blockquote:after, q:before, q:after {content: "";}
    blockquote, q {quotes: "" "";}
    a {outline:none;cursor: pointer;}

    a.bt-flutuante{left:0px !important;right:inherit !important;}

    * {margin:0;padding:0;list-style:none;border:none;text-decoration:none;}
    hr {display:none;}
    .hidden {display:none}
    
    body {font-family: "Outfit", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;background:#152638;}
    /*a.bt-fixo-zap{position: fixed;bottom: 20px;right: 20px;z-index: 100;}*/
    .container{}
    a:hover, .bt:hover{transition: 0.3s;}
    .container{width: 90% !important;}
    
    /******* ➡️ Títulos *******/
    
    h1, h2, h3, h4, h5, h6, h7{color: #ffffff;margin-bottom: 10px;}
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7a{color: #ffffff;}
    a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:hover h7{color: #ffffff;text-decoration: none;}
    h1 a:hover , h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover{color: #ffffff;text-decoration: none;}
    
    h1{font-size:28px;line-height:130%;}
    h2{font-size:25px;line-height:130%;}
    h3{font-size:22px;line-height:120%;}
    h4{font-size:20px;line-height:150%;}
    h5{font-size:18px;line-height:150%;}
    h6{font-size:16px;line-height:150%;}
    h7{font-size:16px;line-height:150%;}
    
    
    /******* ⛔ Fim Títulos *******/
    
    
    
    
    /******* ➡️ Parágrafo *******/
    
    p{font-size: 16px;color: #ffffff;line-height:160%;}
    p strong{font-weight:600;}
    p a{text-decoration: underline;color: #00CCFF;}
    p a:hover{text-decoration: none;}
    a:hover p{color:#ffffff;}
    
    /******* ⛔ Fim Parágrafo *******/
    
    
    
    
    /******* ➡️ BGs *******/
    
    .bg-azul{background:#273C54;border-radius: 8px;padding: 20px;}
    .bg-azulescuro{background:#0D1A27;border-radius: 8px;padding: 20px;}
    .bg-branco{background:#ffffff;border-radius: 8px;padding: 20px;}
    .bg-azul-claro{background: #38526F;border-radius: 8px;padding: 20px;}
    
    .bg-branco, .bg-branco h1, .bg-branco h2, .bg-branco h3, .bg-branco h4, .bg-branco h5, .bg-branco h6, .bg-branco p, .bg-branco p a{color: #152638;}
    
    .box-azul{padding: 30px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
    
    /******* ⛔ Fim BGs *******/
    
    
    
    
    /******* ➡️ Alinhamento e Padding *******/
    
    .tac, .center{text-align: center;}
    .mauto{margin: 0 auto;}
    .ptzero{padding-top: 0;}
    .pbzero{padding-bottom: 0;}
    .mbottomdez{margin-bottom: 10px;}
    .mtopdez{margin-top: 10px;}
    .mbottomtrinta{margin-bottom: 30px;}
    .mtoptrinta{margin-top: 30px;}
    
    /******* ⛔ Fim Alinhamento e Padding *******/
    
    
    
    
    /******* ➡️ Botões *******/
    
    .bt{border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;text-decoration: none;display: table;font-weight:400;transition: 0.3s;display: inline-block;}
    
    .bt-grande{font-size: 18px;padding:18px 40px;}
    .bt-grande:active{padding:19px 40px 17px 40px;}
    .bt-pequeno{font-size: 14px;padding:6px 16px;}
    .bt-pequeno:active{padding:7px 16px 5px 16px;}
    
    .bt-azul{background: #00CCFF;color: #152638;}
    .bt-azul:hover{background: #00A9D3;}
    
    .bt-vermelho{background: #FF8486;color: #152638 !important;}
    .bt-vermelho:hover{background: #EA7173;}
    
    .bt-azul-vazado{background:none;color: #00CCFF;border:1px solid #00CCFF;}
    .bt-azul-vazado:hover{background:#00CCFF;color: #152638;border:1px solid #00CCFF;}
    
    .bt-vermelho-vazado{background:none;color: #FF8486;border:1px solid #FF8486;}
    .bt-vermelho-vazado:hover{background:#FF8486;color: #152638;border:1px solid #FF8486;}
    
    .bt-desabilitado{opacity: 25%;}

.bt-inline-azul{color: #00CCFF;text-decoration: underline;}
    .bt-inline-azul:hover{color: #00A9D3;}

    .bt-inline-vermelho{color: #FF8486;text-decoration: underline;}
    .bt-inline-vermelho:hover{color: #EA7173;}

    /******* ⛔ Fim Botões *******/
    
    
    
    
    
    /******* ➡️ Formulário *******/
    
    label{color:#6B867A;font-size: 14px;display: block;}
    
    input, select, textarea{font-family: "Outfit", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
    
    input.txt, select.padrao, textarea.padrao{background: #1C2E40;font-size: 16px;color: #ffffff;line-height: 25px;padding: 8px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;width: auto;width: 100%;margin-bottom: 8px;}
    
    select.padrao{cursor: pointer;}
    
    textarea.padrao{height: 140px;line-height:25px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
    
    input.txt:focus, select.padrao:focus, textarea.padrao:focus {background: #142536;}
    
    input.bt{cursor: pointer;display: inline-block !important;}
    
    .feedback{font-size: 16px;font-weight: 600;color: #000;line-height: 25px;padding: 18px;display: block;border-radius: 8px;margin-top: 20px;}
    .erro{background: #FFF5F5;border:1px solid #FFD8D8;}
    .sucesso{background: #F1FFF4;border:1px solid #C0ECD4;}
    .alerta{background: #F3D6C7;border:1px solid #C2947A;}
    .feedback .bt-inline-azul{float: right;}

    input.fixo{ }
    input.ramal{}

    /******* ⛔ Fim Formulário *******/
    
    
    
    
    
    /******* ➡️ Paginação *******/
    
    
    /******* ✅ Paginação Flex *******/

.paginacao {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* ou nowrap se quiser forçar tudo em uma linha */
  gap: 6px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.paginacao a {
  display: inline-block;
  text-align: center;
  padding: 8px 14px;
  border: 1px solid #00CCFF;
  color: #00CCFF;
  border-radius: 15px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}

.paginacao a.ativo {
  background-color: #1C2E40;
  color: white;
}

.paginacao a:hover {
  background-color: rgba(0, 170, 255, 0.2);
}

.paginacao a:active {
  transform: scale(0.95);
}

.paginacao a.desabilitado {
  opacity: 0.4;
  pointer-events: none;
}

    .paginacao a:hover, .paginacao .desabilitado{opacity: 40%;}
    .paginacao a.prev, .paginacao a.next {}
    .paginacao a.ativo {opacity: 20%;}
    .paginacao a.desabilitado {}
    
    /******* ⛔ Fim Paginação *******/
    
    
    
    
    
    /******* ➡️ Rodapé *******/
    
    .rodape {background: #0A1B2D;margin-top: 40px}
    .rodape .container {padding-top: 30px;padding-bottom: 30px;}
    .rodape .col-md-3 {}
    .rodape .col-md-3 img {width: 55px;}
    .rodape .col-md-9 {}
    .rodape .col-md-9 address {color: #fff;font-size: 14px;float: right;}
    
    /******* ⛔ Fim Rodapé *******/
    
    
    
    /******* ➡️ Modal *******/
    
    .black_overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;
    -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
    
    .white_content {display: none;position: fixed;top: 10%;left: 10%;width:80%;height:80%;z-index:1002;overflow: auto;-moz-box-shadow:1px 1px 1px 1px #1a1a1a;-webkit-box-shadow:1px 1px 1px 1px #1a1a1a;box-shadow:1px 1px 1px 1px #1a1a1a;background:#152638;border-radius: 8px;padding: 20px;}
    
    .modal-padrao .white_content {}
    .modal-padrao a.close-modal{position: absolute;right: 20px;top:20px;color: #fff;z-index: 100;}
    .modal-padrao a.close-modal:hover{opacity: 80%}
    .modal-padrao{}
    .modal-padrao .white_content{}
    .modal-padrao .white_content .row{}
    .modal-padrao .white_content .row .container .col-md-12{}
    
    /******* ⛔ Fim Modal *******/
    
    
    
    
    
    
    /******** ➡️ Tag de Resolução de Tela ********/
    
    span.a1200{}span.a1199{display: none;}span.a930{display: none;}span.a768{display: none;}span.a600{display: none;}span.a400{display: none;}
    
    /******** ⛔ Fim Tag de Resolução de Tela ********/
    
    
    
    
    
    /******** ➡️ Topo ********/
    
    .row.topo {background: #1C2E40;padding-top: 15px;padding-bottom: 15px;}
    .row.topo .container {width: 90%;}
    
    .topo-admin {background: rgb(21,38,56);background: linear-gradient(90deg, rgba(21,38,56,1) 0%, rgba(193,234,116,1) 50%, rgba(21,38,56,1) 100%);padding-bottom: 1px;}
    img.logo-radar{width:130px;}

    .topo .col-md-3 img{height:25px;opacity:70%;}
    .topo .col-md-3 img:hover{opacity:100%;}

    .row.topo .col-md-6:first-child {}
    .row.topo .col-md-6:first-child img {}
    
    .row.topo .col-md-6:last-child {}
    
    .row.topo .menus {display: table;float: right;}
    
    .row.topo .menus .perfil {display: table;float: left;}
    .row.topo .menus .perfil .foto img {border-radius: 100px;}
    .row.topo .menus .perfil .nome { color: #fff;margin-left: 3px;}
    .row.topo .menus .perfil .tipo-perfil { color:#626D31;text-transform: uppercase;font-size: 12px;background: #000;padding: 3px 5px;border-radius: 3px;background: rgb(229,255,115);background: linear-gradient(180deg, rgba(229,255,115,1) 0%, rgba(138,153,69,1) 100%);margin-left: 5px;}
    
    .row.topo .menus .menu-topo {display: table;float: left;/**margin-top: 8px;**/}
    .row.topo .menus .menu-topo li {float: left;font-size: 16px;}
    .row.topo .menus .menu-topo li a {color: #6B867A;border-left:1px solid #6B867A;padding-left: 10px;margin-left: 10px;}
    .row.topo .menus .menu-topo li a:hover{color: #fff;}
    .row.topo .menus .menu-topo li a.active{color: #fff;}
    
    .row.topo .menus .menu-topo li.ativo {background: url(../img/seta-ativo-nav.svg) bottom center no-repeat;padding-bottom: 10px;}
    .row.topo .menus .menu-topo li.ativo a{color: #00CCFF;}
    
    /******** ⛔ Fim Topo ********/
    
    
    
    
    
    /******** ➡️ Menu Principal ********/
    
    .row.nav { /* estilos */ }
    .row.nav .container {border-bottom: 1px solid #37506C;padding-top: 20px;padding-bottom: 20px;}
    
    .row.nav .col-md-2 { /* estilos */ }
    .row.nav .col-md-2 img { /* estilos */ }
    
    .row.nav .col-md-10 { /* estilos */ }
    
    .row.nav .menu {display: table;float: right;margin-top: 20px;}
    .row.nav .menu li {float: left;font-size: 19px;margin-left: 30px;}
    .row.nav .menu li:first-child{margin-left: 0px;}
    .row.nav .menu li a {color: #fff;}
    .row.nav .menu li a:hover {color: #00CCFF;}
    .row.nav .menu li.ativo {background: url(../img/seta-ativo-nav.svg) bottom center no-repeat;padding-bottom: 10px;}
    .row.nav .menu li.ativo a {color: #00CCFF;}
    
    .row.nav .menu li.embreve {color: #405659;background: url(../img/em-breve.svg) top right no-repeat;}
    .row.nav .menu li.embreve a { /* estilos */ }
    
    /******** ⛔ Fim Menu Principal ********/
    
    
    
    
    
    
    /******** ➡️ Menu Título ********/
    
    .row.titulo { /* estilos */ }
    .row.titulo .container {border-bottom: 1px solid #37506C;padding-top: 40px;padding-bottom: 20px;}
    .row.titulo .col-md-12 { /* estilos */ }
    .row.titulo .col-md-12 h2 {float: left;}
    .row.titulo .col-md-12 h2 a {color: #fff;}
    .row.titulo .col-md-12 h2 a:hover{color: #00CCFF;}
    .row.titulo .col-md-12 h2.active {color: #00CCFF;background: url(../img/seta-active.svg) no-repeat center left;padding-left: 35px;margin-left: 7px;}
    
    /******** ⛔ Fim Título ********/
    
    
    
    
    
    /******** ➡️ Menu Abas ********/
    
    .row.abas-nav { /* estilos */ }
    .row.abas-nav .container {border-bottom: 1px solid #37506C;padding-top: 20px; display: table;}
    .row.abas-nav .col-md-12 {}
    .row.abas-nav .col-md-12 .tab {color: #fff;font-size: 16px;border-bottom: 2px solid #152638;padding-bottom: 20px;float: left;padding-left: 15px;padding-right: 15px;}
    .row.abas-nav .col-md-12 .tab.active {color: #00CCFF;border-bottom: 2px solid #00CCFF;}
    .row.abas-nav .col-md-12 .tab:hover {color: #00CCFF;border-bottom: 2px solid #00CCFF;}
    
    /******** ⛔ Fim Abas ********/
    
    
    
    
    
    /******** ➡️ Menu Filtros ********/
    
    .row.filtros { /* estilos */ }
    .row.filtros .container {padding-top: 30px;padding-bottom: 30px;}
    .row.filtros .col-md-4 { /* estilos */ }
    .row.filtros .col-md-4 form { /* estilos */ }
    .row.filtros .col-md-4 fieldset { /* estilos */ }
    .row.filtros .col-md-4 ul { /* estilos */ }
    .row.filtros .col-md-4 ul li { /* estilos */ }
    .row.filtros .col-md-4 ul li label {}
    .row.filtros .col-md-4 ul li select.padrao {width: 48%;float: left;margin-right: 1%;}
    .row.filtros .col-md-4 ul li input.txt { /* estilos */ }
    .row.filtros .col-md-4 p {float: right;margin-top: 30px;}
    
    /******** ⛔ Fim Filtros ********/
    
    
    
    
    
    /******** ➡️ Tabela Padrão ********/
    
    table.padrao {font-size: 16px;color: #fff;width: 100%;}
    table.padrao thead { /* estilos */ }
    table.padrao thead tr { /* estilos */ }
    table.padrao thead tr th {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;color:#6B867A;}
    table.padrao tbody { /* estilos */ }
    table.padrao tbody tr {background: #273C54;border-bottom: 1px solid #152638;}
    table.padrao tbody tr:hover{background: #23364C;}
    table.padrao tbody tr td {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;font-weight: 300;}
    table.padrao tbody tr td:first-child {-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
    table.padrao tbody tr td:last-child {-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
    table.padrao tbody tr td a.estrela-fav:hover img{opacity: 0.5;}
    table.padrao tbody tr td a.bt{margin-left: 5px;}
    table.padrao img.avatar{border-radius: 100px;}

    table.padrao tr td{}

    /**050425**/
    div.table-responsive{padding-bottom: 10px;border:none;}
    table.table{border-top:none !important;}
    table.table tr{border-top:none !important;}
    table.table tr th{border-bottom:none !important;}
    table.table tr td{border-top:none !important;}

    
    /******** ⛔ Fim Tabela Padrão ********/
    
    
    
    
    
    /******** ➡️ Ações ********/
    
    .row.acoes { /* estilos */ }
    .row.acoes .container { /* estilos */ }
    .row.acoes .col-md-6 { /* estilos */ }
    .row.acoes .bts {display: table;margin-top: 25px;}
    .row.acoes .bts li {float: left;margin-right: 5px !important;}
    .row.acoes .bts li label {padding-top: 8px;}
    .row.acoes .bts li .bt { /* estilos */ }
    .row.acoes .bts li .bt.bt-azul-vazado { /* estilos */ }
    .row.acoes .bts li .bt.bt-pequeno { /* estilos */ }
    .row.acoes form { /* estilos */ }
    .row.acoes fieldset { /* estilos */ }
    .row.acoes ul { /* estilos */ }
    .row.acoes ul li { /* estilos */ }
    .row.acoes ul li label { /* estilos */ }
    .row.acoes ul li .txt { /* estilos */ }
    
    /******** ⛔ Fim Ações ********/
    
    
    
    
    
    
    /******** ➡️ Notas ********/
    
    .adicionar-nota {-webkit-border-radius: 8px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius: 8px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-radius: 8px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
    .adicionar-nota .col-md-6 {}
    .adicionar-nota form {}
    .adicionar-nota fieldset {}
    .adicionar-nota ul {}
    .adicionar-nota li {}
    .adicionar-nota label {}
    .adicionar-nota textarea.padrao {}
    .adicionar-nota input.bt{}
    
    .lista-nota {-webkit-border-radius: 0px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius: 0px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-radius: 0px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
    
    .nota {background: url(../img/seta-nota.svg) no-repeat left 35px;padding-left: 10px;}
    .nota-in {background: #38526F;border-radius: 8px;margin-bottom: 5px;padding: 20px;}
    .nota .autor {display: table;}
    .nota .autor img {border-radius: 100px;float: left;margin-right: 5px;}
    .nota .autor h6 {float: left;margin-top: 7px;}
    .nota .autor h6 span {font-size: 13px;}
    .nota .conteudo {padding-top: 8px;padding-bottom: 10px;}
    .nota .conteudo p {}
    .nota .acoes {}
    .nota .acoes a {}
    
    /******** ⛔ Fim Notas ********/
    
    
    
    
    
    
    
    /******** ➡️ Anexos ********/
    
    .adicionar-anexo {-webkit-border-radius: 8px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius: 8px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-radius: 8px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
    .adicionar-anexo .col-md-12 {}
    .adicionar-anexo span {color: #fff;float: left;margin-right: 20px;margin-top: 4px;}
    .adicionar-anexo a.bt {float: left;}
    
    .lista-anexo {-webkit-border-radius: 0px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius: 0px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-radius: 0px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
    
    .anexo {background: url(../img/seta-nota.svg) no-repeat left 35px;padding-left: 10px;}
    .anexo-in {background: #38526F;border-radius: 8px;margin-bottom: 5px;padding: 20px;display: table;width: 100%;}
    .anexo img {border-radius: 100px;float: left;margin-right: 5px;}
    .anexo div.txt {float: left;}
    .anexo div.txt h6 {margin-top: 0px;margin-bottom: 0px;}
    .anexo div.txt h6 a {text-decoration: underline;}
    .anexo div.txt h6 a:hover{text-decoration: none;}
    .anexo div.txt p {font-size: 14px;}
    
    /******** ⛔ Fim Anexos ********/
    
    
    
    
    
    .relacionar-empresas {}
    .relacionar-empresas .container {}
    .relacionar-empresas .col-md-12 {}
    .relacionar-empresas .col-md-12 h4 {}
    .relacionar-empresas .col-md-12 p {}
    .relacionar-empresas .container {}
    .relacionar-empresas .container .col-md-4 {margin-bottom: 10px;}
    .relacionar-empresas .container .col-md-4 {}
    .relacionar-empresas .container .col-md-4 fieldset {}
    .relacionar-empresas .container .col-md-4 fieldset ul {}
    .relacionar-empresas .container .col-md-4 fieldset ul li {}
    .relacionar-empresas .container .col-md-4 fieldset ul li input{float: left;margin-right: 3px;}
    .relacionar-empresas .container .col-md-4 fieldset ul li h6 {float: left;margin-bottom: 0}
    .relacionar-empresas .container .col-md-4 fieldset ul li h6 .filiais {font-size: 12px;text-transform: uppercase;background: #1E84AA;padding: 2px 5px;border-radius: 4px;margin-left: 3px}
    .relacionar-empresas .bt.bt-azul.bt-grande.mtoptrinta {}
    
    
    
    
    
    /******** ➡️ Accordion ********/
    
    div.accordion details {display: block; width: auto;margin: 1px 0 0 0;}
    div.accordion details p { padding-left: 30px;margin-top: 20px;margin-bottom: 20px;}
    
    div.accordion summary {display: flex; background:#304C6B;color: #fff;border-radius: 8px;padding: 15px;cursor: pointer;justify-content: flex-start;align-items: center;}
    div.accordion summary::-webkit-details-marker {display: none;}
    div.accordion summary:before {content: "+";font-size: 20px;font-weight: bold;margin: 0 5px;padding: 0;width: 20px;text-align: center;}
    
    div.accordion details[open] summary:before {content: "-";}
    
    /******** ⛔ Fim Accordion ********/
    
    
    
    
    
    
    
    /******** ➡️ Box Padrão ********/
    
    div.box-padrao{border: 1px solid #37506C;border-radius: 8px;padding: 20px;}
    
    /******** ⛔ Fim Box Padrão ********/





    
    
    /******** ➡ Tela de Login ********/
    .login{min-height: 100%;height: 100%;background-color:#0A1B2D;}
    
    .login div.login-side-img{border-radius: 0px;min-height: 100%;height: 100%;display : flex;align-items: center;}
    .login div.login-side-img img{width:80%;margin: 0 auto;}
    
    .login div.login-side-form{min-height: 100%;height: 100%;display : flex;align-items: center;}
    .login div.login-side-form img.logo{margin-bottom: 80px;}
    .login div.login-side-form div.inner-login-form{padding-top: 30px;padding-bottom: 30px;margin:0 auto;}
    .login-rodape{position: absolute;z-index: 100;bottom: 0px;width: 100%;}
    
    
    /******** ⛔ Fim Tela de Login ********/  






    
    /******** ➡️ Até 1199px ********/
    
    @media all and (max-width: 1199px) {
    
    span.a1200{display: none;}span.a1199{display: block;}span.a930{display: none;}span.a768{display: none;}span.a600{display: none;}span.a400{display: none;}
    
    .container{}
    img{max-width: 100%;}
    
    
    
    
    
        
    
    /******** ➡️ Menu Principal ********/
    
    .row.nav { /* estilos */ }
    .row.nav .container {border-bottom: 1px solid #37506C;padding-top: 20px;padding-bottom: 20px;}
    
    .row.nav .col-md-2 { /* estilos */ }
    .row.nav .col-md-2 img { /* estilos */ }
    
    .row.nav .col-md-10 { /* estilos */ }
    
    .row.nav .menu {display: table;float: right;margin-top: 20px;}
    .row.nav .menu li {float: left;font-size: 17px;margin-left: 20px;}
    .row.nav .menu li:first-child{margin-left: 0px;}
    .row.nav .menu li a {color: #fff;}
    .row.nav .menu li a:hover {color: #00CCFF;}
    .row.nav .menu li.ativo {background: url(../img/seta-ativo-nav.svg) bottom center no-repeat;padding-bottom: 10px;}
    .row.nav .menu li.ativo a {color: #00CCFF;}
    
    .row.nav .menu li.embreve {color: #405659;background: url(../img/em-breve.svg) top right no-repeat;}
    .row.nav .menu li.embreve a { /* estilos */ }
    
    /******** ⛔ Fim Menu Principal ********/
    
    
    /******** ➡️ Topo ********/
    
    .row.topo {background: #1C2E40;padding-top: 15px;padding-bottom: 15px;}
    .row.topo .container {width: 90%;}
    
    .topo-admin {background: rgb(21,38,56);background: linear-gradient(90deg, rgba(21,38,56,1) 0%, rgba(193,234,116,1) 50%, rgba(21,38,56,1) 100%);padding-bottom: 1px;}
    
    .row.topo .col-md-6:first-child {}
    .row.topo .col-md-6:first-child img {}
    
    .row.topo .col-md-6:last-child {}
    
    .row.topo .menus {display: table;float: right;}
    
    .row.topo .menus .perfil {display: table;float: left;}
    .row.topo .menus .perfil .foto img {border-radius: 100px;}
    .row.topo .menus .perfil .nome { color: #fff;margin-left: 3px;}
    .row.topo .menus .perfil .tipo-perfil { color:#626D31;text-transform: uppercase;font-size: 12px;background: #000;padding: 3px 5px;border-radius: 3px;background: rgb(229,255,115);background: linear-gradient(180deg, rgba(229,255,115,1) 0%, rgba(138,153,69,1) 100%);margin-left: 5px;}
    
    .row.topo .menus .menu-topo {display: table;float: left;margin-top: 8px;}
    .row.topo .menus .menu-topo li {float: left;font-size: 14px;}
    .row.topo .menus .menu-topo li a {color: #6B867A;border-left:1px solid #6B867A;padding-left: 6px;margin-left: 6px;}
    .row.topo .menus .menu-topo li a:hover{color: #fff;}
    .row.topo .menus .menu-topo li a.active{color: #fff;}
    
    .row.topo .menus .menu-topo li.ativo {background: url(../img/seta-ativo-nav.svg) bottom center no-repeat;padding-bottom: 10px;}
    .row.topo .menus .menu-topo li.ativo a{color: #00CCFF;}
    
    /******** ⛔ Fim Topo ********/
    
    
    
    }
    
    /******** ⛔ Fim Até 1199px ********/
    
    
    
    
    
    
    
    /******** ➡️ Até 930px ********/
    
    @media all and (max-width: 991px) { 
    
    span.a1200{display: none;}span.a1199{display: none;}span.a930{display: block;}span.a768{display: none;}span.a600{display: none;}span.a400{display: none;}
    
    body{padding-bottom: 60px;overflow-x:hidden;}
    
    .col-md-2, .col-md-4, .col-md-6, .col-md-8{margin-bottom: 20px;}
    .bt-grande{font-size: 16px;}
    .container{}
    
    
    /******** ➡️ Menu Principal ********/
    
    .row.nav {}
    .row.nav .container {border-bottom: 1px solid #37506C;padding-top: 18px;padding-bottom: 2px;}
    .row.nav .col-md-2{text-align:center;}
    .row.nav .col-md-2 img{height:60px;}
    .row.nav .col-md-10 {position: fixed;background: #0A131C;bottom: 0px;width: 100%;left: 0;z-index: 100;padding: 0px;border-top:1px solid #00CCFF;}
    
    .row.nav .menu {display: flex;flex-wrap: nowrap;   overflow-x: auto;width: 100%;float: none;padding:0px 20px 0px;flex-shrink:0;}
    
    .row.nav .menu li {float: left;font-size: 17px;margin-left: 20px;flex-shrink:0;padding-bottom: 20px}
    
    .row.nav .menu li:first-child{margin-left: 0px;}
    .row.nav .menu li a {color: #fff;}
    .row.nav .menu li a:hover {color: #00CCFF;}
    .row.nav .menu li.ativo {background: url(../img/seta-ativo-nav.svg) bottom center no-repeat;}
    .row.nav .menu li.ativo a {color: #00CCFF;}
    
    .row.nav .menu li.embreve {color: #405659;background: url(../img/em-breve.svg) top right no-repeat;}
    .row.nav .menu li.embreve a { /* estilos */ }
    
    /******** ⛔ Fim Menu Principal ********/
    
    
    /******** ➡️ Topo ********/
    
    .row.topo .col-md-6:first-child {}
    .topo .col-md-3 img {margin: 0 auto 10px;display: block;height:20px;}
    
    .row.topo .col-md-6:last-child {}
    
    .row.topo .menus {display: block;float: none;width: 100%;}
    
    .row.topo .menus .perfil {display: table;float: none;margin:0 auto;}
    .row.topo .menus .perfil .foto img {border-radius: 100px;}
    .row.topo .menus .perfil .nome { color: #fff;margin-left: 3px;}
    .row.topo .menus .perfil .tipo-perfil { color:#626D31;text-transform: uppercase;font-size: 12px;background: #000;padding: 3px 5px;border-radius: 3px;background: rgb(229,255,115);background: linear-gradient(180deg, rgba(229,255,115,1) 0%, rgba(138,153,69,1) 100%);margin-left: 5px;}
    
    .row.topo .menus .menu-topo {float: none;margin-top: 8px;padding: 8px;width: 100%;display: flex;flex-wrap: nowrap;overflow-x: auto;background: #0A1B2D;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;border-radius: 10px;border-right: 8px solid #0A1B2D;}
    .row.topo .menus .menu-topo li {float: left;font-size: 14px;text-align: center;flex: 0 0 auto;margin-right: 5px;}
    .row.topo .menus .menu-topo li a {color: #7d9389;border-left: none;border-top: none;padding-left: 15px;padding-right: 15px;margin-left: 0px;display: table;padding-top: 3px;padding-bottom: 3px;background: #273C54;border-radius: 10px;}
    .row.topo .menus .menu-topo li a:hover{color: #fff;}
    .row.topo .menus .menu-topo li a.active{color: #fff;}
    
    .row.topo .menus .menu-topo li.ativo {background: url(../img/seta-ativo-nav.svg) bottom center no-repeat;padding-bottom: 10px;}
    .row.topo .menus .menu-topo li.ativo a{color: #00CCFF;}
    
    /******** ⛔ Fim Topo ********/
    
    
    
    /******* ➡️ Rodapé *******/
    
    .rodape {background: #0A1B2D;margin-top: 40px}
    .rodape .container {padding-top: 30px;padding-bottom: 30px;}
    .rodape .col-md-3 {display: table;width: 100%;text-align: center;padding-bottom: 5px;}
    .rodape .col-md-3 img {width: 40px;}
    .rodape .col-md-9 {display: table;width: 100%;text-align: center;}
    .rodape .col-md-9 address {color: #405659;font-size: 14px;float: none;}
    
    /******* ⛔ Fim Rodapé *******/
    

    .login{min-height:auto;height:auto;background-color:#0A1B2D;}
    
    .login div.login-side-img{border-radius: 0px;min-height:auto;height:auto;display : inherit;align-items:inherit;}
    .login div.login-side-img img{width:80%;margin: 0 auto;}
    
    .login div.login-side-form{min-height:auto;height:auto;display : inherit;align-items:inherit;}
    .login div.login-side-form img.logo{margin-bottom: 60px;}
    .login div.login-side-form div.inner-login-form{padding-top: 30px;padding-bottom: 30px;margin:0 auto;}
    .login-rodape{position: inherit;z-index:inherit;bottom: 0px;width: 100%;}

    
    }
    
    /******** ⛔ Fim Até 930px ********/
    


    
    
    
    /* Estilização para o botão de exibir/ocultar senha */
    .password-toggle {
      font-size: 0.9em;
      color: #00CCFF;         
      cursor: pointer;
      margin-left: 10px;
      user-select: none;
      background: none;      
      border: none;          
      padding: 0;
    }
    
    /* Efeito de hover para indicar interatividade */
    .password-toggle:hover {
      text-decoration: underline;
    }
    
 input.padrao {
   background-color: #1C2E40; /* Cor de fundo escura */
   color: white; /* Texto branco */
   padding: 8px;
   border-radius: 4px; /* se quiser cantos levemente arredondados */
}

input.padrao::placeholder {
background-color: #1C2E40; /* Cor de fundo escura */
color: white; /* Texto branco */
}

    


/* 🔹 Ajusta o input dentro da classe vendedor-input */
    .row.mtoptrinta .col-md-6 input.vendedor-input {
        width: 100%; /* Garante que ocupe toda a largura do container */
        max-width: 100%; /* Evita restrições desnecessárias */
        padding: 8px 12px;
        font-size: 16px;
        border-radius: 8px;
        background-color: #1C2E40; /* Cor de fundo escura */
        color: white; /* Texto branco */
        outline: none;
    }
    
    /* 🔹 Adiciona efeito de foco para destacar */
    .row.mtoptrinta .col-md-6 input.vendedor-input:focus {
        border-color: #007bff;
        box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
    }
    
    /* 🔹 Estiliza o placeholder para maior legibilidade */
    .row.mtoptrinta .col-md-6 input.vendedor-input::placeholder {
        color: rgba(255, 255, 255, 0.6); /* Deixa o placeholder visível */
    }
    
    /* 🔹 Corrige problemas do LI que pode estar interferindo */
    .row.mtoptrinta .col-md-6 li {
        list-style: none; /* Remove bolinhas de lista */
        margin: 0;
        padding: 0;
    }
    
    /* 🔹 Define uma altura fixa e rolagem para a tabela de empresas */
    .tabela-empresas-container {
        max-height: 400px; /* Ajuste conforme necessário */
        overflow-y: auto;
    }
    
    /* 🔹 Ajusta a tabela para ocupar a área corretamente */
    .tabela-empresas-container table {
        width: 100%;
        border-collapse: collapse;
    }
    
    /* 🔹 Define um espaçamento e melhora a visibilidade */
    .tabela-empresas-container th,
    .tabela-empresas-container td {
        padding: 10px;
        text-align: left;
    }
    
    /* 🔹 Estilização da paginação */
    #paginacao-favoritos.paginacao {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px; /* Ajuste para manter espaçamento proporcional */
        margin-top: 20px;
    }
    
    .paginacao a {
        padding: 8px 14px;
        border: 1px solid #00CCFF;
        color: #00CCFF;
        text-decoration: none;
        border-radius: 15px;
        font-size: 16px;
        transition: all 0.3s ease-in-out;
    }
    
    .paginacao a.ativo {
        background-color: #1C2E40;
        color: white;
    }
    
    .paginacao a:hover {
        background-color: rgba(0, 170, 255, 0.2);
    }
    
    /* 🔹 Ajuste para o botão de 'Anterior' e 'Próximo' */
    .paginacao a.prev,
    .paginacao a.next {
        border-radius: 15px;
        padding: 8px 20px;
    }
    
    /* 🔹 Efeito ao clicar */
    .paginacao a:active {
        transform: scale(0.95);
    }
    
/* ✅ Corrige a posição dos botões de paginação */
#paginacao-notas.paginacao {
  clear: both;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 20px;
}


    
    /* 🔹 Estiliza a lista de sugestões de vendedores */
    .sugestoes-vendedores {
        display: none; /* Escondido por padrão */
        position: absolute;
        width: calc(100% - 20px); /* Para ocupar toda a largura do input */
        background: rgba(28, 46, 64, 0.95); /* Fundo escuro translúcido */
        color: #ffffff;
        border-radius: 8px;
        overflow: hidden;
        max-height: 220px;
        overflow-y: auto;
        padding: 10px;
        z-index: 10;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
        border: 1px solid #00A9D3;
    }
    
    /* 🔹 Exibe a lista quando houver sugestões */
    .sugestoes-vendedores.ativo {
        display: block;
    }
    
    /* 🔹 Estiliza os itens da lista */
    .sugestoes-vendedores li {
        padding: 8px 15px;;
        font-size: 16px;
        cursor: pointer;
        border-radius: 5px
        transition: background 0.2s;
    }
    
    /* 🔹 Efeito ao passar o mouse */
    .sugestoes-vendedores li:hover {
        background: #00CCFF;
        color: #152638;
        font-weight: bold;
    }
    /* 🔹 Mensagem de "Nenhum resultado encontrado" */
    .sugestoes-vendedores .sem-resultados {
        padding: 12px;
        text-align: center;
        color: #A0A0A0;
        font-style: italic;
    }
    
    /* 🔹 Estiliza a lista de sugestões de gestores */
.sugestoes-gestores {
    display: none;  Escondido por padrão
    position: absolute;
    width: calc(100% - 20px); /* Para ocupar toda a largura do input */
    background: rgba(28, 46, 64, 0.95); /* Fundo escuro translúcido */
    color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    max-height: 220px;
    overflow-y: auto;
    padding: 10px;
    z-index: 10;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid #00A9D3;
}

/* 🔹 Exibe a lista quando houver sugestões */
.sugestoes-gestores.ativo {
    display: block;
}

/* 🔹 Estiliza os itens da lista */
.sugestoes-gestores li {
    padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.2s;
}

/* 🔹 Efeito ao passar o mouse */
.sugestoes-gestores li:hover {
    background: #00CCFF;
    color: #152638;
    font-weight: bold;
}

/* 🔹 Mensagem de "Nenhum resultado encontrado" */
.sugestoes-gestores .sem-resultados {
    padding: 12px;
    text-align: center;
    color: #A0A0A0;
    font-style: italic;
}


    /* 🔹 Ajusta a posição caso necessário */
    .row.mtoptrinta {
        position: relative;
    }
    
   #vendedores-section {
  display: none;
}

#vendedores-section.show {
  display: block !important;
}
 
table.padrao {

}
    
table.padrao th, table.padrao td {
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word;
}
    
    
.texto-branco {
  color: white;
}    
    
    
 .anexos {
  list-style: none;
  padding-left: 0;
  margin-top: 8px;
}

.anexos li a {
  color: #fff;
  font-size: 0.85em;
  text-decoration: underline;
}   
    
.editando {
  border: 1px solid #80bdff; /* azul claro */
  border-radius: 4px;
  padding: 2px 4px;
  outline: none;
}
 

  .popup-compartilhar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 9990;
}
.popup-compartilhar.mostrar {
  display: flex;
}



.popup-compartilhar input.txt {
  width: 100%;
  background: #1C2E40;
  color: #fff;
  border-radius: 5px;
  padding: 8px;
  border: none;
}


  .popup-compartilhar .box-bg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #273C54;
  padding: 30px;
  border-radius: 8px;
  max-width: 500px;
  width: 90%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  animation: fadeIn 0.25s ease-out;
}

.popup-compartilhar label {
  display: block;
  margin-bottom: 5px; /* Espaço entre label e input */
  font-size: 14px;
  color: #6B867A;
}

.popup-compartilhar .grupo-campo {
  margin-bottom: 15px; /* Espaço entre os grupos */
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}


/* 🔹 Quando mostrar, aplicar efeito de zoom e fade in */
.popup-compartilhar.mostrar .box-bg {
  opacity: 1;
}


.popup-compartilhar div.box-bg p{}
.popup-compartilhar div.box-bg input{}
.popup-compartilhar div.box-bg button{margin-right: 5px;}


.compartilhar-box {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 999;
}

.compartilhar-box.mostrar {
  display: block;
}


input[type="date"].txt::-webkit-calendar-picker-indicator {
  filter: invert(1); /* inverte para branco */
}


/* 🔹 Estiliza a lista de sugestões de referências */
.sugestoes {
    display: none; /* Escondido por padrão */
    position: absolute;
    width: calc(100% - 20px);
    background: rgba(28, 46, 64, 0.95);
    color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    max-height: 220px;
    overflow-y: auto;
    padding: 10px;
    z-index: 10;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid #00A9D3;
}

/* 🔹 Exibe a lista quando houver sugestões */
.sugestoes.ativo {
    display: block;
}

/* 🔹 Estiliza os itens da lista */
.sugestoes li {
    padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.2s;
}

/* 🔹 Efeito ao passar o mouse */
.sugestoes li:hover {
    background: #00CCFF;
    color: #152638;
    font-weight: bol
}

 /* 🔹 Estiliza a lista de sugestões de participantes */
.sugestoes-participantes {
    display: none; /* Escondido por padrão */
    position: absolute;
    width: calc(100% - 20px); /* Mesma largura do input */
    background: rgba(28, 46, 64, 0.95); /* Fundo escuro translúcido */
    color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    max-height: 220px;
    overflow-y: auto;
    padding: 10px;
    z-index: 10;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid #00A9D3;
}

/* 🔹 Exibe a lista quando houver sugestões */
.sugestoes-participantes.ativo {
    display: block;
}

/* 🔹 Estiliza os itens da lista */
.sugestoes-participantes li {
    padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.2s;
}

/* 🔹 Efeito ao passar o mouse */
.sugestoes-participantes li:hover {
    background: #00CCFF;
    color: #152638;
    font-weight: bold;
}

/* 🔹 Mensagem de "Nenhum resultado encontrado" */
.sugestoes-participantes .sem-resultados {
    padding: 12px;
    text-align: center;
    color: #A0A0A0;
    font-style: italic;
}
       
.toggle-olho {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
  }

ul.sugestoes-contato {
    display: none; /* Escondido por padrão */
    position: absolute;
    width: calc(100% - 20px); /* Mesma largura do input */
    background: rgba(28, 46, 64, 0.95); /* Fundo escuro translúcido */
    color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    max-height: 220px;
    overflow-y: auto;
    padding: 10px;
    z-index: 10;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid #00A9D3;
}
ul.sugestoes-contato li {
  padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.2s;
}
ul.sugestoes-contato li:hover {
  background: #00CCFF;
  color: #152638;
  font-weight: bold;
}

ul.sugestoes-contato .sem-resultados {
  padding: 12px;
  text-align: center;
  color: #A0A0A0;
  font-style: italic;
}

ul.sugestoes-contato.ativo {
    display: block;
}

.tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}

.tag {
  background-color: #1C2E40;
  color: white;
  padding: 5px 10px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  font-size: 13px;
}

.tag .remove-tag {
  margin-left: 8px;
  cursor: pointer;
  font-weight: bold;
}


.linha-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 4px;
}

.autor-nome {
  color: white;
}

.tag-nivel {
  background: linear-gradient(0deg, #8A9945 0%, #E5FF73 100%);
  color: #152638;
  padding: 2px 6px;
  font-size: 11px;
  border-radius: 4px;
  text-transform: uppercase;
  display: inline-block;
}

.data-hora {
  color: #FFFFFF;
}

.tag-privada {
  background: #00CCFF;
  color: #152638;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
}

/* 🔹 Caixa visual de campanhas estilo dropdown */
#campanha-checkboxes {
  background: #1C2E40;
  /* border: 1px solid #00CCFF; */
  border-radius: 8px;
  padding: 10px;
  max-height: 200px; /* Altura fixa com rolagem */
  overflow-y: auto;
  display: none;
  width: 100%;
}

/* 🔹 Cada item de campanha */
#campanha-checkboxes label {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #273C54;
  padding: 8px 12px;
  border-radius: 6px;
  margin-bottom: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s;
}

#campanha-checkboxes label:hover {
  background-color: #314E6C;
  border-color: #00CCFF;
}

/* 🔹 Checkbox */
#campanha-checkboxes input[type="checkbox"] {
  accent-color: #00CCFF;
  width: 16px;
  height: 16px;
}

.numeros-paginacao {
  display: flex;
  flex-wrap: nowrap; /* ou wrap se quiser adaptação */
  gap: 6px;
}

ul.mbottomtrinta.fechado .form-contato {
  display: none !important;
}



/******** ➡️ Até 768px ********/
    
    @media all and (max-width: 767px) {
    span.a1200{display: none;}span.a1199{display: none;}span.a930{display: none;}span.a768{display: block;}span.a600{display: none;}span.a400{display: none;}
    
    }
    
    /******** ⛔ Fim Até 768px ********/
    
    
    
    
    
    
    
    /******** ➡️ Até 600px ********/
    
    @media all and (max-width: 600px) {
    span.a1200{display: none;}span.a1199{display: none;}span.a930{display: none;}span.a768{display: none;}span.a600{display: block;}span.a400{display: none;}
    
    }
    
    /******** ⛔ Fim Até 600px ********/
    
    
    
    
    
    
    
    /******** ➡️ Até 400px ********/
    
    @media all and (max-width: 400px) {
    span.a1200{display: none;}span.a1199{display: none;}span.a930{display: none;}span.a768{display: none;}span.a600{display: none;}span.a400{display: block;}
    
    
    
    }
    
    /******** ⛔ Fim Até 400px ********/