:root {
   --primary-700: #33820D;
   --primary-800: #26610A;
   --primary-900: #0A4B1E;
   --secondary-200: #CDD3CD;
   --secondary-700: #5A645A;
   --secondary-900: #323C32;
   --table-row-even: #FBFBFB;
   --table-row-odd: #F4F4F4;
   --border-divisor: #D9D9D9;
   --white: #FFFFFF;
   --star-rating-size: 28px;
   --unchecked-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3C!--!Font%20Awesome%20Free%206.6.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287.9%200c9.2%200%2017.6%205.2%2021.6%2013.5l68.6%20141.3%20153.2%2022.6c9%201.3%2016.5%207.6%2019.3%2016.3s.5%2018.1-5.9%2024.5L433.6%20328.4l26.2%20155.6c1.5%209-2.2%2018.1-9.7%2023.5s-17.3%206-25.3%201.7l-137-73.2L151%20509.1c-8.1%204.3-17.9%203.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1%20218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9%2019.3-16.3l153.2-22.6L266.3%2013.5C270.4%205.2%20278.7%200%20287.9%200zm0%2079L235.4%20187.2c-3.5%207.1-10.2%2012.1-18.1%2013.3L99%20217.9%20184.9%20303c5.5%205.5%208.1%2013.3%206.8%2021L171.4%20443.7l105.2-56.2c7.1-3.8%2015.6-3.8%2022.6%200l105.2%2056.2L384.2%20324.1c-1.3-7.7%201.2-15.5%206.8-21l85.9-85.1L358.6%20200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9%2079z%22%2F%3E%3C%2Fsvg%3E");
   --checked-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3C!--!Font%20Awesome%20Free%206.6.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M316.9%2018C311.6%207%20300.4%200%20288.1%200s-23.4%207-28.8%2018L195%20150.3%2051.4%20171.5c-12%201.8-22%2010.2-25.7%2021.7s-.7%2024.2%207.9%2032.7L137.8%20329%20113.2%20474.7c-2%2012%203%2024.2%2012.9%2031.3s23%208%2033.8%202.3l128.3-68.5%20128.3%2068.5c10.8%205.7%2023.9%204.9%2033.8-2.3s14.9-19.3%2012.9-31.3L438.5%20329%20542.7%20225.9c8.6-8.5%2011.7-21.2%207.9-32.7s-13.7-19.9-25.7-21.7L381.2%20150.3%20316.9%2018z%22%2F%3E%3C%2Fsvg%3E");
   --hovered-image: var(--checked-image);
   --max-stars: 5;
}

body {height: auto !important;}

#combo_trocaConta select#opcoesCombo:focus-visible {
    outline: 1px solid #005DC7!important;
}
.screenreader {
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); 
    clip: rect(1px, 1px, 1px, 1px); 
}
  
.side-menu {
   border: 1px solid  var(--secondary-200);
    border-radius: 8px;
   .corner-border-top-left,
   .corner-border-top-right,
   .corner-border-bottom-right,
   .corner-border-bottom-left{
        display:none
   }
   &.conteudo-Home{
    border: none;
   }

   h2, h3 {
      color: var(--primary-800);
   }
   h4 {
      color: var(--primary-700) !important;
   }
   a {
      color: var(--secondary-900) !important;
   }
   span {
      color: var(--primary-700);
   }
   ul.ultimo  li.ultimo  a:focus-visible {
      outline: 1px solid #005DC7;
      outline-offset: 1px;
   }
   .abas .links .corner-top-left,
   .abas .links .corner-top-right{
        display:none;
   }

   .aba {
           cursor: pointer;
       }

        .abas .barra {
           background: var(--secondary-200) !important;
           height: 0px;
        }


       .abas {
           clear: both;
           height: 50px;
           position: relative;
           margin-bottom: 0px;
           .links {
                display: flex;
                justify-content: space-evenly;
                #abaExtrato {
                    flex: 3;
                }
                #abaAlertas {
                    white-space: nowrap;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    gap: 2px;
                    line-height: 16px;
                }
            }
       }

       .abas .links button {
           flex: 1;
           color: var(--secondary-900) !important;
           float: left;
           font-size: 0.8em;
           height: 50px;
           line-height: 0px;
           padding: 16px;
           text-align: center;
           text-decoration: none;
           background: #fff;
           border: 1px solid #E6E6E6;
           border-bottom: none;
           border: 1px solid var(--secondary-700) !important;
           border-top-right-radius: 8px;
           border-top-left-radius: 8px;
           position: relative;
           top: 0px;
           margin-right: 1px;
       }

       .abas .links button:focus-visible span {
           outline: 1px solid #005DC7;
           outline-offset: 1px;
        }

        .abas .links button span {
           color: var(--secondary-900) !important;
        }

       .abas .links .ativo {
           border: none!important;
           background: #5A645A!important;
       }

       .abas .links .ativo span{
        color: #FFFFFF!important;
       }

        .abas .links button.ativo:focus-visible span {
           border: 1px solid #D6E6FF;
           padding: 1px;
        }
}

