.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%;}

@media (max-width: 600px) {
  .col-app-12,.col-app-11,.col-app-10,.col-app-9,.col-app-8,.col-app-7,.col-app-6,.col-app-5,.col-app-4,.col-app-3,.col-app-2,.col-app-1 {    width: 100%;}
}




/*[class*="col-app-"] + [class*="col-app-"]{padding-left: 15px}*/

.xls_show{display: none}

/* Btn-Group Radios - ON/OFF */
.btn-group label.btn-onoff{ background-color: #c6c6c6; padding: 6px 8px }
.btn-group label.btn-onoff.active{ background-color: #1f3561; color: #fff }

/* Barra de Títulos das Páginas*/
.pw-barra-titulo{
    font-size: 22px;
    padding: 15px;
    background-color: #163747;
    color: #ffffff;
    height: 60px;
}
.pw-barra-titulo input{
    background-color: #245973;
    border: none;
    color: #ffffff;
    padding: 4px 5px;
    margin: -4px 5px 0 5px;
    border-radius: 5px;
}
.pw-barra-titulo input:focus{ border: none; outline: none; }
.pw-barra-titulo div[data-qd=text]{ padding-left: 10px; }
.pw-barra-titulo div[data-qd=text] i{ font-size: 17px; cursor: pointer; margin-left: 10px }
.pw-barra-titulo div[data-qd=input] button,
.pw-barra-titulo div[data-qd=input] a { font-size: 13px; cursor: pointer; margin-left: 10px;  }
.pw-barra-titulo div[data-qd=input] button { background-color: #2c6b8b
}
.pw-barra-titulo div[data-qd=input] a { background-color: #a03a43
}

.aviso_funcao_desab{
  background-color: #e3c9a4;
  border: dashed 1px #a2a2a2;
  padding: 10px;
  color: #613f00;
  border-radius: 5px;
  margin-bottom: 10px;
}
.aviso_funcao_desab .mensagem{
  text-align: center;
  font-size: 13px;
}

.alert-app{
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 2001;
    padding: 7px;
    width: 100%;
    border-radius: 0px 0px 0px 0px;
    font-size: 13px;
    margin: 0px;
}
.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;
}
.alert-app p{ margin-top: 10px; }
.alert-app i{ margin-top: 6px; margin-left: 5px}

.alert-app-danger{
    position: fixed;
    top: 200px;
    z-index: 1000;
    padding: 20px;
    width: 100%;
    font-size: 13px;
    margin: 0px;
    border-radius: 5px;
    border: solid 1px #740300;
}
.alert-app-danger i{
    position: absolute;
    top: -120px;
    margin-left: -30px;
    font-size: 90px;
    color: #ff0000;
}
.alert-app-danger p{ margin: 0; }


.alert-success{    border-top: solid 1px #3c743b;}
.alert-app-close{ margin-right: 14px; margin-top: -1px;}
.alert-bloqueio{    border-top: solid 2px #ff6b00; color: #ffffff;background-color: #950200}


/*  CARREGANDO  */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 24px;
    left: 6px;
    width: 25px;
    height: 25px;
    background-color: #380000;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translateX(50%) translateY(-50%) scale(0.000001,0.000001);
    transform: translateX(50%) translateY(-50%) scale(0.000001,0.000001); /* -150% X */
    pointer-events: none;
    border-radius: 50%;
}
.pace.pace-active .pace-activity {
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}
.pace .pace-activity::before,
.pace .pace-activity::after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 20px;
    display: block;
    border-radius: 50%;
    content: '';
}
.pace .pace-activity::before {
    border: 8px solid #ff0300;
    margin-left: -20px;
    width: 25px;
    height: 25px;
    border-right-color: rgba(0, 0, 0, .2);
    border-left-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
    animation: pace-theme-corner-indicator-spin 3s linear infinite;
}
.pace .pace-activity::after {
    border: 8px solid #ffffff;
    bottom: 4px;
    margin-left: -16px;
    width: 12px;
    height: 12px;
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin2 0.5s linear infinite;
    animation: pace-theme-corner-indicator-spin2 0.5s linear infinite;
}

@-webkit-keyframes pace-theme-corner-indicator-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-359deg); }
}
@-webkit-keyframes pace-theme-corner-indicator-spin2 {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); }
}
@keyframes pace-theme-corner-indicator-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-359deg); }
}
@keyframes pace-theme-corner-indicator-spin2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}



.scrollbar_modal{
    overflow-y: scroll;
    max-height: 400px;
}



.switchery{zoom: 1.3}

/* *** PLANOS E UPGRADE *** */

.inf_plano_linha{
    padding: 3px 3px 3px 10px
}

.upgrade_barra{
    background-color: #002989;
    color: #fff;
}
.upgrade_bg{
    background-color: #ececec;
}
.upgrade_titulo{
    font-size: 15px;
    color: #316e9c;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.upgrade_texto{
    font-size: 15px;
    color: #316e9c;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.upgrade_ciclo{
    font-size: 15px;
}
.upgrade_valor{
    font-size: 20px;
    color: #789c45;
    font-weight: bold;
    margin: 10px 0 0 0;
}
.upgrade_desconto{
    font-size: 11px;
    color: #3b5028;
    margin-bottom: 5px;
}
.upgrade_btn{
    height: 20px;
    font-size: 11px;
    padding: 3px 10px 3px 10px;
    margin: 0 0 15px 0;
}

.inf_plano_clientes_faixa{
    font-size: 14px;
    font-weight: bold;
    color: #2a5028;
    margin: 0 0 0 0;
}
.inf_plano_clientes_faixa_desc{
    font-size: 10px;
    color: #3a3a3a;
    font-weight: normal;
}
.inf_clientes_seta_ativo img{
    position: absolute;
    font-weight: bold;
    width: 20px;
    margin-top: -3px;
}

/* DASHBOARD INDEX */
.titulo_quadro{
    border-bottom: solid 2px #7f7f7f;
    margin-top: 25px;
    margin-bottom: 5px;
    padding: 2px 0 4px 10px;
    background-color: #cecece;
    border-radius: 8px 8px 0 0;
    color: #171717;
}
.titulo_quadro_texto{
    margin: 9px 0 0 0;
    color: #2b424b;
    font-weight: bold;
    font-size: 16px;
}
.titulo_quadro_filtro{
    margin: 4px -10px 0 0;
}
#tooltip{
    position: absolute;
    display:none;
    border: 1px solid #000000;
    border-radius:5px;
    padding: 1px 5px 1px 5px;
    background-color: #292929;
    color:#fff;
    opacity: 1;
    z-index: 99
}

