@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.ttf');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf');
}

body {
    font-family: 'Roboto-Regular';
}

.Roboto-Black {
    font-family: 'Roboto-Black';
}

.Roboto-Bold {
    font-family: 'Roboto-Bold';
}

.Roboto-Regular {
    font-family: 'Roboto-Regular';
}

.min-height-100 {
    min-height: 100vh;
}

.bg-primary {
    background-color: #048CCF;
    /* background: linear-gradient(to right bottom, #14FF00, #02CA9A); */
}

.text-primary {
    color: #048CCF;
}

.bg-secundary {
    background-color: #E9ECFF;
}

.text-secundary {
    color: #E9ECFF;
}

.bg-green-light {
    background-color: #4D9B46;
}

.borda-primary-black {
    border: 1px solid #000;
    border-radius: 10px;
}

.borda-secundary-black {
    border: 1px solid #46549B;
    border-radius: 10px;
}

section.main {
    background-color: #FAFAFA;
}

.new-card {
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    padding: 0;
}

.new-card-header {
    padding: 5px 10px 10px 10px;
    color: #444444;
    background: #F0F0F0;
}

.new-card-header-blue {
    padding: 5px 10px 10px 10px;
    border-radius: 10px 10px 0 0;
    color: #46549B;
    background: #E9ECFF;
}

.new-card-header-red {
    padding: 5px 10px 10px 10px;
    border-radius: 10px 10px 0 0;
    color: #9B4646;
    background: #DDC4C4;
}

.new-card-header-green {
    padding: 5px 10px 10px 10px;
    border-radius: 10px 10px 0 0;
    color: #4D9B46;
    background: #C6DDC4;
}

.new-card-content {
    padding: 10px;
}

