/* Variables*/
:root {
    --main-color: #ffffff;
    --main-bg-color: #273989;
    --second-bg-color: #6468F3;
    --second-color: #6468F3;
    --third-bg-color: #9296F8;
    --yellow-color: #EC8029;
    --yellow-active: #EC8029;
    --blue-color: #273989;
    --gray-color: #B6b7bb;
    --noise: url(data:image/png;base64,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);
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
.display-7 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

span.mobile {
    display: none
}

@media (max-width: 575px) {
    span.mobile {
        display: block
    }

    span.desktop {
        display: none
    }
    #img {
        margin-top: 1em;
        margin-bottom: 1em;
        max-width: 75%;
        max-height: 75%
    }
    html, body {
        overflow-x: hidden;
    }
}

#scroller { 
    
    overflow-x: scroll;
}

#checkboxPass {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 23px;
    right: 7px;
    appearance: none;
    width: 0px;
    height: 0px; 
}

#checkboxPass2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 23px;
    right: 7px;
    appearance: none;
    width: 0px;
    height: 0px;
}

.view-password {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 22px;
    appearance: none;
    width: 0px;
    height: 0px;
    cursor: pointer;
}

.fa-envelope:before {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 33px;
    appearance: none;
    width: 0px;
    height: 80px;
}
/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.gray-color {
    color: var(--gray-color);
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

#nav {
    border-color: var(--second-color);

}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}

#line {
    border-left: 2px solid #273989;
}

#pix-form {
    height:48px;
    width: 48px;
}

@media (min-width: 768px) {
    html {
    font-size: 16px;
  }

}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

input.largerCheckbox {
    width: 1.5em;
    height: 1.5em; 
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
    
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

#arrow {
    border: 1px solid #FFFFFFAA ;
    border-radius: 5px;
}

#arrow:hover {
    border: 1px solid #FFFFFF50;
    border-radius: 5px;
}

.main-bg {
    background: var(--main-bg-color);
}

.yellow-bg {
    background: var(--yellow-active);
}

.gray-bg {
    background: var(--gray-color);
}

.third-bg {
    background: var(--third-bg-color);
}

.second-bg {
    background: var(--second-bg-color);
    );
}

.border-main {
    border: 5px;
    border-color: var(--main-bg-color);
}


.main-color {
    color: var(--blue-color);
}

.second-color {
    color: var(--second-color);
}

#textDoc {
    resize: none;
    height: 20vh;
}


.main-blue {
    color: var(--main-blue);
}

.active {
    color: var(--yellow-color);
}

.yellow {
    text-shadow: 0 0 3px #000;
}

.yellow-shadow-text {
    text-shadow: 0px 0px 3px #EC8029;
}

.yellow-shadow-text:hover {
    text-shadow: 0px 0px 5px #EC8029;
}

.button-blue, input[type=submit] {
    color: var(--main-color);
    background-color: var(--main-bg-color);
    border: none;
}

#submit:hover {
    filter: contrast(110%);
    cursor: pointer;
    color: var(--main-color);
    background-color: var(--main-bg-color);
    border: none;
}

.tab-hover:hover {
    filter: contrast(110%);
    cursor: pointer;
}

#conteudo-principal {
    border-left: 1px solid var(--yellow-color);
    border-right: 1px solid var(--yellow-color);
    border-bottom: 1px solid var(--yellow-color);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px, 0px, 0px, 0px;
    height: inherit;
}

.item-menu {
    justify-content: center;
    transition: transform .2s;
}

    .item-menu:hover {
        transform: scale(1.05);
        animation: ease-in;
    }

.card-text {
    min-height: 3rem;
    justify-items:center;
    text-align: center;
}

.icon {
    font-size: 3em;
}

#login {
    height: 90vh;
}

#login h1 {
    color: #311B92;
    margin-top: 20px; 
}
 

#loginModal {
    min-height: 40vh;
    max-height: inherit;
    width: 350px;
    background-color: #F3F4F5;
    border-radius: 50px;
    border: solid #DDD2;
}

#login-input, #senha-input, #entrar-input, .input-radius {
    border-radius: 50px;
    width: inherit;
    height: 50px;
    border-color: #EC8029;
}

#cookie-accept {
    border-radius: 10px;
    width: inherit;
    height: 50px;
    border-color: #EC8029;
    align-items: center;
}

#entrar-input, input-radius {
    background-color: var(--yellow-color);
    border: none;
    color: white;
    font-weight: bold;
}

#cc img {
    transform: scale(0.5);
}

#svg {
    color: var(--blue-color);
}

#svg path {
    color: var(--blue-color);
}

.bg-gray {
    background: var(--bs-gray-200)
}


@media screen and (max-width: 575px) {
    #conteiner, .container-fluid {
        padding: 0px;
        margin: 0px;
    }

    #line {
        border-left: 0px;
    }

    .icon {
        font-size: 2em;
    }
}

@media screen and (max-width: 768px) {
    #conteudo-principal {
        border: none;
    }

    #topo {
        transform: scale(0.98);
        margin: 0px;
    }
}

.textarea {
    resize: none;
    height: 200px;
    transition: all 0.5s;
    border: 2px solid #DDDDDD;
    width: 100% !important;
}

.textarea_danger {
    border: 2px solid red !important;
}

.textarea:focus {
    box-shadow: none;
    outline: none;
    border: 2px solid blue;
}

.hidden {
    display: none;
}


.campo-invalido, .error, .field-validation-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545;
}

.noise {
    background-image: var(--noise);
    background-blend-mode: hard-light;
    background-color: #FFFFFFAA;
}

.noise-bnt:hover{
    color: aliceblue;
}

a.download {
    text-decoration: none;
}

caption {
    caption-side: top;
}

/*.datepicker, .table-condensed {
    width: 17em;
}*/

.display-6 {
    font-size: 2.4rem;
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 35px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.btn-group {
    display: flex !important;
    text-align: left;
}

.btn-group .text-center {
    text-align: left !important;
}

.icon-green {
    color: #198754;
}

.icon-red {
    color: #dc3545;
}

.icon-vitage {
    color: #CD5C5C;
    font-size: 1.2rem;
}

.start-75 {
    left: 75% !important;
}

.top-15 {
    top: 15% !important;
}

.fc-daygrid-event-harness:hover {
    cursor: pointer !important;
}

.fc-timegrid-event-harness:hover {
    cursor: pointer !important;
}

td.day:hover {
    cursor: pointer !important;
}

.unvisible {
    visibility: hidden;
}

.cursor-pointer {
    cursor: pointer;
}

.links {
    text-decoration: none;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.hidden-element {
    height: 0;
    width: 0;
    overflow: hidden;
}