.bordafeedback {
    display: flex;
    flex-direction: column;
    margin: 0;
    border: 1px solid var(--secondary-200);
    border-radius: 4px;
    width: 200px;
    padding: 24px;
    margin-bottom: 56px;

    h2 {
        color: var(--primary-800);
        font-family: Helvetica;
        font-size: 24px;
        font-weight: 700;
        line-height: 27.6px;
        text-align: left;
        margin-bottom: 16px;
   }
   button {
        background: none;
        border: none;
   }
   .actions {
        display: grid;
        gap: 16px;
    }

    .primary-button {
        cursor: pointer;
        height: 40px;
        border-radius: 4px;
        color: var(--white);
        background-color: var(--primary-900);
        box-sizing: border-box;
        font-weight: 700;
    }
    .primary-button:hover {
        background-color: var(--primary-700);
    }
    .primary-button:focus-visible {
        outline: 1px solid #005DC7;
        outline-offset: 1px;
    }

    .secondary-button {
        cursor: pointer;
        height: 40px;
        border-radius: 4px;
        border: 1px solid var(--secondary-900);
        box-sizing: border-box;
    }
    .secondary-button:hover {
        border: 2px solid var(--primary-700);
        color: var(--primary-700) !important;
    }
    .secondary-button:focus-visible {
        outline: 1px solid #005DC7;
        outline-offset: 1px;
    }
   .paragraph {
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.1px;
        text-align: left;
        color: var(--secondary-900);
        margin-bottom: 16px;
    }
    #obrigadoFeedback[style*='display: block']{
        display: grid !important;
    }
   .cont {
       border: thin solid var(--primary-800)!important;
   }
   .commentFeedback[style*='display: block']{
        display: flex !important;
        flex-direction: column;  
    }
   .comment {
        display: flex;
        flex-direction: column;
        .comment-section {
            display: grid;
        }
    }
    .textAreaFeedback{
        all: unset;
        margin-bottom: 16px;
        border: 1px solid var(--secondary-200);
        border-radius: 4px;
        height: 43px;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 400;
        color: var(--secondary-900);
    }

   #btnLimpar{
        padding-left: 0px;
   }
   .star-rating{
        padding: 0;
    }
    .star-rating {
        .stars-container {
            position: relative;
            height: var(--star-rating-size);
            width: 165px;
            margin-bottom: 8px;
            margin-top: 6px;
            background-image: var(--unchecked-image); 
            background-size: var(--star-rating-size) var(--star-rating-size);
            background-repeat: space;
        }
        .stars-group {
            background: var(--primary-800);
            display: flex;
            justify-content: center;
            border-radius: 5px;
            border: thin solid #444;
            height: 100%;
            width: 198px;
            margin-bottom: 16px;
        }
    }
    .star-rating label {
        position: absolute;
        height: 100%;
        background-size: var(--star-rating-size) var(--star-rating-size);
    }
    .star-rating label:nth-of-type(1) {
        z-index: 10;
        width: 18%;
    }
    .star-rating label:nth-of-type(2) {
        z-index: 9;
        width: 37.5%;
    }

    .star-rating label:nth-of-type(3) {
        z-index: 8;
        width: 58.5%;
    }

    .star-rating label:nth-of-type(4) {
        z-index: 7;
        width: 79.2%;
    }

    .star-rating label:nth-of-type(5) {
        z-index: 6;
        width: 100%;
    }

    .star-rating input:checked + label{
        background-image: var(--checked-image);
        background-repeat: space; 
    }
    .star-rating input:focus-visible + label{
        border: 1px solid #D6E6FF;
    }
    .star-rating input:checked + label:hover,
    .star-rating label:hover{
        background-image: var(--hovered-image);
        background-repeat: space; 
    }
    .star-rating input,
    .star-rating label>span{
        border: 0;
        padding: 0;
        margin: 0;
        position: absolute !important;
        height: 1px; 
        width: 1px;
        overflow: hidden;
        clip: rect(1px 1px 1px 1px); 
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%); 
        white-space: nowrap; 
    }
}

