.grupo-checkbox label {
    width: 300px;
    font-size: 16px;
    color: #555;
    line-height: 30px;
}

.grupo-checkbox input {
    margin-right: 4px;
}

.grupo-checkbox label {
    width: 300px;
}

.toggle-switch2 {
    display: none;
}
.toggle-switch2+label {
    display: inline-block;
    position: relative;
    height: 16px;
    max-height: 1em;
    cursor: pointer;
    -webkit-touch-callout: none;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 40px;
    line-height: 16px;
}
.toggle-switch2+label:before {
    position: absolute;
    display: inline-block;
    left: 0;
    content: '';
    border-style: solid;
    width: 30px;
    height: 16px;
    border-width: 0;
    border-color: transparent;
    background-color: #4db446;
    box-shadow: 0;
    border-radius: 8px;
    transition: all .3s;
}
.toggle-switch2+label:after {
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    top: 1px;
    left: 15px;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.25);
    border-radius: 16px;
    transition: left .3s, right .3s;
}
.toggle-switch2:checked+label:before {
    background-color: #eb2a26 ;
    transition: all .3s;
}
.toggle-switch2:checked+label:after {
    left: 1px;
    transition: left .3s, right .3s;
}
.toggle-switch2:disabled+label {
    cursor: no-drop;
}
.toggle-switch2:disabled+label:before {
    opacity: .3;
}

.preload .toggle-switch2+*,
.preload .toggle-switch2+*:before,
.preload .toggle-switch2+*:after {
    transition: 0s !important;
}

/*
Input checkbox Azul do Synaptic
=============================
*/
.synaptic-checkbox[type=checkbox]{
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 18px;
    height: 18px;
}

