body{background-color: #f5f5f5;}

@media screen{
    .noPrint{}
    .print{display:none;}
}
@media print{
    .noPrint{display:none;}
    .print{}
    
}
@font-face {
    font-family: tahu;
    src: url('fonts/Tahu.ttf');
}
@font-face {
    font-family: source-pro;
    src: url('fonts/SourceSansPro-Regular.ttf');
}


.bgColor1{background-color:#ef3a4b !important;}
.bgColor2{background-color:#fba81a !important;}
.bgColor3{background-color:#13bbbb !important;}
.bgColor4{background-color:#69abdf !important;}
.bgColor5{background-color:#a93394 !important;}
.bgColor6{background-color:#85a9d9 !important;}
.bgColor7{background-color:#c7b3d8 !important;}
.bgColor8{background-color:#ffd599 !important;}
.bgColor9{background-color:#c7b3d8 !important;}
.bgColor10{background-color:#4e648d !important;}

.borderColor1{border:1px solid #ef3a4b ;}
.borderColor2{border:1px solid #fba81a ;}
.borderColor3{border:1px solid #13bbbb ;}
.borderColor4{border:1px solid #69abdf ;}
.borderColor5{border:1px solid #a93394 ;}
.borderColor6{border:1px solid #85a9d9 ;}
.borderColor7{border:1px solid #c7b3d8 ;}
.borderColor8{border:1px solid #ffd599 ;}
.borderColor9{border:1px solid #c7b3d8 ;}
.borderColor10{border:1px solid #4e648d ;}

input.bgColor1,a.bgColor1:link, a.bgColor1:visited{border:1px solid #db1726; color:#ffffff;}
input.bgColor2,a.bgColor2:link, a.bgColor2:visited{border:1px solid #db9703; color:#ffffff;}
input.bgColor3,a.bgColor3:link, a.bgColor3:visited{border:1px solid #00abab; color:#ffffff;}
input.bgColor4,a.bgColor4:link, a.bgColor4:visited{border:1px solid #169aca; color:#ffffff;}
input.bgColor5,a.bgColor5:link, a.bgColor5:visited{border:1px solid #b3117d; color:#ffffff;}
input.bgColor6,a.bgColor6:link, a.bgColor6:visited{border:1px solid #85a9d9; color:#ffffff;}
input.bgColor7,a.bgColor7:link, a.bgColor7:visited{border:1px solid #c7b3d8; color:#ffffff;}
input.bgColor8,a.bgColor8:link, a.bgColor8:visited{border:1px solid #dbc37d; color:#ffffff;}
input.bgColor9,a.bgColor9:link, a.bgColor9:visited{border:1px solid #bda3c6; color:#ffffff;}
input.bgColor10,a.bgColor10:link, a.bgColor10:visited{border:1px solid #1e3b72; color:#ffffff;}

        
input.bgColor1:hover,a.bgColor1:hover,a.bgColor1:active{background-color:#c61421 !important;text-decoration:none;}
input.bgColor2:hover,a.bgColor2:hover,a.bgColor2:active{background-color:#c68203 !important;text-decoration:none;}
input.bgColor3:hover,a.bgColor3:hover,a.bgColor3:active{background-color:#009595 !important;text-decoration:none;}
input.bgColor4:hover,a.bgColor4:hover,a.bgColor4:active{background-color:#1186b3 !important;text-decoration:none;}
input.bgColor5:hover,a.bgColor5:hover,a.bgColor5:active{background-color:#9d116d !important;text-decoration:none;}
input.bgColor6:hover,a.bgColor6:hover,a.bgColor6:active{background-color:#7c9ecb !important;text-decoration:none;}
input.bgColor7:hover,a.bgColor7:hover,a.bgColor7:active{background-color:#b6a4c6 !important;text-decoration:none;}
input.bgColor8:hover,a.bgColor8:hover,a.bgColor8:active{background-color:#c6ab6d !important;text-decoration:none;}
input.bgColor9:hover,a.bgColor9:hover,a.bgColor9:active{background-color:#a68eae !important;text-decoration:none;}
input.bgColor10:hover,a.bgColor10:hover,a.bgColor10:active{background-color:#1a3363 !important;text-decoration:none;}

.border-secondary{border-color:#e4e4e4 !important;}
.border-light{border-color:#dee2e6 !important;}
/*@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/material.woff2) format('woff2');
}
@font-face {
    font-family: 'Material Icons';
    src: url('../assets/fonts/MaterialIcons-Regular.eot') format('embedded-opentype'), 
        url('../assets/fonts/MaterialIcons-Regular.ttf') format('truetype'), 
        url('../assets/fonts/MaterialIcons-Regular.woff') format('woff'), 
        url('../assets/fonts/MaterialIcons-Regular.woff2') format('woff2'), 
        url('../assets/fonts/MaterialIcons-Regular.svg') format('svg'), 
        url('../assets/fonts/MaterialIcons-Regular.ijmap') format('ijmap');
}*/
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1; /*normal*/
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
    vertical-align: top !important;
}
.material-icons.sm { font-size: 1rem; }
.material-icons.md { font-size: 1rem; }
.material-icons.lg { font-size: 36px; }
.material-icons.xl { font-size: 48px; }

.ml-auto, .mx-auto {

    margin-left: auto !important;

}
.navbar-toggler{font-size:0.8rem;border:1px solid #e4e4e4; background-color:transparent;}
.navbar-toggler:not(:hover) {
        background-color: transparent;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
.navbar-toggler:hover {
        background-color: #e4e4e4;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
.navbar .navbar-toggler-icon {
    background-image: url(images/burguer.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.nav-item{white-space:nowrap;}
.nav-item:hover{
    background-color: #f5f5f5;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nav-item:not(:hover){
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.flag-icon{font-size:0.8rem;}
.flag-icon img{width:20px; margin-right:5px;}

.modal {
  overflow-y:auto;
}
.modal-net {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: block;
    overflow: hidden;
    background-color: rgba(255,255,255,0.7);
    outline: 0;
}
.modal-dialog-net{
    width:100%;
    max-width:200px;
    margin:auto;
}

.modal-content-net {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width:100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    -o-transition:background 0.5s;
    transition:background 0.5s;
    border-radius: .3rem;
    outline: 0;
}
.modal-content,.modal-content-net  {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
.modal-header-net {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-footer-net {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
/*.form-row label{font-size:0.75rem;}
.form-row input{font-size:0.85rem;}
.form-row input[type=radio] {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}*/
caption{
    caption-side: top;
}
.checkInline input, .checkbox-inline input{margin-right:3px; margin-left:10px;}


footer{font-size:0.8em; color:#555555;}
.small{font-size:83% !important;}
.tabela{border:1px solid #cccccc;margin:10px 0px; width:100%; }
.tabela .btn{margin:2px auto;}
.tabela th{background-color:#3763a0; color:#ffffff;}
.tabela th, .tabela td{padding:3px;}
.tabelaSemHeader th{display:none;}
/*.tabela th,.tabela td{padding:5px; }*/
.tabela tr{padding:10px !important;}
.tabela tr:nth-child(even){background-color:#fafafa;}
.tabela tr:nth-child(odd){background-color:#f5f5f5;}
.tabela tr:hover{background-color:#ffffff; transition:background-color 0.3s;}

.tabela2{border:1px solid #cccccc;margin:10px 0px; width:100%; }
.tabela2 th{background-color:#3763a0; color:#ffffff;}
.tabela2 th,.tabela2 td{padding:5px; }
.tabela2 tr{padding:10px !important; border-top:1px solid #dee2e6}
.tabela2 tr:nth-child(even){background-color:#fafafa;}
.tabela2 tr:nth-child(odd){background-color:#f5f5f5;}
.tabela2 tr:hover{background-color:#ffffff; transition:background-color 0.3s;}
.tabela2 table tr{border:none;background-color:transparent !important;}

.paginacao{width:100%; margin:auto;}
.paginacao td{padding:5px;}
.paginacao table{margin:auto;}
.paginacao, .paginacao tr{background-color:transparent;}
.paginacao td{width:40px;}
.paginacao:hover, .tabela .paginacao tr:hover{background-color:transparent;}
.paginacao a:link,.tabela .paginacao a:visited{border:1px solid #e4e4e4; background-color:#ffffff; padding:5px 10px; border-radius:5px; text-decoration:none}
.paginacao a:hover,.tabela .paginacao a:active{border:1px solid #d6d6d6; background-color:#f6f6f6; transition:background-color 0.3s; text-decoration:none}
.w1pct{width:1%}
a.btnExcluir:hover,a.benExcluir:active{text-decoration:none;}
.whiteSpaceNormal{white-space:normal;}

.campoErro{
    background-color:#fff4e0;
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    -o-transition:background 0.5s;
    transition:background 0.5s;
}
.campoObrigatorio{}
.campoNaoObrigatorio {}
.numeros {}
.data{}
.cpf{}
.email{}
.usaTooltip{}
.text-yellow{color:#ffd599;}
a.text-yellow:hover,a.text-yellow:active{color:#ff9c00;}
.jumbotron{
    background-image:url(images/bg-VenhaNosConhecer.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.alertaValidacao{font-size:0.85rem;}
.alertaValidacao h4{font-size:1.2rem; margin-top:10px;}
.alertaValidacao label{display:block;}
.alertaValidacao div{font-style:italic}
.alertaValidacao div label{display:inline; font-style:normal;}
.alertaValidacao .campoErro{margin-top:10px;}

.ui-datepicker{z-index:9999 !important;}

.confirmacaoDados{float:left; margin-right:10px; padding:5px;}
.cleared{clear:both;}
.quadro{clear:both;}
.grupoCampos{clear:both;}
.noBreak{page-break-inside:avoid;}
.noWrap{white-space:nowrap;}


/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    padding:0;
    overflow: hidden;
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: #000000;
    text-transform: uppercase;
    font-size: 9px;
    width: 20% !important;
    float: left;
    position: relative;
    letter-spacing: 1px;
}

#progressbar li:before {
    padding-top: 2px;
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 26px;
    display: block;
    font-size: 14px;
    color: #333;
    border: 1px solid black;
    border-radius: 50%;
    margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 13px;
    z-index: -1; 
}

#progressbar li:first-child:after {
    content: none;
}

#progressbar li.active:before, #progressbar li.active:after {
    background: #003C74;
    color: white;
}


.backgroundWallpaper0,.backgroundWallpaper1,.backgroundWallpaper2,.backgroundWallpaper3,.backgroundWallpaper4,.backgroundWallpaper5{
    background-repeat:no-repeat; background-position:center center; background-size:cover;min-height:260px;
}
.backgroundWallpaper0 {
    background-image: url(../assets/images/imgHome/home0.jpg);
}
.backgroundWallpaper1 {
    background-image: url(../assets/images/imgHome/home1.jpg);
}
.backgroundWallpaper2 {
    background-image: url(../assets/images/imgHome/home2.jpg);
}
.backgroundWallpaper3 {
    background-image: url(../assets/images/imgHome/home3.jpg);
}
.backgroundWallpaper4 {
    background-image: url(../assets/images/imgHome/home4.jpg);
}
.backgroundWallpaper5 {
    background-image: url(../assets/images/imgHome/home5.jpg);
}
.bgTopBar{background-image:url(../assets/images/bg-teste2.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;min-height:30px;}

.btn-Excluir{
    background-image:url(iconic-png/x-3x.png);
    background-size:cover;
    background-position:center center;
    padding:15px;
}

.noPointer {cursor: default !important;}






/*overrides*/
.formEstiloAlternado .form-control[type=text]{
    border-top:none;border-left:none; border-right:none; border-radius:unset;
}
.formEstiloAlternado .form-control[type=select]{
}
.formEstiloAlternado .form-control:focus{
     box-shadow:none;
}
.formEstiloAlternado label{
    margin-top:1rem; margin-bottom:0 !important; color:#003C74;
}
.text-primary{color:#003c74 !important;}
.border-primary{border-color:#003c74 !important;}

a.text-white:hover , a.text-white:active{
    color:#ffd800 !important; 
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-primary{
    background-color:#003c74;
    border-color:#003c74;
}
.btn-light{border: 1px solid #deeedf;}
.btn-outline-primary {
    color: #003c74;
    border-color: #003c74;
}
.btn-danger{
    background-color:#b6282d;
    border-color:#b6282d;
}
.btn.disabled, .btn:disabled {
    opacity: .40;
}
.modal-xl {
    max-width: 1000px;
}
ul.navbar-nav li.dropdown:hover > div.dropdown-menu {
    display: block;    
}
div.dropdown-menu{
    top:90%;
    left:unset;
    right:0;
}

.hidden{display:none;}
.inlineBlock{display:inline-block;}
a:link:hover .turmaQadro{text-decoration:none;}
.turmaQadroLivre{
    width:100%;
    position:relative;
	background-image:url(fotos/AliceYumi.jfif);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	background-color:#ffffff;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    text-align:center;
}
.turmaQadro{
    width:100%;
    height:150px;
    position:relative;
    overflow:hidden;
	background-image:url(fotos/AliceYumi.jfif);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	background-color:#ffffff;
	cursor:pointer;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    text-align:center;
}
.turmaQadro img{
    height:150px;
    margin:auto;
}
.turmaQadro:hover,.turmaQadroLivre:hover{
	background-color:#dedede;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}
.turmaNome{
	position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    text-align:center;
	margin-top:20px;
	background-color:rgba(0,0,0,0.7);
	color:#ffffff;
	padding:3px;
	font-size:12px;
}
.turmaNomeLivre{
	text-align:center;
	margin-top:20px;
	background-color:rgba(0,0,0,0.7);
	color:#ffffff;
	padding:3px;
	font-size:12px;
}
.turmaDetalhes{
    clear:right;
	float:right;
	margin-top:5px;
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
	padding:3px;
	font-size:12px;
}

.bordaPainelAbas{
    border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6;
}



/**trecho usado na tela de turma*/
.loading{
    background-image:url(../assets/images/loading.gif); 
    background-position:center center;
    background-repeat:no-repeat;
}
.registroOk td:first-child {
    border-right:1px solid #0e9f20;
}
.registroPendente td:first-child {
    border-right:1px solid #ffd800;            
}
.miniaturaMidia{
    height:70px;
    min-width:54px;
    width:auto;
    background-color:#ffffff;
    padding:3px; 
    box-shadow:rgba(0,0,0,0.4) 1px 1px; 
    margin:2px;
    background-image:url(../assets/images/loading.gif); 
    background-position:center center;
    background-repeat:no-repeat;
}
.midiaImageView{
    height:auto;
    width:95%;
    max-width:450px;
    border:1px solid #dee2e6; 
    padding:5px; 
    background-color:#ffffff;
    background-image:url(../assets/images/loading.gif); 
    background-position:center center;
    background-repeat:no-repeat;
    margin:auto;
    border-radius:30px;
}
.midiaPDFView{
    max-height:200px;
    width:auto;
    max-width:80%;
    border:1px solid #dee2e6; 
    padding:5px; 
    background-color:#ffffff;
    background-image:url(../assets/images/loading.gif); 
    background-position:center center;
    background-repeat:no-repeat;
    margin:auto;
    border-radius:30px;
}
.midiaVideoView{
    /*width:80%;
    height:380px;*/
    height:480px;
    width:95%;
    max-width:640px;
    
    border:1px solid #dee2e6; 
    background-color:#ffffff;
    background-image:url(../assets/images/loading.gif); 
    background-position:center center;
    background-repeat:no-repeat;
    margin:auto;
    border-radius:30px;
}
.checkInline{
    margin:0; padding:0;
}
.checkInline li{
    list-style:none !important;
    list-style-type:none !important; 
    display:inline-block !important;
    margin:5px;
}

.bordaPainelAbas{
    border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6;
}
.border-light{border-color:#dee2e6 !important;}
.fotoAtendimento{
        width:100%;
        height:auto;
        margin:auto;
        max-width:130px;
        padding:5px;
        background-color:#ffffff;
        border:1px solid #deeedf;
        background-image:url(../assets/images/loading.gif);
        background-position:center center;
        background-repeat:no-repeat;
    }     
.fotoProf{
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
    height:150px;
    width:100%;
    position:relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border:4px solid #dee2e6;
}
.fotoNaoVeiculaImagem{border:4px solid #ff6a00;}
.fotoProf:hover, .fotoProf:active{
    opacity:0.8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nomeProf{
    position:absolute;
    bottom:0;
    left:0;
    right:0; 
    padding:2px;
    z-index:2; 
    text-align:center;
    color:#ffffff; 
    font-weight:bold;
    text-shadow:2px 2px 2px #333;
    background-color:rgba(0,0,0,0.7);
    font-size:10px !important;
}
.ui-corner-max{
    border-radius:100px;
}
.ui-corner-15{
    border-radius:15px;
}
.cursorPointer{cursor:pointer;}
.maxw80{max-width:80%;}

.cardapioCategoriaFicha{
    
}
.cardapioCategoriaQuadroImagem{
    /*position:relative;*/
    text-align:center;
    background-color: #dedede;
    /*overflow:hidden;*/

}
.cardapioCategoriaImagem{
    height:auto;
    width:100%;

}
.cardapioCategoriaTexto{
    /*position:absolute;
    top:50%;
    left:5%;
    width:90%;*/
    margin-top:5px;
    padding:10px;
    background-color: rgba(51,102,153,0.8);
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    text-transform:uppercase;
}
.cardapioCategoriaListaTipoItem{
    margin:10px;
}
.cardapioCategoriaTipoItem{
    font-size:13px;
    font-weight:bold;
    text-align:left;
    color:#003C74;
    margin-top:10px;
}
.cardapioItem{
    font-weight:normal;
}
.divMenu{
    position:fixed; 
    top:0; 
    left:0; 
    bottom:0; 
    right:0; 
    overflow-x:hidden;
    overflow-y:auto;
    padding:30px; 
    background-color:#ffffff; 
    z-index:10;
}

.textBig{font-size:30px;}


.divMenuInferior{
    position:fixed;
    bottom:5px; 
    left:5px; 
    right:5px; 
    padding:10px; 
    background-color:#ffffff;  
    white-space:nowrap;  
    text-align:center; 
    display:none;
    font-size:10px;
    z-index:9;
    border: 1px solid #dedede;
}
@media screen and (max-width: 970px) {
  .divMenuInferior{display:block;}
}
@media screen and (min-width: 971px) {
    .divMenuInferior {
        display: block;
        position: relative;
    }
}








/*
    BLOCO PARA DEFAULT2
*/

.btnIcon{
    padding-left:33px;
    background-position: 5px center;
    background-size:contain;
    background-repeat:no-repeat;
}
.btnIcon-chatBubbleOutline {
    background-image: url(../assets/images/icons/chat_bubble_outline-24px.svg);
}
.btnIcon-chatBubble{background-image: url(../assets/images/icons/chat_bubble-24px.svg);}
.btnIcon-forum{background-image: url(../assets/images/icons/forum-black-36dp.svg);}
.btnIcon-imageSearch{background-image: url(../assets/images/icons/image_search-24px.svg);}

.btnIcon-like{background-image: url(../assets/images/icons/favorite_border-24px.svg);}

.btnIcon-dislike{background-image: url(../assets/images/icons/red/favorite-red-24dp.svg);}

    
.siema{position:relative}
.prev,.next{
    position:absolute;
    top:0;
    height:100%;
    cursor:pointer; 
    background-position: center center;
    background-size:contain;
    background-repeat:no-repeat;
    padding:15px;
}
.prev{
        left:5px; background-image: url(../assets/images/icons/baseline_arrow_back_ios_black_18dp.png);
}
.next{
        right:0; background-image: url(../assets/images/icons/baseline_arrow_forward_ios_black_18dp.png);
}
.tarja{
    position:absolute;
    top:5px;
    left:p5x;
    /*background-color:#40b3f2;
    color:#ffffff;*/
    font-size:small;
    padding:2px 6px;
    z-index:1;
}
.tarjaprojeto{
    background-color:#50a2e3 !important;
    color:#ffffff;
}
    
.tarjarefeição{
    background-color:#fba81a !important;
    color:#ffffff;
}
    
.tarjarotina{
    background-color:#13bbbb !important;
    color:#ffffff;
}
.card-body,.modal-body{background-color:rgba(255,255,255,0.8);}
    
.bgImage1{background-image:url(../assets/images/faixas/faixa1.gif); background-repeat:no-repeat; background-position:right top; }
.bgImage2{background-image:url(../assets/images/faixas/faixa2.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage3{background-image:url(../assets/images/faixas/faixa3.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage4{background-image:url(../assets/images/faixas/faixa4.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage5{background-image:url(../assets/images/faixas/faixa5.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage6{background-image:url(../assets/images/faixas/faixa6.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage7{background-image:url(../assets/images/faixas/faixa7.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage8{background-image:url(../assets/images/faixas/faixa8.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage9{background-image:url(../assets/images/faixas/faixa9.gif); background-repeat:no-repeat; background-position:right top;}
.bgImage10{background-image:url(../assets/images/faixas/faixa10.gif); background-repeat:no-repeat; background-position:right top;}

    
    
.bgImageBig1,.bgImageBig2,.bgImageBig3,.bgImageBig4,.bgImageBig5,
.bgImageBig6,.bgImageBig7,.bgImageBig8,.bgImageBig9,.bgImageBig10{ background-repeat:no-repeat; background-position:right top;background-size: 100% auto;}
    
.bgImageBig1{background-image:url(../assets/images/faixas/faixaBig1.gif); }
.bgImageBig2{background-image:url(../assets/images/faixas/faixaBig2.gif); }
.bgImageBig3{background-image:url(../assets/images/faixas/faixaBig3.gif); }
.bgImageBig4{background-image:url(../assets/images/faixas/faixaBig4.gif); }
.bgImageBig5{background-image:url(../assets/images/faixas/faixaBig5.gif); }
.bgImageBig6{background-image:url(../assets/images/faixas/faixaBig6.gif); }
.bgImageBig7{background-image:url(../assets/images/faixas/faixaBig7.gif); }
.bgImageBig8{background-image:url(../assets/images/faixas/faixaBig8.gif); }
.bgImageBig9{background-image:url(../assets/images/faixas/faixaBig9.gif); }
.bgImageBig10{background-image:url(../assets/images/faixas/faixaBig10.gif);}

.quadroAvaliacao{position:absolute; top:10px; right:10px; background-color:rgba(255,255,255,0.7); padding:10px;border-radius:15%;}
.quadroAvaliacao .material-icons{font-size:50px;}
    
/*

    BLOCO PARA CALENDÁRIO

*/
  
.tableCalendario{
        border-collapse: unset;
        width:98%;
        max-width:98%;
}
.tableCalendario thead td{background-color:#aeacc6; padding:3px; text-align:center;color:#ffffff;}
    
    .calendarioCel{
        border:1px solid #dedede;
        background-color:#fafafa;
        padding:3px;
        width:14%;
        color:#808080;
        position:relative;
        transition: transform .2s;
        z-index:0;
        background-color:#ffffff;
        overflow-x:hidden;
    }
.calendarioCelDiaFDS{
    background-color:#f3f3f3 !important;
}

.calendarioCel a:link,.calendarioCel a:visited{
    padding:3px;
    position:absolute;
    top:1px;
    bottom:1px;
    left:1px;
    right:1px;
    transition: all .5s;
}
.calendarioCel a:hover, .calendarioCel a:active {
    text-decoration:none;
    background-color:#e3eff5;
}
.calendarioCelDia{
}
.calendarioCel:hover{
    -ms-transform: scale(1.2); 
    -webkit-transform: scale(1.2); 
    transform: scale(1.2); 
    z-index:1;
}
.calendarioInfo{
    font-size:12px;
    transition: all .2s;
}
.calendarioData{
    color:#808080;
    font-weight:bold;
}
.calendarioDiaSemana{
    font-size:small;
}
.calendarioPulaCelula1{
    margin-left:14%;
}
.calendarioPulaCelula2{
    margin-left:28%;
}
.calendarioPulaCelula3{
    margin-left:42%;
}
.calendarioPulaCelula4{
    margin-left:56%;
}
.calendarioPulaCelula5{
    margin-left:70%;
}
.calendarioPulaCelula6{
    margin-left:84%;
}

@media screen and (max-width: 765px) {
 
    .calendarioData{font-size:16px;}
    .calendarioInfoText{/*visibility:hidden;*/display:none;}
    .calendarioCel {height: 115px;}
    .calendarioFlag{font-size:20px;}
    .escondeMobile{display:none;}
    
    input[type='text'],
    input[type='number'],
    textarea {
      font-size: 16px;
    }
}
@media screen and (min-width: 766px) {

    .calendarioData{font-size:22px;}    
    .calendarioInfoText{display:unset;font-size:12px}
    .calendarioCel{height:140px;}
    .calendarioFlag{font-size:24px;}
    .escondeMobile{display:inline-block;}

    
    .btnIcon:hover{
        -ms-transform: scale(1.2); 
        -webkit-transform: scale(1.2); 
        transform: scale(1.2); 
        z-index:1;
    }
}


/* 

        BLOCO PARA CARTEIRINHA

*/

.carteirinha,.carteirinhaGreen,.carteirinhaRed{max-width:400px;  margin:15px auto;font-size:1rem;background-image:url(../assets/images/v3-bg-mobile-white-pattern.jpg);padding:15px 0;}
.carteirinhaGreen{}
.carteirinhaRed{}
        
.carteirinhaTop{}
.carteirinhaTopGreen{background-image:url(../assets/images/v3-bg-top-green-2.png);background-position:top center; background-repeat:no-repeat;}
.carteirinhaTopRed{background-image:url(../assets/images/v3-bg-top-red-2.png);background-position:top center; background-repeat:no-repeat;}
        
.carteirinhaBottom{}
.carteirinhaBottomGreen{background-image:url(../assets/images/v3-bg-bottom-green.png);background-position:top center; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px;}
.carteirinhaBottomRed{background-image:url(../assets/images/v3-bg-bottom-red.png);background-position:top center; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px;}
        
.carteirinhaContent{background-color:#ffffff;padding:10px 5px;font-size: 0.9rem;}

.carteirinhaPerLetivoGreen{color:#009037;}
.carteirinhaPerLetivoRed{color:#cd2027;}
        
.carteirinhaFoto,.carteirinhaFotoGreen,.carteirinhaFotoRed{max-width: 150px; height:auto;margin:5px auto 0;background-color:#cd2027; padding:5px; box-shadow: 1px 1px 5px #cd2027; background-image:url(images/loading.gif); background-position: center center; background-repeat:no-repeat;}
.carteirinhaFotoGreen{background-color:#009037; box-shadow: 1px 1px 5px #009037;}
.carteirinhaFotoRed{background-color:#cd2027; box-shadow: 1px 1px 5px #cd2027;}
        
.carteirinhaTableData{margin:auto; border:none; text-align:left;}
.carteirinhaTableData tr{margin:0; padding:0;}
.carteirinhaTableData td{margin:0; padding:0;}
        
.carteirinhaBarcode{    position: relative;
    height: 100px;
    overflow: hidden;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 200px;
    margin: 15px auto;}


/* 

    WEBCAM

*/
.webcam{
    width:100%;
    max-width:640px;
    height:auto;
    border:1px solid #dedede;
    padding:10px;
    background-color:#ffffff;
    background-image:url(../assets/images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
    min-height:100px;
    max-height:360px;
}
.webcamMessage{
    position:absolute;
    top:100px;
    left:0;
    right:0;
    text-align:center;
    font-size:15px;
}

.btn{transition: all .2s}

.tarjaNomeTurma{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 5px;
        background-color: rgba(0,0,0,0.6);
        color: #ffffff;
        text-align: right;
    }
    .figuraNomeTurma{
        width: 50px;
        height: auto;
        position: absolute;
        left: 10px;
        bottom: 5px;
    }