#menu-global.menu-superior {
   .border {
        border-bottom: 2px solid  var(--secondary-200);
   }

   ul{
    padding-left:2px;
    li {
        margin: 8px 0 0;
        padding: 2px 8px;
        a {
          	color:var(--secondary-900);
          	padding:8px;
        }
        a:focus-visible{
            span{
                outline: 1px solid #005DC7;
                outline-offset: 10px;
            }
        }
    }

    li.bt-verde {
        background: var(--primary-800)!important;
        a {
          color: var(--white)!important;
            padding:8px 16px!important;
        }

    }

    li.bt-verde:hover,
    li.bt-verde a:hover{
        background: var(--primary-700) !important;
    }
    }
}
  
.novo-header {
    .usuarioContainer {
        width: 100%;
        min-width: 190px;
        flex-direction: column;
        .nome{
            #nomeUsuario{
                text-transform: capitalize;
            }
            label,
            span{
                font-family: Arial;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                text-align: left;
                color: var(--secondary-900);
            }
        }

        span.dataHora {
            font-family: Arial;
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
            text-align: left;
            color: var(--secondary-700);
            display: block;
            min-width: 190px;
            text-transform: none
        }
    }

     .searchContent{
        label{
          color: var(--secondary-700)!important;
        }
    }

    .managerContent {
        label{
         color: var(--secondary-700)!important;
         float:none!important;
         display: inline-grid;
        }
         span {
          color: var(--secondary-900)!important;
        }
    }
    .managernamecontent {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        top: 7px;
        #gerente{
            font-family: Arial;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: left;
        }
        span {
            color: var(--secondary-900)!important;
        }
    }

    #combo_trocaConta {
         label{
              color: var(--secondary-700)!important;
         }
    }

    #combo_trocaConta select#opcoesCombo {
        color: var(--secondary-900)!important;
        border: 1px solid var(--secondary-200);
    }

    .input-container {
        border: 1px solid var(--secondary-200);
        .input-field-search {
            color: var(--secondary-900)!important;
        }
        ::-webkit-input-placeholder {
           color: var(--secondary-900);
        }

        :-moz-placeholder { /* Firefox 18- */
           color: var(--secondary-900);
        }

        ::-moz-placeholder {  /* Firefox 19+ */
           color: var(--secondary-900);
        }

        :-ms-input-placeholder {
           color: var(--secondary-900);
        }
    }
    .sign-out a{
        padding-right: 0;
    }

    .sign-out a:focus-visible,
    .sign-out a:active{
        border: 1px solid #D6E6FF;
        padding: 1px;
    }
}

li.novo-header.ac_even{
  color: var(--secondary-900);
}