.synaptic-checkbox[type=checkbox]:checked,
.synaptic-checkbox[type=checkbox]:focus{
    outline: none !important;
}
.synaptic-checkbox[type=checkbox]+.lbl{
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 14px;
    min-width: 14px;
    font-weight: normal;
}
.synaptic-checkbox[type=checkbox]+.lbl::before{
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 11px;
    color: #2091cf;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 13px;
    line-height: 13px;
    min-width: 13px;
    margin-right: 1px;
    margin-top: -5px;
}
.synaptic-checkbox[type=checkbox]:checked+.lbl::before{
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

.synaptic-checkbox[type=checkbox]:hover+.lbl::before,
.synaptic-checkbox[type=checkbox]+.lbl:hover::before{
    border-color: #1c7aad;
}

.synaptic-checkbox[type=checkbox]:active+.lbl::before,
.synaptic-checkbox[type=checkbox]:checked:active+.lbl::before{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.synaptic-checkbox[type=checkbox]:disabled+.lbl::before,
.synaptic-checkbox[type=checkbox][disabled]+.lbl::before,
.synaptic-checkbox[type=checkbox].disabled+.lbl::before{
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}
@media (min-width: 768px) {
    #dropdown-user > .dropdown-toggle img {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

/*
NOVAS CORES DE BG (CORES DO AdmLTE)
===================================
*/
.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}
.bg-gray-light {
    background-color: #f7f7f7;
}
.bg-black {
    background-color: #111111 !important;
}
.bg-red,
.modal-danger .modal-body {
    background-color: #ef5350 !important;
}
.bg-yellow,
.modal-warning .modal-body {
    background-color: #ffa726 !important;
}
.bg-aqua,
.modal-info .modal-body {
    background-color: #00bcd4 !important;
}
.bg-blue {
    background-color: #0073b7 !important;
}
.bg-light-blue,
.modal-primary .modal-body {
    background-color: #337ab7 !important;
}
.bg-dark-blue{
    background: #43596d !important;
}
.bg-green,
.modal-success .modal-body {
    background-color: #8bc34a !important;
}
/* 
Correção do tamanho da fonte do submenu
=======================================
*/

.modal .modal-body {
    min-height: 0px;
    max-height: 500px;
    overflow:auto;
}
.sidebar-menu .treeview-menu > li > a {
    font-size: 13px;
}

/*
ESTRELA PARA RESPONSÁVEL NA TELA DE MATRICULA  
=============================================
*/
.demo-psi-star {
    visibility:hidden;
    font-size:23px;
    cursor:pointer;
}
.demo-psi-star:before {
    content: "\2605" !important;
    visibility:visible;
}
.demo-psi-star:checked:before {
    content: "\2605";
    color: #f4b747;
}
/*::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
::-webkit-scrollbar {
    width: 6px;
    background: #F4F4F4;
}
::-webkit-scrollbar-thumb {
    background: #42a5f5;
}
::-webkit-scrollbar-thumb:hover {
    background: #1b94f7;
}*/
/*
COR DOS BOTÕES DA TELA DE LOGIN 
===============================
.tab-base .nav-tabs > li:not(.active) > a {
     background-color: #b4baba;
     transition: background-color, 0.3s;
}
 .magic-radio:checked+label:before {
     border: 2px solid #42a5f5;
}
 .magic-radio + label:after {
     background: #42a5f5;
}*/
/*
CORREÇÃO DO TAMANHO DA CAIXA DO CPF 
===================================
*/
.synaptic-col-sm-2 {
    min-width: 150px;
    padding: 0;
    margin-left: 0;
}
@media screen and (max-width: 1024px){
    .synaptic-col-sm-2 {
        min-width: 20%;
    }
    /************ FREQUÊNCIA ***************/
    /*======================================*/
    .synaptic-resp-center{
        text-align: center;
    }
}
@media screen and (max-width: 640px){
    .synaptic-col-sm-2 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}
/************ RESPONSIVIDADE DAS TELAS ***************/
/*======================================*/
.img-mar-top{
    margin-top: -16px;
}
@media screen and (max-width: 650px) {
    .synaptic-cell {
        display: table-cell;
        display: block;
    }

    .synaptic-cell:before {
        content: attr(data-title);
        font-weight: bold;
        display: block;
    }
    .synaptic-hide, .synaptic-foto{
        display: none !important;
    }
    .synaptic-btn{
        margin-bottom: 10px;
    }
    .synaptic-margem-topo{
        margin: -25% 0 0 0;
    }
    .synaptic-table-cpf{
        width: 100% !important;
    }
}
@media screen and (min-width: 650px){
    .synaptic-show{
        display: none !important;
    }
    /*********** TOPO ************/
    /*======================================*/
    .synaptic-user{
        font-size: 12px !important;
    }
}
@media screen and (max-width: 408px){
    .synaptic-font{
        font-size: 12px !important;
    }
}
/* ALINHAMENTO CENTRALIZADO DENTRO DAS TABELAS*/
/*======================================*/
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    vertical-align: middle;
}
/*********** TELA DE LOGIN **************
/*======================================*/
.login-logo,
.register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.login-logo a,
.register-logo a {
}
.login-page,
.register-page {
    background: #d2d6de;
}
.login-box,
.register-box {
    width: 360px;
    margin: 7% auto;
}
@media screen and(max-width: 768px) {
    .login-box,
    .register-box {
        width: 90%;
        margin-top: 20px;
    }
}
.login-box-body,
.register-box-body {
    padding: 20px;
    border-top: 0;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
}
.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}
.social-auth-links {
    margin: 10px 0;
}
.form-control-feedback.fa {
    line-height: 34px;
}
/* PADRÕES DE TAMANHOS WIDTH
============================
*/
.w-5{
    width: 5%;
}
.w-10{
    width: 10%;
}
.w-15{
    width: 15%;
}
.w-20{
    width: 20%;
}
.w-25{
    width: 25%;
}
.w-30{
    width: 30%;
}
.w-35{
    width: 35%;
}
.w-40{
    width: 40%;
}
.w-45{
    width: 45%;
}
.w-50{
    width: 50%;
}
.w-55{
    width: 55%;
}
.w-60{
    width: 60%;
}
.w-65{
    width: 65%;
}
.w-70{
    width: 70%;
}
.w-75{
    width: 75%;
}
.w-80{
    width: 80%;
}
.w-85{
    width: 85%;
}
.w-90{
    width: 90%;
}
.w-95{
    width: 95%;
}
.w-100{
    width: 100%;
}
/* PADRÕES DE TAMANHOS HEIGHT
=============================
*/
.h-a{
    height: auto;
}
.h-10{
    height: 10%;
}
.h-15{
    height: 15%;
}
.h-20{
    height: 20%;
}
.h-25{
    height: 25%;
}
.h-30{
    height: 30%;
}
.h-35{
    height: 35%;
}
.h-40{
    height: 40%;
}
.h-45{
    height: 45%;
}
.h-50{
    height: 50%;
}
.h-55{
    height: 55%;
}
.h-60{
    height: 60%;
}
.h-65{
    height: 65%;
}
.h-70{
    height: 70%;
}
.h-75{
    height: 75%;
}
.h-80{
    height: 80%;
}
.h-85{
    height: 85%;
}
.h-90{
    height: 90%;
}
.h-95{
    height: 95%;
}
.h-100{
    height: 100%;
}
/*
NOTA
=============
*/
.box-nota{
    position: relative;
    margin: auto;
    width: 60px;
}
.espelhar {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/*
ROTAÇÃO DA SETA NO BOTÃO
========================
*/
.fa-chevron-left{
    transform: rotate(0deg);
    transition: transform 0.3s linear;
}
.fa-chevron-left.open{
    transform: rotate(-90deg);
    transition: transform 0.3s linear;
}
.fa-chevron-down{
    transform: rotate(0deg);
    transition: transform 0.3s linear;
}
.fa-chevron-down.open{
    transform: rotate(90deg);
    transition: transform 0.3s linear;
}
/*
CHECK ANIMAÇÃO 
==============
*/
.circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}
.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}
.checkmark {
    display: none;
}
.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: '';
    left: 1.75em;
    top: 3.5em;
    position: absolute;
}
@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 1.75em;
        opacity: 1;
    }
    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
    100% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
}
/*
FORMATAÇÃO MOBILE DAS ABAS DA TELA DE MATRICULA; 
*/
.carousel-matricula .item a:not(.active){
    opacity: 0.5;
}
.carousel_matricula .item a{
    width: 33.3333%;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}
