:root {
    --bs-primary: #00204D; 
    /* #35496E; */
    --bs-primary-active: #2D5F52;
    --secondary: #E3E2F5;
    --secondary-light: #F2EDF5;
    --bs-info: #17a2b8;
    --bs-success: #28a745;
}

body {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif !important;
    font-size: 13px;
}

.fixar-header{
    position: sticky;
    top: 0px;
    z-index: 910;
}

.fixar-div{
    position: sticky;
    top: 60px;
    z-index: 900;
}

.bgcolor-header {
    /* background-image: url(../img/degrade.png);
    background-repeat: repeat-y;
    background-color: #31724A !important; */
    background: linear-gradient(to right, #21236A 30%, #30704B);
    max-height: 60px;
}

.bg-default {
    background-color: #fff;
    color: #000;
}

.bg-secondary {
    background-color: #6c757d!important;
}

.bg-text-default {
    color: var(--bs-primary);
}

.custom-list {
    border-radius: 0; /* Remove a borda arredondada */
}


.card {
    border-radius: 0; /* Remove a borda arredondada */
}

.text-secondary {
    font-size: 15px;
}

.active .text-secondary {
    color: #fff !important; /* Define a cor branca para o texto quando o item está "active" */
}

.card-header,.accordion-button, .accordion-button:not(.collapsed) {
    border-radius: 0;
    /* background-color: rgba(0, 32, 77, 0.2); */
    background-color:#E3E2F5;
    color: #000;
}

/* .card:hover {
    border-color: var(--bs-primary);
} */

.bg-default.active, .accordion-button:focus {
    background-color: var(--bs-info);
    color: #fff;
}

.bg-div-principal {
    /* background-color: #F4F7FC; */
    /* background-color: #E8F3EE; */
    background-color: #fff;
    /* background-color: rgba(25, 135, 84, 0.1) */
}


.badge-info {
    background-color: #93C47D;
}

.errorlist {
    background-color: #f8d7da;
    border: #f5c6cb;
    border-radius: 0.25rem;
    margin-top: 10px;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    font-size: 13px;
}

.btn-secondary,.btn-warning {
    font-size: 13px;
}


.btn-ethquo {
    color: #fff;
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    font-size: 13px;
}

.btn-ethquo:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-default { /* Utilizado na tabela padrão */
    background-color: var(--secondary);
    border-color: var(--secondary);
    font-size: 13px;
}

.btn-primary.active,.btn-primary:hover {
    background-color: var(--bs-primary-active);
    border-color: var(--bs-primary);
}


.btn-info {
    color: #fff;
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    font-size: 13px;
}

.btn-success {
    color: #fff;
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    font-size: 13px;
}

.btn-danger {
    background-color: #ef3066; 
    border-color: #bd2130;
    font-size: 13px;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #fff;
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
}


.btn-light {
    /* border-color: var(--bs-primary); */
    background-color: var(--secondary-light);
    color: var(--bs-primary);
    font-size: 13px;
}

.btn-light:hover {
    /* border-color: var(--bs-primary); */
    color: #fff;
    background-color: var(--bs-primary);
}

.btn-light.active {
    color: #fff;
    background-color: var(--bs-primary);
}



.score {
    width: 3ch;
    height: 3ch; 
    display: inline-block; 
    border-radius: 50%;
    margin: 0 0.5ch;
}

.current_score::after{
    content: " ";
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-left: 1ch solid transparent;
    border-right: 1ch solid transparent;
    border-bottom: 1.3ch solid black;
    margin: 4ch 0 0 0.5ch;
}

.chart-ball-big {
    width: 5ch;
    height: 5ch;
    border: 2px solid black !important;
}

.chart-ball-big:after {
    content: " ";
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid black;
    margin: 40px 0 0 4px;
}

.score-dossie {
    width: 3ch;
    height: 3ch; 
    display: inline-block; 
    border-radius: 50%;
    margin: 0 0.2ch;
}

.chart-ball-big-dossie {
    width: 4ch;
    height: 4ch;
    border: 1px solid black !important;
}




.button-blue {
    background: linear-gradient(to bottom right, #21236A 75%, #9AD0F5);
    border: 0;
    border-radius: 0.25rem;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    padding: 0 1.0rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.button-blue:not([disabled]):focus {
    text-decoration: none;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5),.125rem .125rem 1rem rgb(45, 206, 151, 0.5),  -.125rem -.125rem 1rem rgb(45, 206, 196, 0.5);
}

.button-blue:not([disabled]):hover {
    text-decoration: none !important;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5),.125rem .125rem 1rem rgb(45, 206, 151, 0.5),  -.125rem -.125rem 1rem rgb(45, 206, 196, 0.5);
    color: #FFFFFF;
}



.button-green {
    background: linear-gradient(to bottom right, #2dce89,#2dcecc);
    border: 0;
    border-radius: 0.25rem;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    padding: 0 1.0rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.button-green:not([disabled]):focus {
    text-decoration: none;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5),.125rem .125rem 1rem rgb(45, 206, 151, 0.5),  -.125rem -.125rem 1rem rgb(45, 206, 196, 0.5);
}

.button-green:not([disabled]):hover {
    text-decoration: none !important;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5),.125rem .125rem 1rem rgb(45, 206, 151, 0.5),  -.125rem -.125rem 1rem rgb(45, 206, 196, 0.5);
    color: #FFFFFF;
}

.button-orange {
    background: linear-gradient(to bottom right, #EF4765, #FF9A5A);
    border: 0;
    border-radius: 0.25rem;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.button-orange:not([disabled]):focus {
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
}

.button-orange:not([disabled]):hover {
    text-decoration: none !important;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
    color: #FFFFFF;
}

.button-green {
    background: linear-gradient(to bottom right, #2dce89,#2dcecc);
    border: 0;
    border-radius: 0.25rem;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    padding: 0 1.0rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.button-green:not([disabled]):focus {
    text-decoration: none;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5),.125rem .125rem 1rem rgb(45, 206, 151, 0.5),  -.125rem -.125rem 1rem rgb(45, 206, 196, 0.5);
}

.button-green:not([disabled]):hover {
    text-decoration: none !important;
    box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5),.125rem .125rem 1rem rgb(45, 206, 151, 0.5),  -.125rem -.125rem 1rem rgb(45, 206, 196, 0.5);
    color: #FFFFFF;
}


.button-gray {
    background: linear-gradient(to bottom right, #5F5E597F, #EBF6FF7F);
    border: 0;
    border-radius: 0.25rem;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.button-gray:not([disabled]):focus {
    box-shadow: 0 0 .25rem rgba(95, 94, 89, 0.5), -.125rem -.125rem 1rem rgba(144, 144, 145, 0.5), .125rem .125rem 1rem rgba(206, 208, 215, 0.5);

}

.button-gray:not([disabled]):hover {
    text-decoration: none;
    box-shadow: 0 0 .25rem rgba(95, 94, 89, 0.5), -.125rem -.125rem 1rem rgba(144, 144, 145, 0.5), .125rem .125rem 1rem rgba(206, 208, 215, 0.5);
    color: #FFFFFF;
}

.button-high-gray {
    background: #5A6268;
    border: 0;
    border-radius: 0.25rem;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.button-high-gray:not([disabled]):focus {
    box-shadow: 0 0 .25rem rgba(95, 94, 89, 0.5), -.125rem -.125rem 1rem rgba(144, 144, 145, 0.5), .125rem .125rem 1rem rgba(206, 208, 215, 0.5);

}

.button-high-gray:not([disabled]):hover {
    text-decoration: none;
    box-shadow: 0 0 .25rem rgba(95, 94, 89, 0.5), -.125rem -.125rem 1rem rgba(144, 144, 145, 0.5), .125rem .125rem 1rem rgba(206, 208, 215, 0.5);
    color: #FFFFFF;
}

.note-btn {
    background-color: var(--secondary-light) !important; /* Define a cor principal do Bootstrap */
    border-color: var(--secondary-light) !important; /* Define a cor da borda do Bootstrap */
    color: var(--bs-primary) !important; /* Cor do texto em botões principais */
}

.note-btn:hover {
    background-color: var(--bs-primary) !important; /* Efeito hover baseado no Bootstrap */
    border-color: var(--bs-primary) !important;
    color: #FFFFFF !important;
}