.conteudos {
    .corner-border{
        border: 1px solid var(--secondary-200);
        border-radius: 8px;
    }

    h2.titulo.titulo-funcionalidade {
        font-family: inherit;
        color: var(--primary-800)!important;
        font-size: 24px;
        line-height: 27.6px;
        text-align: left;
        margin: 0 0 32px 0;
        font-weight: 700
    }

    h3.titulo.titulo-funcionalidade {
        font-family: inherit;
        color: var(--primary-700)!important;
        font-size: 16px;
        line-height: 18.4px;
        text-align: left;
        margin: 0 0 16px 0;
        font-weight: 700;
    }

    #iconeEsconder, #iconeExibir{
        color: var(--primary-700);
    }

    table tr, table td {
        border-top: 1px solid var(--secondary-200) !important;
        border-bottom: 1px solid var(--secondary-200) !important;
        width: 100%;
    }

    table td,
    table th{
        color: var(--secondary-900);
        font-size: 14px!important;
        line-height: 16px;
    }

    .tableLayout th {
        border-bottom: 1px solid var(--border-divisor) !important;
    }

    .cor-cinza-medio {
            color: var(--secondary-700)!important;
        }

    .cor-cinza-medio-escuro {
        color: var(--secondary-900)!important;
    }

    .aba-conteudo{
        p, label {
            color: var(--secondary-900)!important;
        }
    }
    .secondary-button {
        display: flex;
        width: 392px;
        justify-content: center;
        height: 40px;
        border: 1px solid var(--secondary-900);
        align-items: center;
        font-size: 14px;
        border-radius: 4px;
        font-weight: 400;
        line-height: 20px;
        box-sizing: border-box;
        color: var(--secondary-900) !important;
    }
    .secondary-button:hover {
       border: 2px solid var(--primary-700);
       color: var(--primary-700) !important;
    }

      .secondary-button:focus-visible {
            outline: 1px solid #005DC7;
            outline-offset: 1px;
        }

    #autorizacoesContainer {
        th {
            background: none;
        }
    }
    a.lk-ver:focus-visible{
      outline: 1px solid #005DC7;
      outline-offset: 1px;
    }

    .chamada-table
     {
     	line-height:24px;
     }
     .primary-button {
        display: flex;
        width: auto;
        justify-content: center;
        height: 40px;
        background:var(--primary-800);
        align-items: center;
        font-size: 14px;
        border-radius: 4px;
        font-weight: 400;
        line-height: 20px;
        box-sizing: border-box;
        color: var(--white) !important;
    }

    .primary-button:hover {
        background: var(--primary-700);
        color: var(--white) !important;
    }

    .primary-button:focus-visible {
            outline: 1px solid #005DC7;
            outline-offset: 1px;
        }

    .secondary-button {
        display: flex;
        width: auto;
        justify-content: center;
        height: 40px;
        border: 1px solid var(--secondary-900);
        align-items: center;
        font-size: 14px;
        border-radius: 4px;
        font-weight: 400;
        line-height: 20px;
        box-sizing: border-box;
        color: var(--secondary-900) !important;
    }
    .secondary-button:hover {
       border: 2px solid var(--primary-700);
       color: var(--primary-700) !important;
    }

      .secondary-button:focus-visible {
            outline: 1px solid #005DC7;
            outline-offset: 1px;
        }

    .marginLeft32px{
        margin-left:32px;
    }

    .justify-content-between{
        .secondary-button,
        .primary-button{
            width:50%
        }
    }
    .box-extrato{
        margin-bottom:0px;
        overflow-x: auto;
        margin-bottom: 32px;
        .cartoes-container {
            margin-top: 32px;
            padding:2px;
        }
    }

    ul.lista-alertas li {
        border: 1px solid #CDD3CD;
        padding: 16px;
        width: auto;
        min-width: 358px;
    }

    ul.lista-alertas li:hover {
        border: 1px solid var(--primary-700);
        padding: 16px;
    }

    ul.lista-alertas li:focus-visible {
        outline: 1px solid #005DC7;
        outline-offset: 1px;
        position: relative;
        z-index: 1;
    }

     ul.lista-alertas li:nth-child(2n+1) {
        background: #f4f4f4 none repeat scroll 0 0;
    }

    ul.lista-alertas li > table {
        margin-top: 0px !important;
    }

    ul.lista-alertas li > table tr td {
        padding: 3px !important;
        vertical-align: initial;
    }

    ul.lista-alertas li > .card {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    ul.lista-alertas li > .card > .card-row {
        display: flex;
        margin-bottom: 16px;
    }

    ul.lista-alertas li > .card > .card-row:last-child {
        margin-bottom: 0;
    }

    ul.lista-alertas li > .card > .card-row > label {
        padding-right: 4px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        text-align: left;
        color: var(--secondary-900); 
    }

    ul.lista-alertas li > .card > .card-row > span {
        color: var(--secondary-900); 
        font-size: 14px;
        line-height: 16px;
    }

}