.carousel-synaptic .item a:not(.active){
    opacity: 0.5;
}
.carousel-synaptic .item a{
    width: 33.3333%;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}
.btn-flat{
    border-radius: 0;
}
.note-editor.note-frame .note-editing-area .note-editable {
    margin: 5px;
}

.note-editor {
    border-color: #cbd5dd !important;
}
@media screen and (min-width: 700px){
    /*    Borda somente em telas médias em diante*/
    .bord-btm-md{
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }
    /* Hover cinza claro */
    .btn-hover-gray-light:hover{
        background-color: #f8f9fa !important;
        border-color: #f8f9fa !important;
        color:#fff;
    }
}
@media screen and (max-width: 699px){
    /*    Borda somente em telas pequenas*/
    .bord-btm-sm{
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }
}
/* classe usada para corrigir o erro da caixa da capa widgets */
.capa{
    display: block;
    width: 100%;
    height: 100%;
}

/*Valor adicionado para sobrescrever o do plugin de corte de imagem (cropper)  que e usado dentro do modal*/
.cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result{
    max-height: 450px !important;
}
/*Corrigir os Breakpoint do modal de upload da Capa e da Logo*/
@media screen and (max-width:767px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 690px !important;
    }
}
@media screen and (max-width:765px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 690px !important;
    }
}
@media screen and (max-width:763px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 685px !important;
    }
}
@media screen and (max-width:759px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 675px !important;
    }
}
@media screen and (max-width:749px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 670px !important;
    }
}
@media screen and (max-width:743px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 666px !important;
    }
}
@media screen and (max-width:742px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 656px !important;
    }
}
@media screen and (max-width:729px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 652px !important;
    }
}
@media screen and (max-width:727px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 650px !important;
    }
}
@media screen and (max-width:722px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 645px !important;
    }
}
@media screen and (max-width:717px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 635px !important;
    }
}
@media screen and (max-width:707px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 630px !important;
    }
}
@media screen and (max-width:702px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 625px !important;
    }
}
@media screen and (max-width:697px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 620px !important;
    }
}
@media screen and (max-width:692px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 605px !important;
    }
}
@media screen and (max-width:676px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 595px !important;
    }
}
@media screen and (max-width:667px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 585px !important;
    }
}
@media screen and (max-width:657px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 580px !important;
    }
}
@media screen and (max-width:652px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 565px !important;
    }
}
@media screen and (max-width:637px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 560px !important;
    }
}
@media screen and (max-width:632px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 555px !important;
    }
}
@media screen and (max-width:627px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 550px !important;
    }
}
@media screen and (max-width:625px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 548px !important;
    }
}
@media screen and (max-width:621px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 540px !important;
    }
}
@media screen and (max-width:612px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 535px !important;
    }
}
@media screen and (max-width:607px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 530px !important;
    }
}
@media screen and (max-width:603px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 525px !important;
    }
}
@media screen and (max-width:597px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 520px !important;
    }
}
@media screen and (max-width:592px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 515px !important;
    }
}
@media screen and (max-width:587px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 510px !important;
    }
}
@media screen and (max-width:582px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 505px !important;
    }
}
@media screen and (max-width:577px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 500px !important;
    }
}
@media screen and (max-width:572px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 495px !important;
    }
}
@media screen and (max-width:567px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 490px !important;
    }
}
@media screen and (max-width:562px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 485px !important;
    }
}
@media screen and (max-width:557px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 480px !important;
    }
}
@media screen and (max-width:552px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 475px !important;
    }
}
@media screen and (max-width:547px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 470px !important;
    }
}
@media screen and (max-width:542px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 465px !important;
    }
}
@media screen and (max-width:538px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 460px !important;
    }
}
@media screen and (max-width:532px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 455px !important;
    }
}
@media screen and (max-width:527px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 450px !important;
    }
}
@media screen and (max-width:522px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 445px !important;
    }
}
@media screen and (max-width:517px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 440px !important;
    }
}
@media screen and (max-width:512px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 435px !important;
    }
}
@media screen and (max-width:507px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 430px !important;
    }
}
@media screen and (max-width:502px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 425px !important;
    }
}
@media screen and (max-width:497px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 420px !important;
    }
}
@media screen and (max-width:492px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 415px !important;
    }
}
@media screen and (max-width:487px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 410px !important;
    }
}
@media screen and (max-width:482px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 405px !important;
    }
}
@media screen and (max-width:478px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 400px !important;
    }
}
@media screen and (max-width:472px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 395px !important;
    }
}
@media screen and (max-width:467px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 390px !important;
    }
}
@media screen and (max-width:462px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 385px !important;
    }
}
@media screen and (max-width:457px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 380px !important;
    }
}
@media screen and (max-width:452px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 375px !important;
    }
}
@media screen and (max-width:447px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 370px !important;
    }
}
@media screen and (max-width:442px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 365px !important;
    }
}
@media screen and (max-width:437px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 360px !important;
    }
}
@media screen and (max-width:432px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 355px !important;
    }
}
@media screen and (max-width:427px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 350px !important;
    }
}
@media screen and (max-width:422px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 345px !important;
    }
}
@media screen and (max-width:417px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 340px !important;
    }
}
@media screen and (max-width:412px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 335px !important;
    }
}
@media screen and (max-width:408px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 550px !important;
    }
}
@media screen and (max-width:360px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 300px !important;
    }
}
@media screen and (max-width:375px ){
    .cropper-drag-box, .cropper-wrap-box, .result-dz-capa, .result-dz-logo, .result {
        max-width: 305px !important;
        max-height: 305px !important;
    }
}

