.col-app-1,.col-app-2,.col-app-3,.col-app-4,.col-app-5,.col-app-6,
.col-app-7,.col-app-8,.col-app-9,.col-app-10,.col-app-11,.col-app-12 {
    float: left;
}
.col-app-12  {    width: 100%;}
.col-app-11  {    width: 91.66666666666666%;}
.col-app-10  {    width: 83.33333333333334%;}
.col-app-9   {    width: 75%;}
.col-app-8   {    width: 66.66666666666666%;}
.col-app-7   {    width: 58.333333333333336%;}
.col-app-6   {    width: 50%;}
.col-app-5   {    width: 41.66666666666667%;}
.col-app-4   {    width: 33.33333333333333%;}
.col-app-3   {    width: 25%;}
.col-app-2   {    width: 16.666666666666664%;}
.col-app-1   {    width: 8.333333333333332%;}

.alert-app{
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    padding: 7px;
    width: 100%;
    border-radius: 0px 0px 0px 0px;
    font-size: 13px;
    margin: 0px;
}
.alert-danger{    border-top: solid 1px #a2514f;}
.alert-success{    border-top: solid 1px #3c743b;}
.alert-app p{ margin-top: 10px; }
.alert-app i{ margin-top: 6px; margin-left: 5px}
.alert-app-close{ margin-right: 14px; margin-top: -1px;}

.alerttop-app{
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 2001;
    width: 250px;
    margin-left: -125px;
    background-color: #2b5f49;
    font-size: 10px;
    border-radius: 0 0 7px 7px;
    color: #d1f3da;
    padding: 6px 0 0 0;
    height: 26px;
}


.top5{
    width: 88px;
}

.scrollbar_modal{
    overflow-y: scroll;
    max-height: 400px;
}
.nome-barra-sup{
    color:#b58108;
    font-size: 15px;
    font-weight: bold;
}
.titulo-paginas{font-size:30px}

.bg-fncr-clearfix{
    background-color: #224e67;
    color: #ffffff;
}

.btn-cinza20, .bg-cinza20, .btn-cinza20.btn-circle > i{
	color:#333;
	background-color:#CCC
}
.btn-cinza20:hover, .btn-cinza20:focus, .btn--cinza20:active, .btn-cinza20.active, .btn-cinza20.btn-circle:hover > i{
	color:#333;
	background-color:#999
}

.btn-cinza30, .bg-cinza30, .btn-cinza30.btn-circle > i{
    color:#333;
    background-color:#5f5f5f
}
.btn-cinza30:hover, .btn-cinza30:focus, .btn--cinza30:active, .btn-cinza30.active, .btn-cinza30.btn-circle:hover > i{
    color:#333;
    background-color:#5f5f5f
}

.btn-cinza10, .bg-cinza10, .btn-cinza10.btn-circle > i{
	color:#333;
	background-color:#E6E6E6
}
.btn-cinza10:hover, .btn-cinza10:focus, .btn--cinza10:active, .btn-cinza10.active, .btn-cinza10.btn-circle:hover > i{
	color:#333;
	background-color:#E6E6E6
}
.btn-pagar{ height: 18px; font-size: 12px; padding-top: 1px; font-weight: normal}



.inf-icone-editar{margin-left: 10px;color: #d1d1db;font-size: 10px}
.icone_carregando_inf{margin-top:25px;color: #fff;font-size: 25px}


.linha-inf-dados{
    margin: 6px 10px 5px 10px;
    font-size: 11px;
    color: #8da9b6;
    border-bottom: 1px dashed #424246;
    padding-bottom: 1px;
}
.qtd-inf-dados{
    margin-top: -1px;
    font-size: 13px;
    color:#4a9d4b;
}


/* PROMISSORIAS A4 */
.promissoria_titulo{
    padding-top: 20px;
    border-bottom: solid 2px #373737;
    margin-bottom: 20px;
}
.promissoria_subtit{
    font-weight: bold;
    font-size: 14px;
}
.promissoria_ass_indiv{
    width: 50%;
    border-top: solid 2px #373737;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
    margin-left: 25%;
}

/* PROMISSORIAS 8cm */
.promissoria_titulo_bob{
    border-bottom: solid 2px #373737;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.promissoria_logo_bob{
    width: auto;
    height: auto;
    max-width: 200px;
    margin-top: 20px;
    margin-bottom: 8px;
    max-height: 80px;

}
.promissoria_subtit_bob{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}
.promissoria_text_bob{
    font-size: 12px;
    margin-top: 15px;
}
.promissoria_ass_indiv_bob{
    width: 80%;
    border-top: solid 2px #373737;
    text-align: center;
    font-weight: bold;
    margin-top: 25px;
    margin-left: 10%;
}


.bg-jog-masc{
    background-color:#286980;
}

.bg-jog-fem{
    background-color:#804f67;
}

.text-sem-foto{
    font-family:'Open Sans',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #dddddd;
    font-size: 11px;
    margin-top: 10px;
}
.icone-sem-foto{
    margin-top:63px;
    margin-bottom:63px;
    color: #dddddd;
}

.control-label2{
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.limite-cliente{
    font-size: 9px;
    color:#444444;
}

.fa-1x{font-size:1.5em}
.text-bold{
    font-weight: bold;
}
.navbar.bg{border-bottom: 1px solid #460506; background-color:#160405}

.label_footer_modal{
    margin-top: 5px;
    margin-right: 7px;
    color:#707070;
    font-weight: bold;
}

.bg-danger-escuro{
    color:#fff;
    background-color: #520B0B;
    font-size: 18px;
}

.text-submenu{
    color:#cccccc;
}

.logo-topo{
	padding-top: 10px;
	padding-left: 15px;
}


/* SQUARED THREE */
.label_checkbox_novo{
    margin-left: -80px;
    margin-top: -22px;
}
.label_checkbox_intervalo{
     margin-left: 10px;
     margin-top: -22px;
 }

.squaredThree {
    width: 20px;
    margin-top: 5px;
    margin-left: -35px;
    position: relative;
}

.squaredThree label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    border-radius: 4px;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 7px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* LOGIN */
#body_login {
    min-height: 100vh;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    /* Base escura; os brilhos redondos vêm dos ::before/::after animados. */
    background: radial-gradient(circle at 50% 40%, #2a2a2a 0%, #161616 55%, #0d0d0d 100%);
}
/* Dois brilhos cinza redondos que flutuam pelo fundo */
#body_login::before,
#body_login::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    z-index: 0;
    pointer-events: none;
}
#body_login::before {
    width: 540px;
    height: 540px;
    top: -140px;
    left: -110px;
    background: radial-gradient(circle, rgba(150, 150, 150, 0.26), rgba(150, 150, 150, 0) 70%);
    animation: brilho_um 16s ease-in-out infinite alternate;
}
#body_login::after {
    width: 480px;
    height: 480px;
    right: -130px;
    bottom: -150px;
    background: radial-gradient(circle, rgba(85, 85, 85, 0.3), rgba(85, 85, 85, 0) 70%);
    animation: brilho_dois 22s ease-in-out infinite alternate;
}
@keyframes brilho_um {
    from { transform: translate(0, 0) scale(1); }
    to   { transform: translate(200px, 140px) scale(1.25); }
}
@keyframes brilho_dois {
    from { transform: translate(0, 0) scale(1); }
    to   { transform: translate(-180px, -110px) scale(1.2); }
}
@media (prefers-reduced-motion: reduce) {
    #body_login::before,
    #body_login::after { animation: none; }
}
/* Card do formulário, centralizado por cima dos brilhos */
.formlogin-qd {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    padding: 38px 34px;
    background: rgba(18, 18, 18, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.logo_login {
    width: auto;
    height: auto;
    max-width: 210px;
    max-height: 120px;
    margin: 0 0 24px;
}
.bt_login {
    color: #fff;
    height: 42px;
    border-radius: 6px;
    letter-spacing: 0.3px;
    transition: filter 0.15s ease-in-out;
}
/* O Bootstrap força color:#333 no .btn:hover e o texto sumia sobre o fundo
   escuro. Mantém branco e clareia um pouco o botão como feedback. */
.bt_login:hover,
.bt_login:focus,
.bt_login:active {
    color: #fff;
    filter: brightness(1.25);
}
.form-control-login {
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.4;
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control-login:focus {
    border-color: #999;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 150, 150, 0.55);
}


.campo-input-foto{
    border: dashed 1px #cccccc;
    border-radius: 10px;
    padding: 0px;
    min-height: 50px;
    margin-bottom: 20px;
    background-color: #f1f1f1;
    width: 500px;
}
.campo-input-foto .text{
    color: #cccccc;
    padding-top: 18px;
    font-size: 11px;
}

.clientes-detalhes{
    padding: 0px;
    background-color: #dbd8c2;
    border: solid 2px #bcb9a3;
}
.clientes-detalhes-icone{margin-top:15px;margin-bottom:15px;color: #9d9a84;font-size: 25px}
.clientes-detalhes-coluna{
    padding: 0px;
    padding-right: 25px;
    padding-top: 15px;
}
.clientes-detalhes-foto{
    border: dashed 1px #aba892;
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 10px;
}
.clientes-detalhes-qd{
    padding-top: 15px;
    padding-bottom: 20px;
}
.clientes-detalhes-label{
    padding: 0px;
    margin: 0px;
    padding-left: 7px;
    font-size: 11px;
    font-weight: normal;
}
.clientes-detalhes-campo{
    padding: 0px;
    margin: 0px;
}
.clientes-detalhes-dados{
    font-size: 14px;
    color: #32312c;
    font-weight: 700;
    background-color: #cdcab4;
    border: 0px #dbd8c2;
    box-shadow: none;
    border-radius: 3px;
}
.clientes-detalhes-dados:focus{
    font-size: 14px;
    color: #32312c;
    font-weight: 500;
    background-color: #efecd6;
    border: dashed 1px #aba892;
}
.clientes-detalhes-campo + .clientes-detalhes-campo{
    border-top: dashed 1px #bcb9a3;
    margin-top: 10px;
    padding-top: 5px;
}
.dividido + .dividido{
    padding-left: 20px;
}
.clientes-detalhes-sem-foto{
    margin-top:50px;
    margin-bottom:50px;
    color: #dddddd;
}
.info-img-titulo{
    font-size: 15px;
    margin-left: 2px;
    color: #530b0d;
    font-weight: bold;
}
.inf-img-desc{
    font-size: 11px;
}


.checkbox_img_titulo{
    display: inline;
}
.checkbox_img_titulo{
    display: inline;
}
.checkbox_img_titulo_label{
    display: inline;
    position: absolute;
    margin-left: 25px;
    margin-top: 7px;
}


/****** GALERIA DE IMAGENS ******/
.galeria-qd{
    height: 80px;
    border: solid 1px #e4e4e4;
    border-radius: 4px;
    padding: 4px;
    box-shadow:         0px 0px 16px 0px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 16px 0px rgba(50, 50, 50, 0.5);
    margin-top: 15px;
    margin-right: 10px;
    width: 32.4%;
}
.galeria-img{
    height: 70px;
    background-color: #006699;
    padding: 0px;
    overflow: hidden;
}
.galeria-img img{
    width:100%; /* Largura fixa para a div */
    min-height:100%; /* Altura mínima */
    height:auto !important; /* Altura ajustável de acordo com o conteúdo */
}
.galeria-dados{
    padding-left: 6px;
    padding-right: 0px;
}
.galeria-titulo{
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
    color: #343952;
}
.galeria-desc{
    height: 20px;
    font-size: 12px;
    padding-left: 0px;
    padding-right: 0px;
}
.galeria-bts{
    height: 70px;
    padding-left: 0px;
    padding-right: 0px;
}
.galeria-bt,
.galeria-bt:visited,
.galeria-bt:active{
    font-size: 9px;
    color:#959595;
    right: 2px;
    zoom:100%;
    bottom: 0px;
    position: absolute;
}
.galeria-bt:hover{color:#2662b7}
.pp_social{display: none}

/****** FINANCEIRO DO CLUBE ******/
.status-1, .status-10, .status-11{    color: #b1b1b1;   }
.status-2{    color: #36832c;   }
.status-3{    color: #920000; font-weight: bold;  }
.status-4, .status-12{    color: #010892; font-weight: bold;  }
.status-5{    color: #434ace;   }
.status-6{    color: #000000;   }

.bt-registro + .bt-registro{
    margin-left: 10px;
}

.status-sis{font-size: 11px; color: #811a20;font-weight: bold}
.status-ati{font-size: 11px; color: #368136}
.status-des{font-size: 11px; color: #919191}


/****** LEGENDA DE STATUS - NOME DO CLUBE ******/
.lg_status{
    font-weight: bold;
    color: #ffffff;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 10px;
}
.lg_status + .lg_status{ margin-right: 5px; }
.lg_light{ background-color: #0065a3; }
.lg_multa{ background-color: #a36f00; }
.lg_bloqueio{ background-color: #a30002; }
.lg_agenda{ background-color: #000000; }
.lg_cancelado{ background-color: #636363; }
.lg_visualizar{ background-color: #0065a3; }


/****** FINANCEIRO DO CLUBE ******/
.fin-saldo-total-titulo{
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    margin-top: -4px;
    margin-right: -10px;
}
.fin-saldo-total{
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    margin-top: -2px;
    margin-right: -10px;
}
.fin-bt{
    background-color: #4e608f;
    border-radius: 5px;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 5px;
    display: inline;
    position: relative;
    float: left;
}

.parsley-errors-list{display: none}
#table_registros td{ padding: 7px 5px 3px 5px; }
#table_registros .linha_destaque td{ background-color: #ddeaf3; font-weight: bold}
.text-pos{color: #00558d}
.text-neg{color: #8d0000}
section.filtro_collapse{
    margin: 0;
    font-size: 11px
}
section.filtro_collapse .panel-heading{ padding: 5px 5px 5px 15px }
section.filtro_collapse a{ color: #606060 }
section.filtro_collapse .panel-body{ padding: 0 }
section.filtro_collapse .filtro_select{ width: 100% }
.filtro_ligado{
    background-color: #00558d;
    color: #ffffff;
    padding: 6px 10px 5px 10px;
    border-radius: 4px;
    margin: 1px 0 0 0;
}
i.filtro_check{ margin: 2px 2px;color: #2cb53d }
div.leg_registros{
    font-weight: bold;
    color: #ffffff;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 10px;
}
.leg_registros + .leg_registros{ margin-right: 5px; }

div.registro_individual{ background-color: #4993a3; }
div.padrao_sistema{ background-color: #383838; }
div.fluxo_caixa{ background-color: #3a8d64; }
div.automatico{ background-color: #744f41; }
div.senha_liberar{ background-color: #514374; }
div.excluido{ background-color: #8d2934; }

i.plano{ font-size: 14px; color: #a78963; margin: 0px 5px 0 0 }
i.plano.plano_acesso{ color: #91a764 }
i.plano.plano_bronze{ color: #a78963 }
i.plano.plano_prata{ color: #939393 }
i.plano.plano_ouro{ color: #d5aa00 }
i.plano.plano_platinum{ color: #745c85 }
i.plano.plano_diamante{ color: #00c7f7 }

.td_id{padding: 7px 0 0 0 !important; font-size: 11px !important;}
.td_bt{padding: 5px 3px 3px 3px !important;}
/* O .close do Bootstrap é preto com opacity .2 — some sobre o cabeçalho
   colorido dos modais. Aqui ele acompanha a cor do texto do cabeçalho. */
.modal-header .close{
  color: inherit !important;      /* o cabeçalho já define #fff */
  opacity: .9 !important;
  text-shadow: none !important;
  float: right;
  line-height: 1;
}
.modal-header .close:hover,
.modal-header .close:focus{ opacity: 1 !important; }

/* O style.css do tema tem ".close i{font-weight: normal}", escrito na época do
   FontAwesome 4. No FA5 Free o fa-times só existe no peso 900: com 400 o glifo
   não é desenhado e o botão fica com largura zero — o X simplesmente some. */
.close i{ font-weight: 900 !important; font-size: 16px !important; }

/* X de excluir anexo: fica dentro de um <button class="btn">, que impõe o
   próprio tamanho de fonte. Sem isto ele sai maior que os ícones da lista. */
.form_excluir_anexo button{ font-size: 13px; line-height: 1; vertical-align: middle; }
.form_excluir_anexo i{ font-size: 13px !important; }