.anuncio-container {
    display: inline-block;

    .focused {
        outline: 1px solid #005DC7 !important;
        outline-offset: 1px;
    }

    .anuncio {
        width: 713px;
        position: relative;
        bottom: 8px;
        img{
            padding:0px;
        }
    }
}

#geral {
    /*min-width: 1194px;*/
    min-height: calc(100vh - 50px);
}

#conteudo {
    width: 100% !important;
    margin: 20px auto 30px !important;
    position: relative;
    min-height: calc(100vh - 306px);

    #principal {
        margin-bottom: 28px;

        .side-menu {
            margin: 0 !important;
        }
    }
}

#mioloVejaTambem {
    margin: 0 !important;

    &.conteudo-Home {
        width: 460px;
    }
    
    .aba-conteudo > div {
        min-height: 270px;
    }
}

#secundario {
    margin-top: 0;

    #feedbackuser {
        margin: 0 !important;
    }

    .fundo-verde-claro{
        background-color: var(--primary-700) !important;
    }

    .banners-secundario {
        margin-bottom: 0;
    }

    .cor-cinza-medio-escuro {
        color: var(--secondary-900);
    }

    .a-link{
        color: var(--primary-700);
    }

     table tr, table td {
        border-top: 1px solid var(--secondary-200) !important;
        border-bottom: 1px solid var(--secondary-200) !important;
    }

    table td,
    table th{
        color: var(--secondary-900);
    }

    .container-funcionalidade{
        border: 1px solid var(--secondary-200);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

.sr-only{
    visibility: hidden;
}

#buttonExibir:focus-visible svg,
#buttonEsconder:focus-visible svg,
#imagem-banner-footer-link:focus-visible img,
#imagem-banner-lateral-superior-link:focus-visible img,
#imagem-banner-lateral-inferior-link:focus-visible img,
#logo-sicredi:focus-visible,
#msgFeedback:focus-visible,
#btnLimpar:focus-visible,
#btnEnviar:focus-visible,
#search:focus-visible,
#opcoesCombo:focus-visible,
#mensagemFeedback:focus-visible,
#btnFaleConosco:focus-visible,
#thankFeedback > a:focus-visible{
  outline: 1px solid #005DC7 !important;
  outline-offset: 1px;
}

#autorizacoesContainer,
#alertasContainer,
#cartoesContainer,
#extratoContainer,
#painelSaldo{
    border: 1px solid var(--secondary-200);
    border-radius: 0 0 8px 8px!important;
    padding: 24px;
}

#cabecalhoPainelSaldo{
    display: flex;
    align-items:center;
}

#mensagemChequeEspecial{
    text-align: justify;
    margin-top: 24px;
    font-size: 14px!important;
}

#footer > a:focus-visible,
.stars-container:focus-visible{
    outline: 1px solid #D6E6FF;
    outline-offset: 1px;
}

#cartoesContainer {
    #card1{
        padding: 0px;
        height: 42px;
    }
}

div.ac_results_customized_designSystem > ul > li.ac_even.ac_over_customized {
   outline: 1px solid #005DC7;
}

.cartoes-resumo {
    margin: inherit;
    width: 393px;
}