boxdy {background-color: #E4E6E9 !important;}


.btnblack {

    background-color: black;
    color: white;
    margin:10px;
}

.btn-default2 {
    color: #fff !important;
    background-color: black !important;
    border-color: #ccc !important;
}

a.linkcustom {color:white !important;}

.btntop { border-radius:0px; border: 0px; color:white !important; background-color:#222222; height: 50px;}
.btntop:hover {background-color: #555 !important; height: 100%;}
.notificacao {background-color:#52ff02 !important; color:black !important;}


.linkeuvou li a { color:#00d769 !important; }

.marcador { width: 10px; height: 25px; float: left; border-left: 5px solid #555; vertical-align: middle; }


.colorcinza {color:#555;}

.btnincluir {background-color: #00d769 !important; border-radius: 0px; border:0px;}
.btnbuscar {background-color: #555!important; border-radius: 0px; border:0px;}
.btngravar {background-color: #222222; color:white; !important; border-radius: 0px; border:0px;}
.btngravar:hover {background-color: #52ff02 !important;}

.spancampo {font-size: 14px; font-weight: bold; color: #555; padding-left:20px;}

.icoeditar:hover { color: #00d769 !important; }
.icoeditar {color:#555;}

.icoexcluir:hover { color: #ff092d !important; }
.icoexcluir {color:#555;}

.linkpag li a { color:#00d769 !important; }

.linkpag li a:hover { background-color:#555!important; }

.btnhover:hover {background-color: #00d779; color: black; }


.thumbnail_live {
    display: block;
    /* padding: 4px; */
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    box-shadow: 0 0.125rem 0.1875rem 0 rgba(0,0,0,.11);
    transition: box-shadow .2s cubic-bezier(.4,0,.2,1);
    /*min-height: 350px;*/
}

.caption_live {
    padding-top: 10px;}

.nav-euvou>li.active>a, .nav-euvou>li.active>a:focus, .nav-euvou>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: transparent;
    border: 0px solid #ddd;
    border-bottom: 2px solid #00d769;
    font-weight: bold;
    font-size: 17px;
    height:48px;
    xline-height: 1.92857143;
}
.nav-euvou>li>a:hover {
    margin-right: 2px;
    xline-height: 1.92857143;
    bordexr: 1px solid #00d769;
    border-radius: 0px;
    background-color: #00d769;
    color:white;
         height:48px;  
}

.nav-euvou>li>a {
    x-height: 1.92857143;
    color:#777;
}

.nav-euvou>li {
      xline-height: 1.92857143;
    font-size: 17px;
}
.dot{
  position:absolute;
  right:0%;
  top:1%;
  content: attr(data-count);
  font-size:70%;
  padding:.6em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width:2em;
  font-weight:bold;
}
.nav-tabs>li>a {
    
       box-shadow: none;
       background-color:transparent;

}
.nav-tabs>li.active>a {
    
       box-shadow: none;
       background-color:transparent;

}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
   box-shadow: none;
   background-color:transparent;
}
.tab-content{
    padding:0;
    overflow:visible;
    border-right:solid 0px #ff0000;
    border-left:solid 0px #ff0000;
    border-bottom:solid 0px #ff0000;
}

.btn-white{
    width:100%;
}

.badge { 
    margin-bottom: 6px !important;
    margin-left: 0px !important;    
    padding: 4px 7px !important;
     opacity: 1;
}
.badge-danger{
   opacity: 1;
}
.mensagemagora { background-color: #222; color:white; margin-bottom: 0px; border-radius: 0px; padding: 0px; }
button.close {     opacity: 1.2 !important; }

.mensagemagoraaovivo { background-color:none; color:#ff0000 !important; text-decoration: none !important;}
.mensagemagoraaovivo:hover { background-color:none; color:#fff !important; text-decoration: none !important;}
.mensagemliberadoaovivo { background-color:none; color:#ff0000 !important; border:1px solid #ff0000; padding: 8px; text-decoration: none !important;}
.mensagemliberadoaovivo:hover { background-color:#ff0000; color:white !important; border:1px solid #ff0000; padding: 8px; text-decoration: none !important;}

.mensagemencerrado { background-color:none; color:#333 !important; border:1px solid #333; padding: 8px; text-decoration: none !important;}
.mensagememinstantes { background-color:none; color:#00d769 !important; border:1px solid #00d769; padding: 8px; text-decoration: none !important;}
.mensagemem_pendente { background-color:none; color:#FF8C00 !important; border:1px solid #FF8C00; padding: 8px; text-decoration: none !important;}


/*painel de status de acesso por item comprado HOME EUVOU  */
.mensagemliberado { background-color: #00d769; color:white; border:0px; padding: 8px;}
.mensagemok { background-color: black; color:white; border:0px; padding: 8px;}
.mensagempendente  { background-color: #FF8C00; color:white; border:0px; padding: 8px; }
.mensagemcancelada {background-color: #FF0000; color:white; border:0px; padding: 8px;}
.mensagemico {vertical-align: middle;}

.mensagemliberado2 { background-color: white ; color:#00d769; border:1px; padding: 0px;     border-color: #00d769;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    border-radius: 0px; }


.mensagemconviteliberado {background-color: #3CB371; color:white; border:0px; padding: 8px; border: 0; border-radius: 0px;}

.panel-title>a { text-decoration: none; }

/*validação de voucher ou convite */
.panelvalidacao { border:0px; }
.panel-bodyvalidacao {background-color:white; border:0px;}

.formcodigo { border-bottom: 1px solid #333; border-right: 0px; text-align:center; border-left: 0px; border-top: 0px; color:#333; font-size: 16px; box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important; }
.botaovalidar {background-color: black; color: white; border:0px;}
.botaovalidar:hover {background-color: #00d769; color: white; border:0px;}

/*Home euVou Categorias */

.panel-titlecategorias> a {text-decoration: none; font-size: 32px; color: #25272D;}
.panel-titlecategorias> a:hover {color: #aaaaaa;}

.panel-custom {background-color:#E4E6E9 !important; border: 0px; box-shadow: 0 0px 0px;}

.panel-custom2 {background-color:#f5f5f5 !important; border: 0px; box-shadow: 0 0px 0px;}

.btncomprar {background-color:black; color:white; font-size: 15px; font-weight: bold; border:0px;}
.btncomprar:hover {background-color:#00d769; color:white; font-size: 15px; font-weight: bold; border:0px;}


.navbar-form {
    margin-top: 25px; }

.btnyes { background-color:white; color:#777; border-radius: 50px; padding: 10px; border:1px solid #777; }
.btnyes:hover, .btnyes:focus, .btnyes:focus { background-color: #00d779; color:white; border:1px solid #00d779;  }

.btnno { background-color:white; color:#777; border-radius: 50px; padding: 10px; border:1px solid #777; }
.btnno:hover, .btnno:focus, .btnno:focus { background-color: #FF8C00; color:white; border:1px solid #FF8C00; }


.btnnext { background-color:#00d779; color:white; border-radius: 50px; padding: 10px; }
.btnnext:hover, .btnnext:focus, .btnnext:focus { background-color: #333; color:white;}

.btn-vagaeuvou {
    color: #999;
    background-color: transparent;
    border-color: transparent;
}

.btn.active {    
    color: #00d779;
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow:none;
}



@media screen and (max-width: 480px) {

    .panel-titlecategorias> a {text-decoration: none; font-size: 16px;  color: #25272D;}

    .nav-euvou>li {
    width: 100%;
    align-items: center;
    text-align: center;
    font-size: 14px;
    }

    .form-group {width: 80%;}

}


/*Footer */

footer { 
    background-color: white;
   
    width: 100%;}