/* 
** cor amarela para o icone de "informação" que fica acima do switch de telas de cadastro;
 */
.yellowinfo{
    color: #ffc12f;
}
/*
** feito para responsividade para as telas de PAI, MÃE, ALUNO, RESPONSÁVEL e VISITANTE;
 */
@media screen and (min-width: 500px){
    .visu-centraliza{
        margin-top: 11px;
        text-align: center;
    }
}
@media screen and (max-width: 650px){
    .synaptic-resp-ico{
        margin-top: 12px;
        float: left !important;
        border: none !important;
    }
}
@media screen and (min-width: 650px){
    .synaptic-bord-responsive{
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }
}
/*
** responsividade da tabela de alunos
*/
@media screen and (max-width: 650px){
    .synaptic-recuo{
        margin-left: -15px !important;
    }
}
@media screen and (min-width: 650px){
    .synaptic-resp-md-1{
        width: 6% !important;
    }
}
@media screen and (max-width: 650px){
    .synaptic-resp-md-1{
        border: none !important;
        margin-top: -16px !important;
    }
}
@media screen and (min-width: 650px){
    .synaptic-resp-md-4{
        width: 33.33333333%;
    }
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>.dropdown-menu-right {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -91%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* Cores para Borda ao redor da imagem*/
.img-border-danger{
    box-shadow: 0 0 0 1.5px #f22314;
    padding: 2px;
}
.img-border-info{
    box-shadow: 0 0 0 1.5px #03a9f4;
    padding: 2px;
}
.img-border-success{
    box-shadow: 0 0 0 1.5px #79af3a;
    padding: 2px;
}
.img-border-warning{
    box-shadow: 0 0 0 1.5px #ffb80f;
    padding: 2px;
}
/************ RESPONSIVIDADE DAS TELAS ***************/
/* Feito pra resolver os breakponit's das telas de Listar */
/* vai ocultando as td's para não espremer as informações */
@media screen and (max-width: 1000px) and (min-width: 650px){
    .synaptic-td-some-1{
        display: none;
    }
}
@media screen and (max-width: 880px) and (min-width: 650px){
    .synaptic-td-some-2{
        display: none;
    }
}
@media screen and (max-width: 1300px) and (min-width: 650px){
    .synaptic-td-some-inicial{
        display: none;
    }
}
@media screen and (max-width: 1177px) and (min-width: 650px){
    .synaptic-td-some-3{
        display: none;
    }
}
@media screen and (min-width: 768px){
    .synaptic-btn-troca-show{
        display: none;
        text-align: center !important;
        padding-bottom: 15px !important;
    }
}
@media screen and (max-width: 767px){
    .synaptic-btn-troca-hide{
        display: none;
    }
}
.synaptic-table-cpf{
    width: 8.9em;
}
/* grupo de tamanho fixo com 2 botões */
.synaptic-btn-group-2{
    width: 6em;
}
/* grupo de tamanho fixo com 3 botões */
.synaptic-btn-group{
    width: 8.9em;
}
/* grupo de tamanho fixo com 4 botões */
.synaptic-btn-group-4{
    width: 11.8em;
}
/* grupo de tamanho fixo com 5 botões */
.synaptic-btn-group-5{
    width: 12em;
    margin-right: 0px;
}
/* grupo de tamanho fixo com 3 botões na tela de diario de classe */
/* tive que acrescentar uma nova classe pq as anteriores não se comportava como deveria */
/* ela deixava uma margem do lado direito */
.synaptic-btn-group-3-diario{
    width: 7.3em;
}
/*********** END ***********/

/*********** Feito pra resolver a responsividade da tela de Horario Acesso ***********/
@media screen and (min-width: 911px){
    .synaptic-show-time{
        display: none;
    }
}
@media screen and (max-width: 910px){
    .synaptic-hide-time{
        display: none;
    }
}
.synaptic-dia-semana{
    width: 8.9em;
}
.synaptic-label-time{
    width: 7em;
}
/************** END **************/
/*********** Feito pra resolver a responsividade da tela de listar CtrlInfo ***********/
@media screen and (min-width: 1201px){
    .synaptic-show-1{
        display: none;
    }
}
@media screen and (max-width: 1200px){
    .synaptic-hide-1{
        display: none;
    }
}
@media screen and (max-width: 1200px) and (min-width: 750px){
    .synaptic-hide-1{
        margin-bottom: 50px;
    }
}
/************** END **************/
/****** tela de visualiazar de ctrlinfo ******/
@media screen and (min-width: 769px){
    .synaptic-show-visu{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .synaptic-hide-visu{
        display: none;
    }
}
/*********** END ***********/
/*********** Feito pra resolver problema na tela de listar de Acesso ***********/
@media screen and (max-width: 1200px){
    .synaptic-responsive-querie{
        position: relative !important;
        min-height: 1px !important;
        text-align: center !important;
        width: 100% !important;
    }
}
@media screen and (min-width: 600px){
    .synaptic-show-acesso-setas{
        display: none;
    }
}
@media screen and (min-width: 981px){
    .synaptic-show-acesso-setas-aluno{
        display: none;
    }
    .synaptic-prev{
        position: absolute;
        z-index: 999;
        margin-left: -5px;
    }
    .synaptic-next{
        z-index: 999;
        margin-right: -5px;
    }
}
/*********** END ***********/
.popup-box {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 220px;
    background-color: rgb(237, 239, 244);
    width: 300px;
    border: 1px solid #f7f7f7;
    padding-bottom: 34px;
}
.sombra{
    padding: 9px;
    background-color: rgba(0, 0, 0, 0.75);
}
.sombra textarea{
    color: #f7f7f7;
}
select[readonly] {
    background: #eee;
    /*Simular campo inativo - Sugestão @GabrielRodrigues do esteique overflou*/
    pointer-events: none;
    touch-action: none;
}
.owl-carousel .item{
    border-bottom: 2px solid #eee;
    height: 60px;
}
.owl-carousel .ativo {
    border-bottom: 2px solid #4faaf4;
    position: relative;
    transition: all 0.5s ease 0s;
}
/* setas do menu carossel no inicio e no fim "owl-carousel" (COM CLICK ACIONA CLICK NO JS) */
.synaptic-prev{
    position: absolute;
    z-index: 999;
    margin-left: -5px;
}
.synaptic-next{
    z-index: 999;
    margin-right: -5px;
}
/* foi diminuida as margens do panel-body para mobile porque estava espremendo muito as informações do visualizar (GLOBAL)*/
@media screen and (max-width: 650px){
    .panel-body{
        margin: 0 10px 0 10px !important;
    }
}
/* foi retirado as margens para não deixar as informações espremidas em mobile. */
@media screen and (max-width: 767px){
    .synaptic-responsive-no-bord{
        margin: 0 0 0 0 !important;
    }
}
/* Botão que faz voltar para o topo (scroll to top) */
#scroll-to-top{
    display: inline-block;
    width: 41px;
    height: 41px;
    vertical-align: middle;
    border-radius: 100%;
    position: fixed;
    bottom: 30px;
    right: 25px;
    transition: background-color .3s, opacity 1s, visibility 1s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
/*#scroll-to-top:hover{
     cursor: pointer;
}
 #scroll-to-top:active{
}
*/
#scroll-to-top.show{
    opacity: 1;
    visibility: visible;
}
/********** END ************/
/*Esta sendo usado no ValidaController*/
@media screen and (max-width: 650px){
    .synaptic-align-left{
        text-align: left !important;
    }
}

.modal .modal-content .bg-danger button{
    color: #fff;
}
.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

/* one item */
.wz-steps li:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.wz-steps li:first-child:nth-last-child(2),
.wz-steps li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

/* three items */
.wz-steps li:first-child:nth-last-child(3),
.wz-steps li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

/* four items */
.wz-steps li:first-child:nth-last-child(4),
.wz-steps li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

/* five items */
.wz-steps li:first-child:nth-last-child(5),
.wz-steps li:first-child:nth-last-child(5) ~ li {
    width: 20%;
}

/* six items */
.wz-steps li:first-child:nth-last-child(6),
.wz-steps li:first-child:nth-last-child(6) ~ li {
    width: 16.6667%;
}

/* seven items */
.wz-steps li:first-child:nth-last-child(7),
.wz-steps li:first-child:nth-last-child(7) ~ li {
    width: 14.2857%;
}

.dis-event {
    pointer-events: none;
    cursor: default;
}
.btn-aaa i {
    pointer-events: none;
}
/* nova cor de elementos */


.label-verde-forte {
    background-color: #2e5911;
}
.label-verde-forte[href]:hover,
.label-verde-forte[href]:focus {
    background-color: #376518;
}

.text-verde-forte,
a.text-verde-forte:hover,
a.text-verde-forte:focus {
    color: #2e5911 !important;
}

.panel-verde-forte .panel-heading,
.panel-verde-forte .panel-footer,
.panel-verde-forte.panel-colorful {
    background-color: #2e5911;
    border-color: #376518;
    color: #fff;
}

.panel-verde-forte.panel-colorful {
    box-shadow: 0 1px 1px #376518;
}

.label-laranja-forte {
    background-color: #ff8c00;
}
.label-laranja-forte[href]:hover,
.label-laranja-forte[href]:focus {
    background-color: #de8c09;
}

.text-laranja-forte,
a.text-laranja-forte:hover,
a.text-laranja-forte:focus {
    color: #ff8c00 !important;
}

.panel-laranja-forte .panel-heading,
.panel-laranja-forte .panel-footer,
.panel-laranja-forte.panel-colorful {
    background-color: #ff8c00;
    border-color: #de8c09;
    color: #fff;
}

.panel-laranja-forte.panel-colorful {
    box-shadow: 0 1px 1px #de8c09;
}

.label-azul-forte {
    background-color: #1567ab;
}
.label-azul-forte[href]:hover,
.label-azul-forte[href]:focus {
    background-color: #1567ab;
}

.text-azul-forte,
a.text-azul-forte:hover,
a.text-azul-forte:focus {
    color: #1567ab !important;
}

.panel-azul-forte .panel-heading,
.panel-azul-forte .panel-footer,
.panel-azul-forte.panel-colorful {
    background-color: #1567ab;
    border-color: #1567ab;
    color: #fff;
}

.panel-azul-forte.panel-colorful {
    box-shadow: 0 1px 1px #1567ab;
}


@font-face {
    font-family: "Globo Tx Bd 2";
    src: local(Globo), url(../fonts/Globo-Tx-Bd-2.otf);
}

.font-synaptic{
    font-family: "Globo Tx Bd 2";
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.bg-table-gray{
    background-color:rgba(0, 0, 0, 0.02)
}
.bg-table-gray>.table{
    background-color: transparent !important
}
.bg-table-gray{
    background-color:rgba(0, 0, 0, 0.02)
}
.bg-table-gray>.table{
    background-color: transparent !important
}
.bg-dark-white{ /*classe criada para atender elemtentos para que fiquem na cor branca no tema normal, e cinza-claro no tema dark*/
    background-color: white;
}
._df_book-title{
    background-color: white;
}
.cinza-synaptic{
    background-color: #f6f8fa;
}

/* FORM WIZARD : Steps */
/*======================================*/
.wz-heading {
    position: relative;
}
.wz-heading .progress {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background-color: transparent;
}
.wz-heading.wz-w-label .progress {
    margin-top: -0.5em;
}
.wz-steps {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    display: flex; 
    justify-content: space-between;
}
.wz-steps li > a {
    color: inherit;
    display: block;
    text-align: center;
    padding: 0;
}
.wz-steps li > a .icon-wrap {
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.wz-steps li .wz-desc {
    opacity: 0;
    transition: opacity 0.5s;
}
.wz-steps li:not(.active) .wz-icon {
    display: none;
}
.wz-steps .active ~ li {
    color: inherit;
}
.wz-steps .active ~ li a {
    opacity: .5;
}
.wz-steps .active ~ li .wz-icon {
    display: inline-block;
}
.wz-steps .active .wz-icon-done,
.wz-steps .active ~ li .wz-icon-done {
    display: none;
}
.wz-steps .active .wz-desc {
    opacity: 1;
    transition: opacity 0.5s;
}


/* FIXED FLUID GRID SYSTEM */
/*======================================*/
.fixed-fluid {
    margin-left: -10px;
    margin-right: -10px;
}
.fixed-fluid:after {
    content: '';
    display: block;
    clear: both;
}
.fixed-fluid > .pull-xs-left {
    float: left;
}
.fixed-fluid > .pull-xs-right {
    float: right;
}
.fixed-fluid > .fixed-xs-160 {
    width: 180px;
}
.fixed-fluid > .fixed-xs-200 {
    width: 220px;
}
.fixed-fluid > .fixed-xs-250 {
    width: 270px;
}
.fixed-fluid > .fixed-xs-300 {
    width: 320px;
}
.fixed-fluid > .fixed-xs-350 {
    width: 370px;
}
.fixed-fluid > [class^="fixed-"],
.fixed-fluid [class*=" fixed-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.fixed-fluid > .fluid {
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 768px) {
    .fixed-fluid > .pull-sm-left {
        float: left;
    }
    .fixed-fluid > .pull-sm-right {
        float: right;
    }
    .fixed-fluid > .fixed-sm-160 {
        width: 180px;
    }
    .fixed-fluid > .fixed-sm-200 {
        width: 220px;
    }
    .fixed-fluid > .fixed-sm-250 {
        width: 270px;
    }
    .fixed-fluid > .fixed-sm-300 {
        width: 320px;
    }
    .fixed-fluid > .fixed-sm-350 {
        width: 370px;
    }
    .fixed-fluid > .fixed-left-border {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }
    .fixed-fluid > .fixed-right-border {
        border-right: 1px solid rgba(0, 0, 0, 0.07);
    }
    .panel-body > .fixed-fluid > .fixed-left-border {
        padding-left: 15px;
    }
    .panel-body > .fixed-fluid > .fixed-left-border + .fluid {
        padding-right: 15px;
    }
    .panel-body > .fixed-fluid > .fixed-right-border {
        padding-right: 15px;
    }
    .panel-body > .fixed-fluid > .fixed-right-border + .fluid {
        padding-left: 15px;
    }
}
@media (min-width: 992px) {
    .fixed-fluid > .pull-md-left {
        float: left;
    }
    .fixed-fluid > .pull-md-right {
        float: right;
    }
    .fixed-fluid > .fixed-md-160 {
        width: 180px;
    }
    .fixed-fluid > .fixed-md-200 {
        width: 220px;
    }
    .fixed-fluid > .fixed-md-250 {
        width: 270px;
    }
    .fixed-fluid > .fixed-md-300 {
        width: 320px;
    }
    .fixed-fluid > .fixed-md-350 {
        width: 370px;
    }
}
@media (min-width: 1200px) {
    .fixed-fluid > .pull-lg-left {
        float: left;
    }
    .fixed-fluid > .pull-lg-right {
        float: right;
    }
    .fixed-fluid > .fixed-lg-160 {
        width: 180px;
    }
    .fixed-fluid > .fixed-lg-200 {
        width: 220px;
    }
    .fixed-fluid > .fixed-lg-250 {
        width: 270px;
    }
    .fixed-fluid > .fixed-lg-300 {
        width: 320px;
    }
    .fixed-fluid > .fixed-lg-350 {
        width: 370px;
    }
}

/* IMAGES */
/*======================================*/
.img-mar {
    margin: 5px;
}
.img-border {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.img-border-light {
    box-shadow: 0 0 0 4px #fff;
}
.img-xs {
    width: 32px;
    height: 32px;
}
.img-md {
    width: 64px;
    height: 64px;
}
.img-sm {
    width: 40px;
    height: 40px;
}
.img-lg {
    width: 96px;
    height: 96px;
}
.img-holder img {
    max-width: 100%;
    border-radius: 3px;
}
.img-gallery {
    margin-left: -4px;
    margin-right: -4px;
}
.img-gallery [class^="col-"],
.img-gallery [class*=" col-"] {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px;
}
.img-gallery img {
    border-radius: 4px;
}

.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.p-n {
  padding: 0 !important;
}

.txt-erro {
    color: red;
}

.badge-danger {
    background-color: red !important;
}

@media only screen and (min-width: 651px) {
    section.vbox section.scrollable{
        position: static;
    }
    .synaptic-responsive-padding {
        padding-left: 15px;
        padding-right: 15px; 
        padding-bottom: 50px;
    }
    .synaptic-action-buttons {
        width: 1%;
        white-space: nowrap;
        text-align: right;
    }
    .synaptic-action-buttons .btn-group {
       width: max-content;
    }

    .header-actions {
        float: right !important;
    }

    /* pra corrigir os actions buttons em telas que não foram revisadas */
    .synaptic-cell:last-child:has(.btn-group)  {
        width: 1%;
        white-space: nowrap;
        text-align: right;
    }
    .synaptic-cell .btn-group {
        width: max-content;
    }
}

.dl-sem-footer {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 651px) {
    .synaptic-action-buttons {
        text-align: center;
    }
    .header-actions {
        padding-bottom: 5px;
    }
    .mobile-break-line {
        display: table-caption;
    }
    /* pra corrigir o padding em telas que não foram revisadas */
    .padder{
        padding-left: 0px;
        padding-right: 0px;
    }
}
.panel .table-striped > tbody > tr:nth-child(odd) > td {
     background-color: #f7fafaad;
}

.panel tr:hover {
    background-color: #e7e7e7cb ;
}

.form-group-multi-checkbox label {
    display: block;
}

.form-group-multi-checkbox input[type='checkbox'] {
    margin-right: 5px;
}

.has-error.btn {
    border: 1px solid #a94442;
}

.multi-checkbox-list, .multi-checkbox-list-4 {
    flex-direction: column;
    display: flex; 
}

.multi-checkbox-list input, .multi-checkbox-list-4 input {
    margin-right: 4px;
}

.multi-checkbox-list-4 {
    flex-direction: row;
    flex-wrap: wrap;
}

.multi-checkbox-list-4 label {
    width: 25%;
    padding-right: 10px;
}   

.has-error .multi-checkbox-list {
    padding: 2px;
    border: 1px solid #a94442;
}

.div-text-input {
    border-color: #cbd5dd;
    border-radius: 2px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;    
}

.div-text-input a:hover {
    text-decoration: underline;
}

.div-text-input a.control {
    float: right;
}

/* gráficos */
.panel-header h5 {
    padding-left: 10px;
}
.panel-header h5.buttons {
    padding-right: 10px;
}