.dashboard_blog_quadro{ padding: 6px; border-bottom: solid 2px #ebebeb; }
.dashboard_blog_icon{ margin-right: 8px; }
.dashboard_blog_icon i:nth-child(1){ color: #2b424b; }
.dashboard_blog_titulo{ margin-top: 1px; color: #2b424b; font-weight: bold; font-size: 13px; }
.dashboard_blog_hora{ color: #5e9fa2; font-size: 11px; }
.dashboard_blog_selo_novo{ position: relative; width: 35px; height: auto; margin-top: -35px; margin-right: 0 }

.dashboard_aniv_geral{ overflow-y: auto;max-height: 244px; }
.dashboard_aniv_quadro{ padding: 6px 6px 6px 15px; border-bottom: solid 2px #ebebeb; }
.dashboard_aniv_foto{ margin: 0 10px 0 -7px }
.dashboard_aniv_foto img{ height: 35px }
.dashboard_aniv_nome{ margin-top: 2px; color: #2b424b; font-weight: bold; font-size: 13px; }
.dashboard_aniv_anos{ color: #5e9fa2; font-size: 11px; }
.dashboard_aniv_zero{ text-align: center; background-color: #f2f2f2; padding: 10px;}

.dash-cliente-plano-qd{
    height: 172px;
    overflow: hidden;
    text-align: center;
    vertical-align: bottom;
}

#dash-cliente-plano-qd{
    margin-top: -35px;
    height: 210px;
}



.tk-qd-indicacao-principal{
    width: 80%;
    border-top: dashed 2px #fffea5;
    border-bottom: dashed 2px #fffea5;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #000000;
    margin-top: 12%;
}
.tk-qd-indicacao{
    background-color: #000000;
    width: 100%;
    padding: 5px;
}
.img_indicacao{
    width: 90%;
    display: inline-block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.icone-indicacao{
    color: #ffc748;
    font-size: 15pt;
    text-shadow: 0px 0px 15px rgb(255, 168, 65);
}
.icone-treinamento{
    color: #acff9a;
    font-size: 20pt;
    text-shadow: 0px 0px 15px rgb(172, 255, 154);
}

#header .icone-aniv-hoje{
    color: #000860;
    text-shadow: 0px 0px 10px rgba(0, 128, 255, 0.50);
}
#header .icone-aniv-hoje i{ font-size: 20px; margin-top: 3px }
#header .icone-aniv-hoje div{
    font-size: 11px;
    font-weight: bold;
    margin-top: -4px;
}

.titulo-paginas{font-size:30px}
.menu_icone_sistema{    margin: 10px 0 0 0; text-align: center; }
.menu_icone_sistema_ok{  color: #09ab00  }
.menu_icone_sistema_aviso{  font-size: 19px; color: #ffff00  }
.menu_icone_sistema_vencido{  font-size: 19px; color: #ff0000  }
.menu_sistema:hover .menu_icone_sistema_aviso{    text-shadow: 0px 0px 15px rgb(255, 255, 0); }
.menu_sistema:hover .menu_icone_sistema_vencido{    text-shadow: 0px 0px 15px rgb(255, 0, 0); }
.menu_mod_desativado{
    line-height: 1.5;
    background-color: #101010;
    color: #33393f;
    border-bottom: 1px solid #1b2836;
    padding:8px 8px;
    position: relative;
    font-weight: 600;
}
.menu_mod_desativado i{margin-right: 0.5em}

.menu_frase_sistema_vencimento{
    color: #b0b300;
    font-size: 9px;
    font-weight: bold;
    width: 60px;
    text-align: center;
}
.menu_frase_sistema_vencimento .dias{
    font-size: 25px;
    margin: 10px 0 -7px 0;
}
.menu_frase_sistema_vencimento .dias_hoje{
    font-size: 18px;
    margin: 10px 0 -3px 0;
}

.menu_frase_sistema_vencido{
    color: #c9cc00;
    font-size: 9px;
    font-weight: bold;
    width: 60px;
    text-align: center;
    background-color: #3c0002;
    margin: 10px 0 0 0;
    padding: 0 0 5px 0;
}
.menu_frase_sistema_vencido .dias{
    font-size: 25px;
    margin: 0 0 -5px 0;
}
.menu_frase_sistema_vencido .dias_hoje{
    font-size: 18px;
    margin: 0 0 -3px 0;
    padding: 4px 0 0 0;
}


.menu_frase_sistema_bloqueio{
    position: fixed;
    bottom: 0;
    left: 0;
    background-color:#3a0005;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 16px 8px 16px;
    border-radius: 0 10px 0 0 ;
}


.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
}

.nav-tabs .text-plano{ color: #bcbcbc; }
.text-plano{ color: #de9100; }
.bg-plano{ background-color: #de9100; color: #291900}

#abamesasbloqueio{
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99;
    color: #ff0000;
    font-size: 30px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding-top: 90px;
}
#subtitutlobloqueio{
    color: #ffffff;
    font-size: 15px;
    margin-top: 20px;
}

.qd-mesas-geral{
    height: 100%;
}
.titulo-mesas{
    padding-top: 5px;
    color: #fff;
    height: 28px;
    font-size: 12px;
}
.bt-titulo-mesas{
    margin-top: 4px;
    margin-left: -10px;
    color:#c6c6c6;
}
.bt-desabilitar-mesas{
    margin-top: 4px;
    margin-right: -7px;
    color:#c6c6c6;
}
.cores-mesas {list-style: none;margin: 0;padding: 0;}
.cores-mesas:after {content: "";clear: both;}
.cor-mesa {
    box-sizing: border-box;
    float: left;
    height: 18px;
    position: relative;
    width: 25px;
}
.cor-mesa + .cor-mesa {margin-left: 10px;}
.cor-mesa label {
    background: #fff no-repeat center center;
    bottom: 0px;
    cursor: pointer;
    display: block;
    font-size: 0;
    left: 0px;
    position: absolute;
    right: 0px;
    text-indent: 100%;
    top: 0px;
    white-space: nowrap;
    height: 18px;
}
.cor1, .cor1 label, .mesa-cor1 { background-color: #1a4052; color: #ffffff;}
.cor2, .cor2 label, .mesa-cor2 { background-color: #125224; color: #ffffff;}
.cor3, .cor3 label, .mesa-cor3 { background-color: #52521a; color: #ffffff;}
.cor4, .cor4 label, .mesa-cor4 { background-color: #521b19; color: #ffffff;}
.cor5, .cor5 label, .mesa-cor5 { background-color: #523300; color: #ffffff;}
.cor6, .cor6 label, .mesa-cor6 { background-color: #381552; color: #ffffff;}
.cor7, .cor7 label, .mesa-cor7 { background-color: #3d5152; color: #ffffff;}
.cor8, .cor8 label, .mesa-cor8 { background-color: #232523; color: #ffffff;}
.cor9, .cor9 label, .mesa-cor9 { background-color: #001842; color: #ffffff;}
.cor10, .cor10 label, .mesa-cor10 { background-color: #000000; color: #ffffff;}

.cor11, .cor11 label, .mesa-cor11 { background-color: #00b1da; color: #000000;}
.cor12, .cor12 label, .mesa-cor12 { background-color: #00ce1b; color: #000000;}
.cor13, .cor13 label, .mesa-cor13 { background-color: #ddd800; color: #000000;}
.cor14, .cor14 label, .mesa-cor14 { background-color: #d70001; color: #ffffff;}
.cor15, .cor15 label, .mesa-cor15 { background-color: #e79500; color: #000000;}
.cor16, .cor16 label, .mesa-cor16 { background-color: #8800dd; color: #ffffff;}
.cor17, .cor17 label, .mesa-cor17 { background-color: #00b3b2; color: #ffffff;}
.cor18, .cor18 label, .mesa-cor18 { background-color: #001cd7; color: #ffffff;}
.cor19, .cor19 label, .mesa-cor19 { background-color: #b9b9b9; color: #000000;}
.cor20, .cor20 label, .mesa-cor20 { background-color: #5a5a5a; color: #ffffff;}
.cor21, .cor21 label, .mesa-cor21 { background-color: #000000; color: #ffffff;}

.cor-mesa input:hover + label {outline: 1px dotted #5191d1;}
.cor-mesa input:checked + label {outline: 2px solid #5191d1;}

.text-cor1{ color: #1a4052;}
.text-cor2{ color: #125224;}
.text-cor3{ color: #52521a;}
.text-cor4{ color: #521b19;}
.text-cor5{ color: #523300;}
.text-cor6{ color: #381552;}
.text-cor7{ color: #3d5152;}
.text-cor8{ color: #232523;}
.text-cor9{ color: #001842;}
.text-cor10{ color: #000000;}
.text-cor11{ color: #00b1da;}
.text-cor12{ color: #00ce1b;}
.text-cor13{ color: #ddd800;}
.text-cor14{ color: #d70001;}
.text-cor15{ color: #e79500;}
.text-cor16{ color: #8800dd;}
.text-cor17{ color: #00b3b2;}
.text-cor18{ color: #001cd7;}
.text-cor19{ color: #b9b9b9;}
.text-cor20{ color: #5a5a5a;}
.text-cor21{ color: #000000;}








div.mesa_cor_reg{ width: 4px;height: 29px}
td[class*="mesa-cor"]{}


#container-qrcode {
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
    box-shadow: 0 0 16px rgba(0,0,0,0.5);
}
#img-buffer-qrcode {display: none;}


.mesa-completa{
    padding: 10px 10px 0px 10px;
}
.jogadores-mesas, .lugar-vazio{
    padding: 0px 0px 0px 10px;
    height: 18px;
    font-size: 11px;
}
.lugar-desativar{
    background-color: #e4e4e4;
    color: #a5a5a5;
    font-size: 10px;
    padding: 2px 0px 0px 10px;
}
.lugar-desativado{
    background-color: #c8c8c8;
    color: #ffffff;
    font-size: 10px;
    padding: 2px 0px 0px 10px;
}
.lugar-comjog{
    background-color: #c9e4d7;
    color: #738770;
    font-size: 10px;
    padding: 2px 0px 0px 10px;
}
.jogadores-mesas{cursor: move;}
.qd_jogadores_fora{
    height: 90%;
}
.campo-lugar-fora{
    overflow-y:auto;
    position: absolute;
    height: 90%;
    width: 200px;
}
.op-jogador{
    padding-top: 3px;
    cursor: pointer;
    width: 20px;
    height: 15px;
    text-align: center;
}

.menu-op-jogador {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 150px;
    padding: 5px 0 5px 0;
    margin: 0;
    font-size: 14px;
    list-style: none;
    background-color: #222222;
    border: 1px solid #999999;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.menu-op-jogador > li > a {
    font-size: 12px;
    display: block;
    padding: 3px 20px 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #cccccc;
    white-space: nowrap;
    border-top: solid 1px #222222;
    border-bottom: solid 1px #222222;
}
.menu-op-jogador .eliminar { background-color: #3c1e1e;}
.menu-op-jogador .eliminar > a:hover {background-color: #4f2121;}
.menu-op-jogador .inf-itens-jog { background-color:#11113c;}
.menu-op-jogador .eliminarinf-itens-jog > a:hover {background-color:#22225c;}
.menu-op-jogador > li > a:hover,
.menu-op-jogador > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #444444;
}

.numero-mesa{
    padding: 0px 10px 1px 4px; /* topo dir base esq */
    height: 18px;
    font-size: 11px;
    width: 10px;
}

.bt-sentar{
    font-family:'Open Sans',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;
    height: 30px;
    font-size: 13px;
    width: 100%;
    padding-top: 6px;
    color:#969696;
    margin-bottom: 2px;
}
.sentar-ativo {
    background-color: #522a29;
    color:#FFF;
}
.bts_menu_mesa{
    height: 30px;
    padding-top: 6px;
    margin-bottom: 1px;
}
.inf-mesas{
    background-color:#2e2e30;
    margin: 0px;
    border: solid 1px #394084;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius:0px;
}
.inf_alt{background-color:#59572b;}
.bt-inf-itens{
    color: #848484;
    margin-top: 3px;
}
.linha-inf-mesas{
    margin: 6px 10px 5px 10px;
    font-size: 11px;
    color: #8da9b6;
    border-bottom: 1px dashed #424246;
    padding-bottom: 1px;
}
.qtd-inf-mesas{
    margin-top: -1px;
    font-size: 13px;
    color:#4a9d4b;
}

/* esconder setas input number*/
input.hide_setas::-webkit-outer-spin-button,
input.hide_setas::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.hide_setas {
  -moz-appearance: textfield;
}


/* quadro oculto itens */
.qd-inf-item{
    position: absolute;
    display: none;
    height: 100%;
    z-index: 999;
    left: 0px;
    background-color:#2e2e30;
    padding-bottom: 40px;
}
.bt-fechar-inf{color: #fff}
.qd-inf-dados{overflow-y:auto; height: 100%;}
.inf-icone-editar{margin-left: 10px;color: #d1d1db;font-size: 10px}
.icone_carregando_inf{margin-top:25px;color: #fff;font-size: 25px}

.dados-inf-bd-download{
    background-color: #212121;
    color: #9a9a9a;
    padding: 3px 10px 3px 10px;
    height: 22px;
    width: 100%;
    font-weight: normal;
    font-size: 11px;
}
.dados-inf-bd-download a{ color: #9a9a9a; }

.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;
}
.ord_eliminados{
    font-size: 10px;
    color: #ffcb73;
    padding: 0 8px 0 7px;
    font-weight: normal;
}

.alternate_aberto a{
  color: #5d5d5d
}
.alternate_confirmado{
  background-color: rgba(0,67,0,0.42);
  border-radius: 5px;
}
.alternate_confirmado a{
  color: #2a6e4d
}
.alternate_cancelado .ord_eliminados,
.alternate_cancelado .linha-inf-dados{
  color:#444444
}





/* 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;
}

.cliente-foto-img-orig{
    height: 250px;
    width: 250px;
    text-align: center;
}
.cliente-foto-img-orig .clientes-detalhes-sem-foto{
    margin-top:50px;
    margin-bottom:50px;
    color: #dddddd;
}
.cliente-foto-img-file{
    min-height: 250px;
    min-width: 250px;
    text-align: center;
}

.cliente-inf-qd{ padding: 5px; border-bottom: dashed 1px #9a9a9a; }
.cliente-inf-label{ font-size: 10px }
.cliente-inf-valor{  font-size: 13px; font-weight: bold; color: #1f1f1f; }


.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;
}

.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;
}

.menu-upgrade{
    padding: 6px 15px;
    background-color: #002d18;
}
.menu-upgrade:hover{ background-color: #00693b; }

.text-submenu{
    color:#cccccc;
}

.logo-topo{
	padding-top: 7px;
	padding-left: 15px;
}

.nome-ranking-vinculado{
    font-weight: bold;
    font-size: 13px;
    margin-top: 20px;
}

/* 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;
}
.squaredThreelayout {
    width: 20px;
    margin-top: -2px;
    margin-left: -17px;
    position: relative;
    height: 15px;
}
.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 {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #000;
    background-image: url(../images/sistema/bg01.png);

}
.formlogin-qd{
    width: 100%;
}
.logo_login{
    margin-top: -30px;
    width: auto;
    height: auto;
    max-width: 300px;
    margin-bottom: 10px;
    max-height: 200px;
}
.bt_login{
    color: #fff;
    border-radius: 6px;

}
.form-control-login {
    display: block;
    width: 100%;
    height: 40px;
    max-width: 250px;
    padding: 3px 12px;
    font-size: 15px;
    line-height: 1.428571429;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control-login:focus {
    border-color: #290000;
    border: 1px solid;
    outline: 0;
    box-shadow: inset 0 1px 1px #290000, 0 0 8px #290000;
}


/* grafico */
.flot-tick-label{
    color: #acacb5;
}

.top5{
    width: 88px;
}

/* index */
.fundo-login{
}

.logo-index{
    margin-bottom: 20px;
}

.logo-index img{
    max-width: 500px
}

.text-index{
    margin-top: 40px;
    color: #888888;
    font-size: 20px;
}
.nome-index{
    color:#b58108;
    font-size: 30px;
    font-weight: bold;
}
.nome-barra-sup{
    color:#b58108;
    font-size: 15px;
    font-weight: bold;
}
.qd_indicacao{
    margin-bottom: 40px;
    background-color: #261918;
    border-radius: 7px;
    border: solid 2px #3d2220;
    padding: 20px;
}


#vendas_usuarios th, #vendas_usuarios td {
    font-size: 9px;
    padding: 5px;
}
#registros_geral_detalhado th, #registros_geral_detalhado td {
    font-size: 11px;
     padding: 5px;
}


/*TELA DE CONTROLE*/
table[id*="niveis"] input{
    border: none;
    background-color: transparent;
    text-align: center;
    color: #656565;
    width: 100%;
    padding: 7px 0;
}
table[id*="niveis"] input:focus{
    color: #32475f;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0;
    background-color: rgba(204, 241, 219, 0.39);
}
table[id*="niveis"] i.tempo_ajuste_all{
    margin-top: -24px;
    margin-right:3px;
    z-index: 99;
    font-size: 19px;
    cursor: pointer;
}
table[id*="niveis"] i.tempo_ajuste_all:hover{
    color: #1e6f3b;
}




.titulo-niveis{}
.niveis{
    height: 22px;
    width: 100%;
    background-color:#eeeeee;
    border: 1px solid #dddddd;
}
.nivel-icone-active{position: relative;float: left;    width: 24px;font-size: 12px;text-align: center;padding-top: 3px;color:#4a9d4b;}
.nivel-active{height: 33px;padding-top: 4px;background-color: #2e2e30;color: #8da9b6;border: 2px solid #4a9d4b;}
.nivel-numero{position: relative;float: left;    width: 70px;font-size: 12px;font-weight:bold;padding-top: 2px;padding-left: 3px;}
.nivel-dados{position: relative;float: left;    width: 100px;font-size: 12px;padding-top: 2px;padding-left: 3px;text-align: center;}
.nivel-editar{width: 11px;height:100%;padding-top: 3px;margin-right: 7px;text-align: left}
.nivel-active a{color: #838387}
.nivel-intervalo{background-color:#bfa9ab;font-size: 12px;padding-left: 3px;text-align: center;color:#5f0001}
.nivel-frase-intervalo{position: relative;float: left;padding-top: 2px;width: 500px;text-align: center;}
.nivel-intervalo-active{background-color:#30090b;border: 2px solid #651013;font-size: 14px;padding-left: 3px;font-weight: bold;color:#ff9290}

.controle_label_qd_bts{font-size: 11px;margin-left: 5px;margin-bottom: 2px}
.controle_qd_bts{width: 100%;border: 1px solid #cacad0;border-radius: 5px;padding: 7px;margin-bottom: 15px;}

.qd-abrir-blinds{
    font-weight: bold;
    color: #474747;
    background-image: linear-gradient(to top, #dddddd, #ffffff);
    padding: 7px;
}
.qd-abrir-blinds-seg{
    font-weight: bold;
    color: #474747;
    background-image: linear-gradient(to top, #dddddd, #ffffff);
    padding: 11px;
}
.link-abrir-blinds{color: #474747}
.status-torneio{
    background-color: #1f2b1d;
    color:#e6e6eb;
    font-size: 20px;
    height: 40px;
    width: 100%;
    padding-top: 6px;
    text-align: center;
}

.prizes_dados{position: relative;float: left;font-size: 12px;text-align: center;padding-top: 3px;}

.prizes_input{
    background-color: transparent;
    border: solid 1px #eaeaea;
    border-radius: 4px;
    width: 100%;
    height: 50px;
    margin: 1px;
}

.label_layout_exibir{
    width: 100%;
    display: inline-block;
    font-size: 50px;
}

.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-left: 10px;
    padding-top: 15px;
    margin: 0px;
}
.clientes-detalhes-foto{
    border: dashed 1px #aba892;
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 10px;
}
.icone-foto-trocar{
    position: absolute;
    font-size: 40px;
    left: 77px;
    top: 70px;
    color: #ffffff;
}
.icone-foto-trocar-label{
    position: absolute;
    font-family: 'arial', sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    left: 64px;
    top: 115px;
    color: #ffffff;
}
.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;
    border: solid 1px #dadada;
    border-radius: 5px;
}
.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}


/****** BAR - COMANDAS PC ******/
.com-pc-sup{ padding-top: 17px; }
.com-pc-titulo{}
.com-pc-inf{
    width: 100%;
    height: 30px;
    background-color: #192d3d;
    border-top: dashed 1px #2e475d;
    font-size: 14px;
    color: #cfcfcf;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
}
.com-pc-conteudo{ background-color: #d7d7d7; padding-top: 10px; padding-bottom: 20px; }
.com-pc-subtitulo{
    height: 30px;
    width: 97%;
    margin-left: 1.5%;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #acafd7;
    font-size: 16px;
    color: #363769;
    padding-top: 5px;
    font-weight: bold;
}
.com-pc-bt-dest{
    width: 50%;
    background-color: #4e608f;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    margin-left: 25%;
    padding-top: 10px;
    padding-bottom: 5px;
}
.com-pc-conteudo-qd{}
.com-pc-bt-fechar{
    position: relative;
    right: 15px;
    font-size: 25px;
    color: #bfbfbf;
}
.com-pc-bt-conf-com{
    background-color: #4e608f;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    width: 100%;
}
.com-pc-listagem{}
.com-pc-listagem-item{
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 2px;
}
.com-pc-icone-listagem{
    font-size: 25px;
    width: 33px;
    border-right: dashed 1px #5c5c5c;
    margin-top: -2px;
    margin-right: 10px;
    margin-left: -3px;
    padding-right: 35px;
}
.com-pc-iconeprox{ margin-top: 7px; }
.com-pc-bt-qtd{
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #4e608f;
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
}
.com-pc-bt-qtd + .com-pc-bt-qtd{
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
.com-pc-menu{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 102;
    display: none;
    overflow: hidden;
}
.com-pc-menu-qd{
    position: relative;
    background-color: rgba(0,0,0, 1);
    border: 2px solid #520B0B;
    border-radius: 6px;
    outline: none;
    background-clip: padding-box;
    text-align: center;
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.com-pc-menu-bts{
    width: 100%;
    margin-bottom: 10px;
}
.com-pc-menu-bts a{
    width: 50%;
}
.com-pc-confir-qd{
    height: 60px;
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    border-top: solid 2px #001501;
    padding-top: 8px;
    padding-bottom: 8px;
}
.com-pc-confir-valor{
    height: 40px;
    font-size: 27px;
    color: #006b01;
    text-align: left;
    font-weight: bold;
}
.com-pc-confir-bt{
    height: 40px;
    font-size: 40px;
    color: #006b01;
    font-weight: bold;
}
.com-pc-confir-bt i{
    float: left;
    margin-left: 17px;
    margin-top: 0px;
}
.com-pc-color-vr{background-color: #260006}
.com-pc-color-vd{background-color: #002626}
.com-pc-select-cliente{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

/****** 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;
}

/****** SISTEMA - BOLETOS ******/
.status-1, .status-10{    color: #b1b1b1;   }
.status-2{    color: #36832c;   }
.status-3{    color: #920000; font-weight: bold;  }
.status-4{    color: #010892; font-weight: bold;  }
.status-5{    color: #434ace;   }
.status-6{    color: #000000;   }
.bg-fncr-clearfix{    background-color:#4a0405;     color: #ffffff; }
.btn-pagar{ height: 18px; font-size: 12px; padding-top: 1px; font-weight: normal}


/**  ICONES CARTAS  **/
.i-cartas{
     height: 19px;
     width: 25px;
     background-image: url("../images/sistema/cartas.png");
     float: left;
     display: block;
     background-color: #000000;
     border-radius: 3px;
     border: solid 1px #000000;
 }
.i-cartas + .i-cartas{margin-left: 4px;}
.i-cartas-qd{
    display: inline-block;
}
.i-cartas-grupo-titulo{
    position: relative;
    top: 0px;
}
.i-cartas-grupo{
    border: solid 1px #d9d9d9;
    display: inline-block;
    padding: 6px 6px 2px 6px;
    border-radius: 4px;
    margin-right: 8px;
}
.i-cartas-dest{
    height: 29px;
    width: 36px;
    padding-top: 5px;
    padding-left: 5px;
    border-radius: 4px;
    display: inline-block;
    background-color: #262626;
    z-index: 99;
}
.i-cartas-status{
    font-size: 30px;
    position: relative;
    top: -5px;
    left: 0px;
}
.ctsep{margin-right: 12px;}
.ct-select{background-color: #6369ff}
.ct-usada{background-size: 0px 0px}

.ct2p{background-position: 299px 68px}
.ct3p{background-position: 276px 68px}
.ct4p{background-position: 253px 68px}
.ct5p{background-position: 230px 68px}
.ct6p{background-position: 207px 68px}
.ct7p{background-position: 184px 68px}
.ct8p{background-position: 161px 68px}
.ct9p{background-position: 138px 68px}
.cttp{background-position: 115px 68px}
.ctjp{background-position: 92px 68px}
.ctqp{background-position: 69px 68px}
.ctkp{background-position: 46px 68px}
.ctap{background-position: 23px 68px}
.ct2c{background-position: 299px 51px}
.ct3c{background-position: 276px 51px}
.ct4c{background-position: 253px 51px}
.ct5c{background-position: 230px 51px}
.ct6c{background-position: 207px 51px}
.ct7c{background-position: 184px 51px}
.ct8c{background-position: 161px 51px}
.ct9c{background-position: 138px 51px}
.cttc{background-position: 115px 51px}
.ctjc{background-position: 92px 51px}
.ctqc{background-position: 69px 51px}
.ctkc{background-position: 46px 51px}
.ctac{background-position: 23px 51px}
.ct2e{background-position: 299px 34px}
.ct3e{background-position: 276px 34px}
.ct4e{background-position: 253px 34px}
.ct5e{background-position: 230px 34px}
.ct6e{background-position: 207px 34px}
.ct7e{background-position: 184px 34px}
.ct8e{background-position: 161px 34px}
.ct9e{background-position: 138px 34px}
.ctte{background-position: 115px 34px}
.ctje{background-position: 92px 34px}
.ctqe{background-position: 69px 34px}
.ctke{background-position: 46px 34px}
.ctae{background-position: 23px 34px}
.ct2o{background-position: 299px 17px}
.ct3o{background-position: 276px 17px}
.ct4o{background-position: 253px 17px}
.ct5o{background-position: 230px 17px}
.ct6o{background-position: 207px 17px}
.ct7o{background-position: 184px 17px}
.ct8o{background-position: 161px 17px}
.ct9o{background-position: 138px 17px}
.ctto{background-position: 115px 17px}
.ctjo{background-position: 92px 17px}
.ctqo{background-position: 69px 17px}
.ctko{background-position: 46px 17px}
.ctao{background-position: 23px 17px}

.i-cartas-reg{
    height: 19px;
    width: 25px;
    background-image: url("../images/sistema/cartas.png");
    display: inline-block;
    background-color: #000000;
    border-radius: 3px;
    border: solid 1px #000000;
    margin-bottom: -5px;
}
.i-cartas-reg + .i-cartas-reg{margin-left: 2px;}


/**  ESQUEMA DE CORES  **/
#tr_esquema_cores input{
    width: 100%;
    height: 30px;
    text-align: center;
    border: none;
}
#layout_cor_fundo{ padding: 10px; }
#layout_cor_texto{ font-size: 25px; font-weight: bold }

#tr_esquema_cores .nivel{
    font-size: 30px;
    font-family: 'Fjalla One', sans-serif;
    text-align: left;
    margin-top: 8px;
}
#tr_esquema_cores .qd-inf{
    font-size: 20px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 500;
    margin: 0 0 0 0;
    text-align: right;
}
#tr_esquema_cores .qd-inf i{ font-size: 15px; position: relative; top: -2px;}
#tr_esquema_cores .qd-inf .valor{ font-size: 25px; margin: -7px 0 0 0; font-weight: 800;}
#tr_esquema_cores #qd_cronometro1{
    position: absolute;
    text-align: center;
    left: 165px;
}
#tr_esquema_cores #qd_cronometro1 .qd_minutos{
    position: absolute;
    font-family: 'Fjalla One', sans-serif;
    font-size: 60px;
    height: 100%;
    width: 100%;
    top: -13px;
    text-align: center;
}


/* FIN-GERAL */
.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; }


/* Imagens de Fundo (escolha para tela de blinds) */
.blinds_imgs_fundo{
    text-align: center;
}
.blinds_imgs_fundo .blinds_imgs_fundo_img{
    height: 120px;
    line-height: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    padding: 4px;
    border-radius: 3px;
    margin: 5px;
}
.blinds_imgs_fundo .blinds_imgs_fundo_img:hover{ background-color: #e8e8e8 }
.blinds_imgs_fundo .blinds_imgs_fundo_img img{
    vertical-align: middle;
    max-height: 87px;
    max-width: 190px;
}
.blinds_imgs_fundo .blinds_imgs_fundo_img img:hover{ cursor: pointer }
.blinds_imgs_fundo .img_unselected{
    border: dashed 1px #e8e8e8;
    background-color: transparent;
}
.blinds_imgs_fundo .img_selected{
    border: solid 1px #5c99cb;
    background-color: #d5eff9;
}
.blinds_imgs_fundo .icon_group{
    margin-top: 5px;
    font-size: 18px;
}
.blinds_imgs_fundo .icon_excluir{ color: #ababab }
.blinds_imgs_fundo .icon_excluir:hover{ color: #942f29; cursor: pointer }


#modal_blinds_sons .radio {margin: 3px 0 0 -8px !important;}
#modal_blinds_sons .td_audio{padding: 4px 0 0 0;}
#modal_blinds_sons audio{height: 25px; padding: 0; width: 240px; margin-left: -15px}
#modal_blinds_sons audio::-webkit-media-controls-time-remaining-display,
#modal_blinds_sons audio::-webkit-media-controls-current-time-display
{ display: none }





.cores-mesas333 {list-style: none;margin: 0;padding: 0;}
.cores-mesas333:after {content: "";clear: both;}
.cor-mesa333 {
    box-sizing: border-box;
    float: left;
    height: 18px;
    position: relative;
    width: 25px;
}
.cor-mesa333 + .cor-mesa333 {margin-left: 10px;}
.cor-mes333a lab3el {
    background: #fff no-repeat center center;
    bottom: 0px;
    cursor: pointer;
    display: block;
    font-size: 0;
    left: 0px;
    position: absolute;
    right: 0px;
    text-indent: 100%;
    top: 0px;
    white-space: nowrap;
    height: 18px;
}


/* LEITURA DE CARTÕES EXTERNOS */
#modal_card_ext{ z-index: 99999; font-size: 12px; color: #cecece; padding-top: 20px }
#modal_card_ext .card_ext_qd_bts{
    color: #d6ff69;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 50px;
    border-bottom: solid 1px;
    border-top: solid 1px;
}
#modal_card_ext .card_ext_bt{ display: inline-block }
.card_ext_bt + .card_ext_bt{ margin-left: 25px }
#modal_card_ext .card_ext_bt i{ font-size: 50px }
#modal_card_ext .card_ext_bt .card_ext_text{ font-size: 15px }


/* CAMPANHA WSOP - SATÉLITE */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(gfonts/SHXJdWnWW6HDq-6DpcG8PyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(gfonts/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Open Sans Esp';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(gfonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* Modal - PopUp */
#modal_wsop .wsop_qd{
  width: 800px;
  height: 430px;
  background-image: url(../images/camps/wsop_bck.jpg);
  background-position: bottom center;
  background-size: cover;
  text-align: center;
  border: solid 2px #fff;
  font-family: 'Fjalla One', sans-serif;
  color: #fff;
}

#modal_wsop .wsop_top img{
  width: 600px;
  margin-top: 15px;
}
#modal_wsop .wsop_frase1{
  font-size: 16px;
  width: 600px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px;
  border-radius: 10px;
  margin: 10px 0 0 25px;
}
#modal_wsop .wsop_video{
  float: left;
  width: 450px;
  height: 190px;
  margin: 10px 25px 0 25px;
}
#modal_wsop .wsop_frase2{
  float: left;
  width: 260px;
  height: 190px;
  font-size: 18px;
  margin: 25px 0 0 0;
  padding-top: 20px;
}
#modal_wsop .wsop_bt_success{
  font-size: 18px;
  background-color: #2a6e4d;
  padding: 10px 60px;
  border-radius: 50px;
  margin: 15px;
  text-decoration: none;
  color: #fff;
}
#modal_wsop .wsop_bt_success:hover{
  background-color: #1a3d29;
}
#modal_wsop .wsop_bt_cancel{
  font-size: 14px;
}

/* Página da Campanha */
#wsop_pag{
  background-color: #000000;
  background-image: url(../images/sistema/planos/bg_planos_slide.png);
}
#wsop_bck{
  width: 100%;
  background-image: url(../images/camps/wsop_bck.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  color: #fff;
  padding-bottom: 50px;
}
#wsop_bck .wsop_top img{
  margin-top: 40px;
  margin-bottom: 20px;
}
#wsop_bck .wsop_qd_text{
  font-size: 20px;
  width: 90%;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 40px;
  border-radius: 20px;
  margin: 20px 5%;
  font-weight: 500;
  font-family: 'Open Sans Esp', sans-serif;
}
#wsop_bck .wsop_data{
  font-size: 26px;
  color: #ff621d;
  font-weight: bold;
}
#wsop_bck .wsop_titulo1{
  font-size: 26px;
  color: #ff621d;
  margin: 50px 0 15px 0;
  text-align: left;
}
#wsop_bck .wsop_topcs{
  text-align: left;
}
#wsop_bck .wsop_link{
  color: #3997ff;
  font-size: 13px;
}
#wsop_bck .wsop_qd2_text{
  font-size: 20px;
  width: 90%;
  padding: 40px;
  margin: 20px 5%;
  font-weight: 500;
  font-family: 'Open Sans Esp', sans-serif;
}
#wsop_bck .wsop_titulo2{
  font-size: 30px;
  color: #ff621d;
  margin: 0 0 25px 0;
}
#wsop_bck .wsop_qd_etapa{
  width: 20%;
  float: left;
}
#wsop_bck .wsop_qd_etapa i{
  font-size: 80px;
  color: #ff621d;
}
#wsop_bck i.wsop_seta{
  font-size: 30px;
  margin: 30px 2%;
  color: #959595;
  float: left;
}
#wsop_bck .wsop_qd_etapa .wsop_text{
  font-size: 15px;
  color: #fff;
}
#wsop_bck .wsop_qd_frase{
  margin: 200px 0 0 0;
  color: #fff;
}
#wsop_bck .wsop_titulo3{
  font-size: 30px;
  color: #ff621d;
  margin: 50px 0 15px 0;
  font-weight: bold;
}

/* Contador */
#wsop_count_qd{
  display: block;
  width: 180px;
  height: 49px;
  background-image: url(../images/camps/wsop_bck_count.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: fixed;
  right: 0px;
  bottom: 0px;
}
#wsop_count_qd .wsop_count_tit{
  font-size: 8px;
  text-align: right;
  color: #fff;
  margin: 8px 9px 0 0;
}
#wsop_count_qd .wsop_count_rel{
  font-size: 15px;
  text-align: right;
  color: #ff621d;
  margin: 5px 35px 0 0;
  font-weight: bold;
  font-family: 'Fjalla One', sans-serif;
}
#wsop_count_qd .wsop_count_rel .wsop_ext{
  font-size: 10px;
  color: #fff;
  font-family: 'Open Sans Esp', sans-serif;
}
#wsop_count_qd .wsop_count_icon{
  font-size: 17px;
  position: fixed;
  bottom: 2px;
  right: 5px;
  color: #000;
}
#wsop_count_qd:hover .wsop_count_icon{
  color: #ffffff;
}


/*  EVENTOS  */
.nav_title img{
  width: 140px;
  margin: -6px 0 0 4px;
}
.top_nav .logo_evento img{
  height: 45px;
  margin: 6px 15px;
}
.top_nav .titulo{
  margin: 14px 0;
  font-size: 20px;
  font-weight: bold;
}
.top_nav .titulo span{
  font-size: 14px;
  font-weight: normal;
}

.side-menu li{ border-bottom: solid 2px #1e3947 }
.side-menu li.active span{ display: none }
.side-menu li:hover{ background: rgba(0, 0, 0, 0.1); }
.side-menu .child_menu li{
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}
.side-menu .child_menu li:hover{
  background-color: rgba(0, 0, 0, 0.4);
}
.side-menu .fas{
  width: 25px;
}
.side-menu .child_menu li.current-page{
  background-color: rgba(0, 0, 0, 0.45);
}

ul.bar_tabs {
  overflow: visible;
  background: #cacaca;
  height: 38px;
  padding-left: 5px;
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: solid 1px #b3b3b3;
}
ul.bar_tabs > li {
  color: #545454 !important;
  margin-top: 9px;
  background: #e7e7e7;
  border-radius: 4px 4px 0 0;
  margin-right: 5px;
  border: 1px solid #e7e7e7;
  border-bottom: 1px solid #b3b3b3;
  border-left: 4px solid #D3D6DA;
  cursor: pointer;
  -webkit-box-shadow: 0px -5px 6px -4px rgba(43,43,43,0.58);
  -moz-box-shadow: 0px -5px 6px -4px rgba(43,43,43,0.58);
  box-shadow: 0px -5px 6px -4px rgba(43,43,43,0.58);
}
ul.bar_tabs > li.active {
  border: none;
  border: 1px solid #b3b3b3;
  border-left: 4px solid #5685f8;
  border-bottom: solid 1px #f7f7f7;
  background: #f7f7f7;
}
ul.bar_tabs > li:hover {
  background: #f7f7f7;
}

.nav-tabs.nav-scroll-x{overflow-x: hidden !important; overflow-y: hidden !important; display: -webkit-box !important;}
.nav-tabs.nav-scroll-x:hover{overflow-x: auto !important;}
.nav-tabs.nav-scroll-x>li{float: none !important;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar { width: 5px;  height: 3px; }
.nav-tabs.nav-scroll-x::-webkit-scrollbar-button {  width: 0px;  height: 0px;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar-thumb {  background: #0b97c4;  border: 0px none #ffffff;  border-radius: 0;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar-thumb:hover {  background: #0b97c4;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar-thumb:active {  background: #0b97c4;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar-track {  background: transparent;  border: 0px none #ffffff;  border-radius: 0;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar-track:hover {  background: transparent;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar-track:active {  background: transparent;}
.nav-tabs.nav-scroll-x::-webkit-scrollbar-corner {  background: transparent;}
.nav-tabs.nav-scroll-x {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.bar_tabs > li div {
  padding: 4px 6px;
}

.tabs-left li{
  border: solid 1px #d8d8d8;
  border-radius: 0 0 0 10px;
  margin-bottom: 10px;
  background-color: #eeeeee;
  color: #5f5f5f;
  -webkit-box-shadow: 0px 5px 6px -4px rgba(43,43,43,0.58);
  -moz-box-shadow: 0px 5px 6px -4px rgba(43,43,43,0.58);
  box-shadow: 0px 5px 6px -4px rgba(43,43,43,0.58);
  border-right: none;
}
.tabs-left li a{
  color: #5f5f5f;
  background-color: #eeeeee;
  border-radius: 0 0 0 10px;
  border: solid 2px #eeeeee;
  border-right: none;
}

.tabs-left li a:hover{
  color: #5f5f5f;
  background-color: #d8d8d8;
  border: solid 2px #eeeeee;
  border-right: none;
}

.tabs-left li.active > a,
.tabs-left li.active > a:hover,
.tabs-left li.active > a:focus{
  background-color: #6c6c6c;
  color: #fff;
  border: solid 2px #eeeeee;
  border-right: none;
}



.dropdown_acoes .dropdown-menu{
  margin-top: -5px;
  border: 2px solid #D9DEE4;
  min-width: 175px;
}
.dropdown_acoes .dropdown-toggle i{
  font-size: 14px;
  margin-left: 3px;
  margin-top: -2px;
  color: #82572a;

}
.dropdown_acoes .dropdown-menu li a{
  padding: 9px 6px 25px 9px;
}
.dropdown_acoes .dropdown-menu li a:hover{
  background-color: #d1dfe0;
}
.dropdown_acoes .dropdown-menu li a i{
  font-size: 17px;
  margin-right: 10px;
  margin-top: 0;
}
.dropdown_acoes .dropdown-menu li a .titulo{
}





.echopre{
  position: relative;
  top:0;
  left:0;
  z-index: 999999;
  background-color: #ffffff;
  padding: 15px 5px 5px 15px;
  border-radius: 5px;
  border: 8px double #670100;
  margin-top: 5px;
}

.dataTables_wrapper .top .dt-buttons{
  margin: 15px 0 0 15px;
}
.dataTables_wrapper .top .dt-buttons .btn{
  padding: 5px 12px;
  background-color: #9f9f9f;
  color: #fff;
  border: solid 1px #d6d6d6;
  font-weight: normal;
  font-size: 12px;
}
.dataTables_wrapper .top .dt-buttons .btn:hover{
  background-color: #2e4b5d;
}

.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active {
  border: none;
  padding: 0;
}

.co_menu_desabilitado a{
  color: #b3b3b3 !important;
}
.co_menu_desabilitado a:hover{
  color: #b3b3b3 !important;
}


/* Dashboard - clubesonline*/
.co_dashboard_titulo{
  font-size: 20px;
  font-weight: bold;
  margin: 0 15px 25px 15px;
  color: #969696;
  border-bottom: solid 1px #d2d2d2;
  padding-bottom: 5px;
}
.co_dashboard_subtitulo{
  font-size: 14px;
  margin: 0;
  color: #969696;
}
.co_dashboard_titulo_graficos{
  font-size: 15px;
  margin: 0 0 15px;
  border-bottom: solid 1px #d2d2d2;
  color: #969696;
}
.co_dashboard_tag_footer{
  float: left;
  border-radius: 3px;
  padding: 2px 10px;
  color: #fff;
}
.co_dashboard_tag_footer+.co_dashboard_tag_footer{margin-left: 10px}
.co_dashboard_tag_footer.positivo{background-color: #153c60;}
.co_dashboard_tag_footer.negativo{background-color: #641e2b;}
.co_dashboard_tag_footer i{margin-left: 5px; font-size: 20px; float: right}

.co_dashboard_tag_value_qd{ padding: 0 5px}
.co_dashboard_tag_value{
    padding: 3px 10px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 5px;
}
.co_dashboard_tag_value .titulo{
    font-size: 12px;
}
.co_dashboard_tag_value .valor{
    font-size: 17px;
    font-weight: bold;
    margin-top: -7px;
}


.tag_meta_qd {padding: 5px; text-align: left; margin: 7px 0 0 0; border-radius: 5px; }
.tag_meta_qd i{font-size: 18px; margin-left: 5px}
.tag_meta_qd .tag_meta_nome{font-size: 14px; font-weight: bold; margin: 0 0 0 35px}



/* AVISO SUSPENSO */
#gritter-notice-wrapper {
    width: 490px;
    z-index: 1030;
}
@media (max-width:575.98px) {
    #gritter-notice-wrapper {
        width: 320px;
    }
}@media (max-width:359.98px) {
    #gritter-notice-wrapper {
        width: 280px;
    }
}
#gritter-notice-wrapper .gritter-item-wrapper {
     background: 0 0;
     background: rgba(26, 34, 41, 1);
     -webkit-border-radius: 6px;
     border-radius: 6px;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-bottom, body #gritter-notice-wrapper .gritter-item-wrapper .gritter-top {
    background: 0 0;
    display: none;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
    font-family: inherit;
    padding: 12px 95px 12px 15px;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width:575.98px) {
    #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
        padding: 10px 70px 10px 10px;
    }
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-with-image,
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image {
     float: none;
     width: auto;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
    margin: 0 15px 0 0;
    height: auto;
    width: 80px;

}
@media (max-width:575.98px) {
    #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
        width: 36px;
        margin-right: 10px;
    }
}@media (max-width:359.98px) {
    #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
        width: 24px;
    }
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
     font-size: 14px;
     line-height: 20px;
     padding-bottom: 0;
     font-weight: 600;
     color: #fff;
     text-shadow: none;
 }
@media (max-width:575.98px) {
    #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
        font-size: 12px;
        line-height: 18px;
    }
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
     font-size: 11px;
     line-height: 16px;
     letter-spacing: .15px;
     color: #c6ced5;
 }
@media (max-width:575.98px) {
    #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: 0;
    }
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
     left: auto;
     right: 0;
     top: 0;
     bottom: 0;
     background: 0 0;
     width: 80px;
     height: auto;
     display: block!important;
     font-family: inherit;
     border-left: 1px solid rgba(255, 255, 255, .1);
     color: #9ba8b4;
 }
@media (max-width:575.98px) {
    #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
        width: 60px;
    }
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:before {
     content: 'Close';
     position: absolute;
     text-align: center;
     top: 50%;
     right: 0;
     left: 0;
     color: inherit;
     z-index: 10;
     text-indent: 0;
     font-family: inherit;
     font-size: 12px;
     font-weight: 600;
     line-height: 12px;
     margin-top: -6px;
 }
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:focus,
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover {
    color: #fff;
    outline: 0;
}
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-bottom,
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item,
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-top {
    background: rgba(255, 255, 255, .95);
    color: #6f8293;
}
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item .gritter-title {
    color: #2d353c;
    font-weight: 600;
}
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item p {
    color: #4e5c68;
}
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close {
    border-color: #d5dbe0;
    color: #6f8293;
}
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:focus:before,
#gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:hover:before {
    color: #2d353c;
}
#gritter-notice-wrapper .gritter-item-wrapper.without-rounded-img .gritter-item .gritter-image {
    -webkit-border-radius: 0;
    border-radius: 0;
}
#gritter-notice-wrapper .notif-img-logo img{width: 100px; margin-bottom: 5px;}
#gritter-notice-wrapper .notif-title{margin: 2px 0 0 0; font-size: 12px}
#gritter-notice-wrapper .notif-border{border-bottom: dashed 1px #4e5a61; margin: 5px 0}
#gritter-notice-wrapper .notif-text{font-size: 11px}
#gritter-notice-wrapper .notif-text-value{font-size: 13px; color: #da9536}
#gritter-notice-wrapper .btn{margin-right: 10px}

.btn-group-fa{
    min-width: 27px;
}

.langTranslate{
    border: solid 1px red !important;
    background-color: #ffe6e5 !important;
    color: #000 !important;
}
.langTranslateIcon{
    margin-left: 5px !important;
}