.circle {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.list-group-item {
    border-right: none;
    border-left: none;
}

.iframe-index {
    border: 10px solid #fff !important;
}

.cursor-botao {
    cursor: pointer !important;
}

.borda-tracejada {
    border: 1px dashed #e0e0e0;
}

.borda {
    border: 1px solid #e0e0e0 !important;
}

.borda-baixo {
    border-bottom: 1px solid #e0e0e0 !important;
}

.borda-top {
    border-top: 1px solid #f1f1f1 !important;
}

.borda-right {
    border-right: 1px solid #e0e0e0 !important;
}

.sem-borda {
    border: none !important;
}

.borda-titulo-0 {
    width: 100px;
    border-radius: 10px;
    height: 3px;
    background-color: #e0e0e0;
}

.borda-titulo-1 {
    border-radius: 3px;
    width: 70px;
    height: 7px;
    background-color: #2c2c2c;
}

.borda-titulo-2 {
    border-radius: 3px;
    width: 70px;
    height: 7px;
    background-color: #673ab7;
}

.borda-titulo-3 {
    width: 100px;
    border-radius: 10px;
    height: 3px;
    background-color: #8a8d93;
}

.borda {
    border-radius: 0px;
}

.borda-1 {
    border-radius: 5px !important;
}

.borda-1-top {
    border-radius: 4px 4px 0 0 !important;
}

.borda-2 {
    border-radius: 20px !important;
}

.borda-3 {
    border-radius: 30px !important;
}

.borda-4 {
    border-radius: 100px !important;
}

.borda-5 {
    border-radius: 100%;
}

.borda-baixo-none {
    border-bottom: none !important;
}

.negrito {
    font-weight: bold !important;
}

.sem-negrito {
    font-weight: normal !important;
}

.sem-sombra {
    box-shadow: none !important;
}

.texto-uppercase {
    text-transform: uppercase;
}

.texto-italic {
    font-style: italic !important;
}

.m-t1 {
    margin-top: 10%;
}

.m-total-1 {
    padding: 10px !important;
}

.texto-000 {
    font-size: 0.7em !important;
}

.texto-00 {
    font-size: 0.8em !important;
}

.texto-0 {
    font-size: 0.9em !important;
}

.texto-1 {
    font-size: 1.1em !important;
}

.texto-2 {
    font-size: 1.5em !important;
}

.texto-3 {
    font-size: 2.5em !important;
}

.texto-4 {
    font-size: 3.5em !important;
}

.texto-5 {
    font-size: 4.5em !important;
}

.texto-6 {
    font-size: 5.5em !important;
}

.texto-7 {
    font-size: 6.5em !important;
}

.texto-8 {
    font-size: 8em !important;
}

.texto-9 {
    font-size: 9em !important;
}

.texto-10 {
    font-size: 10em !important;
}

.texto-justificado {
    text-align: justify;
}

.texto-capitalizado {
    text-transform: initial !important;
}

.espaco-m-0 {
    margin: 0 !important;
}

.espaco-m-1 {
    margin: 5%;
}

.espaco-m-2 {
    margin: 10%;
}

.espaco-m-3 {
    margin: 15%;
}

.espaco-p-0 {
    padding: 0 !important;
}

.espaco-p-1 {
    padding: 2%;
}

.espaco-p-2 {
    padding: 10%;
}

.espaco-p-3 {
    padding: 15%;
}

.espaco-m-baixo-0 {
    margin-bottom: 0.8rem;
}

.espaco-m-top-0 {
    margin-top: 20px;
}

.espaco-m-right-1 {
    margin-right: 5% !important;
}

.espaco-m-left-1 {
    margin-left: 7% !important;
}

.espaco-m-top-1 {
    margin-top: 5% !important;
}

.espaco-m-top-2 {
    margin-top: 10.5rem;
}

.espaco-m-top-3 {
    margin-top: 30%;
}

.espaco-m-baixo-1 {
    margin-bottom: 5% !important;
}

.espaco-m-baixo-2 {
    margin-bottom: 20% !important;
}

.espaco-m-baixo-3 {
    margin-bottom: 30% !important;
}

.espaco-p-top-1 {
    padding-top: 5% !important;
}

.espaco-p-top-2 {
    padding-top: 20% !important;
}

.espaco-p-top-3 {
    padding-top: 17% !important;
}

.espaco-p-top-4 {
    padding-top: 40%;
}

.espaco-p-baixo-1 {
    padding-bottom: 5% !important;
}

.espaco-p-baixo-2 {
    padding-bottom: 20% !important;
}

.espaco-p-baixo-3 {
    padding-bottom: 30% !important;
}

.titulo-0 {
    color: #ffffff !important;
}

.titulo-1 {
    color: #e91e63 !important;
}

.titulo-2 {
    color: #616161 !important;
}

.titulo-3 {
    color: #ffb431 !important;
}

.titulo-4 {
    color: #D83858 !important;
    /* orange darken-1 */
}

.titulo-5 {
    color: #73879C !important;
}

.fundo-0 {
    background-color: #ffffff !important;
}

.fundo-00 {
    background-color: #e0e0e0 !important;
}

.fundo-1 {
    background-color: #2196F3 !important;
}

.fundo-2 {
    background-color: #e0e0e0 !important;
}

.fundo-3 {
    background-color: #ffb431 !important;
}

.fundo-4 {
    background-color: #D83858 !important;
}

.fundo-5 {
    background-color: #73879C !important;
}

.fundo-6 {
    background-color: #28af1b !important;
}

.linha-top-25 {
    line-height: 25px;
}

.linha-top-30 {
    line-height: 30px;
}

.linha-top-40 {
    line-height: 40px;
}

.form-input {
    width: 100%;
    background-color: #F0F0F0;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    padding: 10px;
}


.btn-outline-light {
    border: 3px solid #fafafa;
}

.btn-outline-dark {
    border: 3px solid #2c2c2c;
}

@media screen and (min-width: 300px) {

    .brand-logo img {
        width: 100px;
    }

    .banner-large-home h1 {
        padding-top: 1em;
        font-size: 10vw;
    }
}

@media screen and (min-width: 1200px) {


    .banner-large-home h1 {
        padding-top: 1em;
        font-size: 5rem;
    }
}

.banner-large-home {
    min-height: 50vh;
    background-image:
        linear-gradient(to bottom,
            #048bcfd0,
            #025883e5 100%),
        url('../img/3.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.banner-large-about {
    height: 22vh;
    background-color: #048CCF;
    /* background-color: #025883e5; */
    background-size: 100%;
    background-repeat: no-repeat;
    /* background-position-y: -300px; */
}


.banner-other {
    text-align: center;
    padding-top: 40px;
    min-height: 15vh;
    /* background-color: #048CCF; */
    background-image:
        linear-gradient(to bottom,
            #048CCF90,
            #048CCF90 100%),
        url('../img/banner/banner-11.png');
    background-repeat: no-repeat;
    background-size: cover;

}

.banner-other h5 {
    font-size: 3rem;
    font-weight: bold;
}


textarea.estilo-input {
    overflow: auto;
    resize: vertical;
    border: 1px solid #e0e0e0;
    height: auto;
    background-color: #fff;
}

input[type="text"].estilo-input,
input[type="password"].estilo-input,
input[type="email"].estilo-input,
select.estilo-input {
    border: 1px solid #e0e0e0 !important;
    background-color: #fff;
}

.estilo-input {
    /* line-height: 25px; */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    background-color: transparent;
    padding: 10px !important;
    font-size: 14px;
    color: #2c2c2c;
    transition: all 0.5s;
}

.estilo-input:hover {
    background-color: #e0e0e0;
}

.estilo-input:focus {
    background-color: #e0e0e0;
    outline: none;
    border: 1px solid #747272;
}

.estilo-input::placeholder {
    color: #727272;
}

.estilo-input:disabled {
    background-color: #ecebeb;
    cursor: not-allowed;
}

button.estilo-input {
    cursor: pointer;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: none;
    background-color: #048CCF90;
    border-radius: 30px;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: transparent;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: #fff;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background: rgba(0, 0, 0, 0.6);
    /* background-color: #ddd; */
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #048CCF;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
    font-size: 12pt;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.sticky+.content {
    padding-top: 60px;
}

.vh100 {
    min-height: 100vh;
}