/****** Generales ***********/
body{
	font-family: 'Lato', sans-serif;
}

a{
    cursor: pointer;
}

td{
	padding:4px !important;
}

th {
    text-align: center !important;
}

iframe{
    width: 100%;
    height: 100%;
}
embed{
    width: 100%;
    height: 100%;
}

.white{
	color:white !important;
}
.red{
    color: red !important;
}
.vino{
    color: #a52714 !important;
}
.green{
    color: green !important;
}
.form-control:focus {
    border-color: #a52714 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #a52714 !important;
}

.font16{
    font-size: 16px;
}


/******** sombras ********/
.sombra1{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.sombra2{
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sombra3{
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

/******* index *********/
.tituloIndex{
    color: #a52714;
    padding-top: 2em;
}
.fill {
    width: 100%;
    height: 100%;
    background-color: white;
}
.loginBox{
    margin-top: 3em;
    border-style: solid;
    border-width: 3px;
    border-color: #a52714;
}

/***** menu principal *****/
.barraMenu{
    background: white;
    border-bottom-color: #a52714;
    border-bottom-style: solid;
}
.cerrarSesion{
    color: red !important;
    font-size: 18px;
}
.cerrarSesion:hover{
    color: #D00606  !important;
    font-size: 18px;
}
.opciones:hover{
    color: #a52714 !important;
    border-bottom-style: solid;
    border-color: #a52714 !important;
}
.opcionActiva{
    color: #a52714 !important;
    border-color: #a52714 !important;
    border-bottom-style: solid;
}
.navbar .navbar-nav { /*elementos del menu en el medio*/
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse { /*elementos del menu en el medio*/
  text-align: center;
}

/********* Generales en los modulos *****************/

@media only screen and (min-width: 992px){ /*para pantallas grandes*/
    .modal-lg {
        width: 1100px;
    }
}

.h100{
    height: 100% !important;
}

.dataTables_paginate a{
    margin: 3px !important;
}

.panel_busqueda{
    padding-top: 1em;
    padding-bottom: 1em;
}

.center-align{
    text-align: center !important;
}

.right-align{
    text-align: right !important;
}

.divBotonesBuscarClub{
    padding-top: 2em;
}

#inputBuscar{
    margin-top: 1.55em;
}

.divResultados .dataTables_filter{
    display: none !important;
}

.btnEditar{
    width: 2em;
    height: 2em;
    padding: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btnConsultar{
    width: 2em;
    height: 2em;
    padding: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btnReservar{
    width: 2em;
    height: 2em;
    padding: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btnAgregar{
    margin-top: 1.5em;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modalAgregar{
    background: #5CB85C;
    color: white;
}
.modalEditar{
    background: #f0ad4e;
    color: white;
}
.modalConsultar{
    background: #5bc0de;
    color: white;
}
.tituloTablas{
    color: #A52714;
    text-align: center;
}

.alert-danger{
    color: #FFFFFF;
    background-color: #D20000;
    border-color: #D20000;
}

.green{
    color: green !important;
}
.red{
    color: red !important;
}
.white{
    color: white !important;
}
.btnInformes{
    border-radius: 4px !important;
    text-transform: uppercase !important; 
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    background-image: none !important;
}
.btnInformes:hover{
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}
.validaciones{
    color: red;
    text-align: center;
}
.mensajeValidacion{
    color: red;
    text-align: center;
}
.mensajeValidacionEditar{
    color: red;
    text-align: center;
}
.atras{
    font-size: 36px;
    margin-top: 0.6em;
    color: black;
    border-color: white;
    border-radius: 200px;
    cursor: pointer;
}
.atras:hover{
    border-color: #A7A7A7;
    color: #A7A7A7;
}
.check{
    margin-top: 20px;
}
.modal {
  overflow-y:auto;
}
.vitacora{
    color: #404040;
    font-size: 12px;
}
/********* EMPRESA *****************/
.editarEmp{
    margin-top: 1.5em;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cuadroEmp{
    border-style: solid;
    padding: 10px;
    border-radius: 10px;
    border-width: 1px;
    margin-top: 2em;
    border-color: #F0AD4E;
}
/******** CLUBES *************/
#botonSubmitClub{
    margin-top: 2em;
    width: 50%;
}
.datosClub{
    background-color: #F8F8F8;
}
.datosClub b{
    color:#A52714;
}
.form-control[readonly]{
    background-color: white !important;
}
.dinero{
    color: green;
    font-weight: bold;
    font-size: 24px;
}
.saldo{
    color: #ff9800;
    font-weight: bold;
    font-size: 24px;
}
.modalAnular{
    background: #d9534f;
    color: white;
}
.modalAnularRecibo{
    background: #FF9800;
    color: white;
}
.modalPremiar{
    background: #337ab7;
    color: white;
}
.btnAnularRecibo2{
    background: #FF9800;
}
.btnAnularRecibo2:hover{
    background: #e08600;
}
/************ LISTAS ********************/
.venNombre{
    font-size: 11px;
}
.msgSubrayado{
    background:gold;
    width:50%
}
.filaNoDisponible{
    background:gold;
}
.filaNoDisponible:hover{
    background:gold !important;   
}
.vitacoraReserva{
    font-size: 12px;
    color: black;
}
/*********** PREMIACIONES ******************/
.agregarSorteo{
    border-style: solid;
    border-radius: 10px;
    padding: 10px;
    border-color: #A52714;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/********** COMISIONES **********************/
.totales{
    border-top-style: solid !important;
    border-top-color: black !important;
    border-top-width: 2px !important;
}
.nombreVen{
    font-size: 20px;
    font-weight: normal !important;
}
.totalComisiones{
    color: green;
    font-size: 20px;
}
/******** IMPUESTOS **************/
.totalImp{
    font-weight: bold;
    color: #a52714;
}
/**************** CONSULTA DE CAJA ******************/
.cajaBox{
    border-bottom-style: solid;
    border-bottom-color: #a52714;
}
.mostrarCaja{
    margin-top: 2em;
}
.filaTotal{
    background: #f5f5f5;
    border-top-style: solid;
}
.tablaTituloRep{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
    text-align: left;
}
/**************** ESTADISTICAS****************/
.mostrarEst{
    background: #f1f2f7;
    margin-top: 15px;
}
.detallesEst{
    cursor: pointer;
}
.detallesEst:hover{
    color: #a52714;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}