/* **********
    Resetting styles
    ****************************************************** */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* ==========================================================================
   Modificación del jquery-ui 
   ========================================================================== */
ul.ui-widget-header{
	background: rgb(255,255,255);
	font-size: 12pt;
	font-weight: normal;
}
li.ui-state-default, .ui-corner-top, .ui-tabs-active, .ui-state-active{
	font-weight: normal;
}
li.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
li.ui-state-active, li.ui-widget-content li.ui-state-active, li.ui-widget-header li.ui-state-active{
	font-weight: normal;
}
li.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	font-weight: normal;
}
.ui-tabs div.ui-tabs-panel{
	border:1px solid #4297d7;
	border-radius: 5px;
	overflow: hidden;
}
ul.ui-tabs-nav{
	border:0px;
}


.form-group {
	margin: 0px 4px 0px 0px;
/*    clear:left;*/
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

a{
    color: blue;
}
/*Agenda*/
div.mes ul{
	list-style: none;
}
ul.locales{
	list-style: none;
	background-color: beige;
	padding: 5px;
	border-radius: 10px;
}
ul.eventos{
	list-style: none;
	background-color: beige;
	padding: 5px;
	border-radius: 10px;
}
.elementoeventos{
	height: 14px;
    display: table;
}
.pruebaconplatoscomunion{
    background: #b3b3b3;
}
.pruebaconplatos{
    background: lightgreen;
}

.coloragenda{
	color:#1abc9c;
}
.diasdelasemana{
	display: flex;
}
.celdasdelasemana{
	display: flex;
}
.diadelmes{
	padding-right: 5px;
	text-align: right;
}
.lunes, .martes, .miercoles, .jueves{
	width: 10%;
}
 .viernes, .sabado, .domingo{
 	width: 20%;
 }

.celdadia{
	/*height: 20%; */
    height: 15vh; 
	min-height: 150px;
	border: 1px solid #1abc9c; 
	/*margin: 3px;*/
	position:relative;
	padding-left: 0px;
	padding-right: 0px;
}
.celdadiavacia{
	/*height: 20%; */
    height: 15vh; 
	min-height: 150px;
}
.divlistaeventos{
	/*height: 60px;*/
    height: 75%;
	overflow: overlay;
	padding-left: 0px;
}
.botanyadircita{
	position: absolute;
	bottom: 5px;
	right:5px;
}

div.agenda ul {list-style-type: none;}
div.agenda {font-family: Verdana, sans-serif;}

div.agenda ul.listaeventos
{	
	list-style-type: None;
	padding-left: 10px;
	font-size: 9pt;
}

/* Month header */
.mes {
    padding: 10px 5px;
    width: 100%;
    background: #1abc9c;
}

/* Month list */
.mes ul {
    margin: 0;
    padding: 0;
}

.mes ul li {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/* Previous button inside month header */
.mes .prev {
    float: left;
    padding-top: 10px;
}

/* Next button */
.mes .next {
    float: right;
    padding-top: 10px;
}

/* Weekdays (Mon-Sun) */
.diasemana {
    margin: 0;
    padding: 10px 0;
    background-color:#ddd;
}

.diassemana li {
    display: inline-block;
    width: 13.6%;
    color: #666;
    text-align: center;
}

/* Days (1-31) */
.dias {
    padding: 10px 0;
    background: #eee;
    margin: 0;
}

.dias li {
    list-style-type: none;
    display: inline-block;
    width: 13.6%;
    text-align: center;
    margin-bottom: 5px;
    font-size:12px;
    color:#777;
}

#contenedor_login{
	position:absolute;
	height: 316px;
	width:210px;
	z-index:5;
	opacity:0.85;
	top:50%;
	left:50%;
	margin-top: -168px;
	margin-left: -105px;
	background-color: white; 
}

header {
	font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
	font-size: 14pt;
}

body{
	font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
	font-size: 10pt;
	padding-top: 3px;
	/*background-image: url("{% static 'img/logo_singota.png'%}");*/
}

.inputbusqueda{
 	width: 100%;
 }
 
.modal{
	font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
	font-size: 10pt;
}
.modal-dialog{
	width: 1200px;
}

.numberinput{
	text-align: right;
}

#titulocabeceramenu{
	color:rgb(255,255,255);
	font-size: 9pt;
}
#cabeceramenu{
	background-color: rgb(51,153,204);
	border:0px;
	border-radius: 0px;
	font-size: 9pt;
}
#cabecerausuario{
	min-height: 50px;
	padding-top: 15px;
}
.colorusuariocabecera{
	color:#FAB219;
}
.navbar-header{
	margin-bottom: 0px;
}
.navbar-nav{
	font-size: 12pt;
}
.dropdown-toggle{
	font-size: 12pt;
	color: black;
}
.dropdown-menu{
	font-size: 12pt;
}
.navbar-default .navbar-nav > li > a{
	color: rgb(51,153,204);
}
h1{
	font-size: 14pt;
}
legend{
	font-size: 12px;
}

div{
	margin-bottom: 1px; 
	/*10px*/
}

div.sincabecera{
	margin-top: 50px;
	margin-bottom: 1px;
	/*10px*/
}

div.labelfuentemedio .control-label{
	font-size: 10pt;
	/*12px*/
}

div.fuentepequena{
	font-size: 8pt
}
tr.fuenteresaltada td label{
	font-size: 14pt
}
tr.fuentepequena td label{
	font-size: 8pt	
}
span.resaltado{
	font-size: 60pt;
}
label.resaltado{
	font-size: 22pt;
}
.control-label{
	font-size: 10pt;
	font-weight:inherit;
	padding: 0px;
}

.formColumn{
	padding:0px; 
}
p.titulo {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 12pt;
}


#tabs{
	margin: 0px;
	border:0px;
	padding: 0px;
	/*border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border:0;*/
	}
#id_codigo{
	max-width: 130px;
}


div.pantalla {
	border:2px solid;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-color: rgb(51,153,204);
	min-height: 500px;
	background: aliceblue; 
	/*rgb(238, 240, 240);*/
}

div.pantallabusqueda {
	border:2px solid;
	border-radius: 25px;
	border-color: rgb(51,153,204);
	min-height: 500px;
}

div.recuadro {
	border:2px solid;
	border-radius: 10px;
	border-color: rgb(51,153,204);
}

.tabla{
	border:2px solid;
	border-radius: 10px;
	border-color: rgb(51,153,204);
}
.tablacabecera{
	border:2px solid;
	border-radius: 0px;
	border-color: rgb(51,153,204);
	background-color: rgb(218,218,218);
	color: rgb(111,111,111);
}
.tablaceldainput{
	padding-top: 5px;
	border:2px solid;
	border-radius: 10px;
	border-color: rgb(51,153,204);
}

.sinmargenes{
	padding: 0px;
	margin: 0px;
}

.lista a{
	font-size: 11pt;
}
.lista .titulo{
	text-align: center;
	font-style: italic;
	/*padding-left: 0px;*/
}
.lista{
	background: honeydew;
	border-radius: 10px;
	border: 1px solid rgb(51,153,204);
	margin-top: 17px;
	margin-bottom: 17px;
}

.lista ul li{
	list-style:none;
}

div.menuacciones {
	padding: 0;
	padding-left: 5px;
}
div.menuacciones ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
label.lblacciones{
	font-weight: normal;
	font-size: 16pt;
}
.botonaccion{
	border: 0px;
	color:rgb(51,153,204);
	font-size: 16pt;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}

.cabecera-tabla{
	padding-left: 0px;
	padding-bottom: 4px;
	text-align: left;	
	/*text-decoration:underline;*/
	font-size: 12pt;
	/*font-weight: inherit;*/
}
td.celda-tabla a{
	font-size: 12pt;
	font-weight: inherit;
}
td.crear a{
	/*text-decoration:underline;*/
	font-size: 10pt;
	color: rgb(51,153,204);
}
td.paddinglateralreducido{
	padding-left: 1px;
	padding-right: 1px;
}
.boton{
	border-color: rgb(51,153,204);
	color: 	rgb(51,153,204);
}
div.separado{
	padding-top: 15px;
	padding-bottom: 15px;
} 

.columna{
	vertical-align: top;
}
.textInput{
	border-color: rgb(51,153,204);
}
.textarea{
	border-color: rgb(51,153,204);
}
.form-control{
	border-color: rgb(51,153,204);
}

.fondocolorestandard{
	background-color: rgb(51,153,204)
}
.ancho62-6porc{
	width: 62.6%;
}
.derecha{
	text-align: right;
}
.centrado{
	text-align: center;
}

div.centradovertical{
	vertical-align: middle;
}

#pestanas {
    float: top;
    font-size: 3ex;
    font-weight: bold;
}

#pestanas ul{
    margin-left: -40px;    
}

#pestanas li{
    list-style-type: none;
    float: right;
    font-size: 10pt;
    text-align: center;
    margin: 0px 2px -2px -0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 2px solid rgb(51,153,204);
    border-bottom: white;
    padding: 0px 20px 0px 20px;
}

#pestanas a:link{
    text-decoration: none;
    color: black;
}

#contenidopestanas{
    clear: both;  
    padding: 20px 0px 20px 20px;
    border-radius: 5px;
    border-top-left-radius: 0px;
}

#bg{
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}

/*impresión de la factura */
.imprimirdatoscabecera{
	font-size: 8pt;	
}
.cabeceraimpresion{
	font-size: 10pt;
}

.factura{
    font-size: 10pt;
}
.codigofactura{
    font-size: 18pt;
}

.factura .resaltado{
 	font-size: 12pt;
    font-weight: bold;	
}
.ventanafactura{
	border-radius: 5px;
    border: 1px solid rgb(171, 171, 171);
    padding: 5px;
    font-size: 10pt;
}
.ventanafactura .resaltado{
 	font-size: 12pt;
    font-weight: bold;	
}
.cuerpofactura{

}
.cabeceratablafactura{
	border-top: 1px solid rgb(171, 171, 171);
	border-bottom: 1px solid rgb(171, 171, 171);
	font-size: 12pt;
    font-weight: bold;		
    height: 18px;
}

.cuerpotablafactura{
	border-top: 1px solid rgb(171, 171, 171);
	border-bottom: 1px solid rgb(171, 171, 171);
	margin-bottom: 10px;
}
.lineatablafactura{
	border-top: 1px solid rgb(245, 245, 245);
	font-size: 10pt;
}
.lineatablafactura td p{
	margin-top: 10px;
}
.piefacturatablafactura{
	font-size: 10pt;	
}
.pietablafacturatotal{
	font-size: 12pt;
    font-weight: bold;		
}
.lpdatfactura{
	font-size: 5pt;
}
.inscripcionfactura{
	text-align: center;
	font-size: 6pt;
}

.fijo{
    position: fixed;
}
#img_menu{
	position: fixed;
	bottom: 0px;
	right: 0px;
}
.margenminimo{
	padding-right: 5px;
}

table tbody tr td {
	font-size: 10pt;
}

.titulo_listado{
	text-align: right;
	font-size: 14pt;
	font-weight: bold;
}

.subtitulo_listado{
	text-align: right;
	font-size: 8pt;
}

.totales_listado{
	font-weight: bold;
	border-top: 1px solid;
}


/*Presupuestos*/
.container_grupos{
	display:flex;
	/*height:100vh;*/
    flex-direction:column; 
}
.box_grupos{
	color: black;
	font-size: 10pt;
	text-align: center;
	text-shadow: 4px 4px 0 rgba(0,0,0,0,1);
	padding: 10px;
	background-color: rgb(102, 188, 230);
}
.container_articulos{
	display:flex;
    /*flex-direction: column;*/    
	/*height:200vh;*/
	flex-wrap: wrap; 
}
.box_articulos{
	min-width: 75px;
	width: 10%;
    height:100px;
	border:1px solid goldenrod;
	padding: 4px;
	margin: 2px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 8pt;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

/*COLORES*/
.colorestandard{
	color: rgb(51,153,204);
}
.negro{
	color:#000000;
}
 .blanco{
	color:rgb(255,255,255);
}
.azul{
	color:#a7e9fd;
}
.azuloscuro{
	color:#31708f;
}
.rojo{
	color:red;
}
.verde{
	color:green;
}
.amarillo{
	color:#e78f08;
}
.naranja{
	color:orange;
}
.marron{
    color:brown;
}

		COLORES=((0,'blanco'),(1,'negro'),(2,'amarillo'),(3,'amarillo_claro'),(4,'verde'),(5,'verde_claro'),
			(6,'azul'),(7,'azul_claro'),(8,'rojo'),(9,'rojo_claro'),(10,'rosa'),(11,'rosa_claro'),(12,'gris'),
			(13,'gris_claro'),(14,'naranja'))

.fondo_negro{
	background:#000000;
}
.fondo_blanco{
	background:rgb(255,255,255);
}
.fondo_azul{
	background:#a7e9fd;
}
.fondo_azul_claro{
	background:lightblue;
}
.fondo_azuloscuro{
    background:#4692b7;
}

.fondo_rojo{
	background:red;
}
.fondo_rojo_claro{
	background:rgba(255, 0, 0, 0.5);
}
.fondo_rojo_muyclaro{
    background:rgba(251, 186, 186, 0.5);
}


.fondo_verde{
	background:#56e056;
}
.fondo_verde_claro{
    background:lightgreen;
}
.fondo_verde_muyclaro{
    background:#e3fce3;
} 
.fondo_amarillo{
	background:yellow;
}
.fondo_amarillo_claro{
	background:rgba(255, 255, 0, 0.33);
}
.fondo_rosa{
	background:pink;
}
.fondo_rosa_claro{
	background:lightpink;
}
.fondo_gris{
	background:grey;
}
.fondo_gris_claro{
	background:lightgrey;
}
.fondo_naranja{
	background:orange;
}
.fondo_morado{
    background:blueviolet;
}
.fondo_morado>a{
    color:white;
}
.fondo_fucsia{
    background:deeppink;
}

.table-striped > tbody > tr.fondo_negro > td{
    background:#000000;
}
.table-striped > tbody > tr.fondo_blanco > td{
    background:rgb(255,255,255);
}
.table-striped > tbody > tr.fondo_azul > td{
    background:#a7e9fd;
}
.table-striped > tbody > tr.fondo_azuloscuro > td{
    background:#4692b7;
}
.table-striped > tbody > tr.fondo_azul_claro > td{
    background:lightblue;
}
.table-striped > tbody > tr.fondo_rojo > td{
    background:red;
}
.table-striped > tbody > tr.fondo_rojo_claro > td{
    background:rgba(255, 0, 0, 0.5);
}

.table-striped > tbody > tr.fondo_verde > td{
    background:#50d224;
}
.table-striped > tbody > tr.fondo_verde_claro > td{
    background:lightgreen;
}
.table-striped > tbody > tr.fondo_amarillo > td{
    background:yellow;
}
.table-striped > tbody > tr.fondo_amarillo_claro > td{
    background:rgba(255, 255, 0, 0.33);
}
.table-striped > tbody > tr.fondo_rosa > td{
    background:pink;
}
.table-striped > tbody > tr.fondo_rosa_claro > td{
    background:lightpink;
}
.table-striped > tbody > tr.fondo_gris > td{
    background:grey;
}
.table-striped > tbody > tr.fondo_gris_claro > td{
    background:lightgrey;
}
.table-striped > tbody > tr.fondo_naranja > td{
    background:orange;
}

.inputlargo{
	width: 500px;
}

.table > tbody > tr.seleccionado > td{
    background-color: #67f572;
}
.nopadding{
    padding: 0px 0px;
}

/*Pongo para el modal de esperando*/
/*url('http://i.stack.imgur.com/FhHRx.gif') */
#modal_esperando {
    border:0;
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://www.frasor.es/penalen.gif') 
                50% 50% 
                no-repeat;
}
.modal_contenido{
  width:700px;
  padding: 10px 20px;
  margin: 20% auto;
  position: relative;
}
.modal_esp{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all 1s;
}
.mimodal_activo{
  opacity:1;
  pointer-events:auto;
}
.mimodal_noactivo{
  opacity:0;
  pointer-events:none;
}

.flex_columna{
    display:flex;
    flex-direction:column; 
}

.flex_fila{
    display:flex;
    flex-direction: row;
    border:1px solid lightgray;
}
.cabeceratabla{
    background-color: lightgray;
}
.filatabla{
    background-color: white;
}
.seleccionada{
    background-color: yellowgreen;
}
.claseanyo{
    max-width: 100px;
}
.draggable{
    cursor:move;
}

.lblfijo{
    width: 75px;
}

/*Menaje*/
legend.grupo{
    font-size: 20pt;
}
tr.elemento td{
    font-size: 18pt;   
    border-bottom: 1px dotted #4297d7;
}
/*Plato*/
tr.plato td{
    border-bottom: 1px dotted #4297d7;
}
tr.plato td.platonombre{
    font-size: 12pt;       
}
tr.plato td.platoimporte{
    font-size: 16pt; 
    text-align: right;      
}

.botonredondo{
  width:30px;
  height:30px;
  background-color:#03800b;
  margin: 5px;
  padding:10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size:11px;
  line-height:32px;
  text-transform: uppercase;
  float:left;
}
.botonredondo:hover{
  opacity: 0.50;
  -moz-opacity: .50;
  filter:alpha (opacity=50);
}
.botonredondo a{
  color:#fff;
  text-decoration:none;
  padding:5px 5px 5px 0;
}
.abajo{
    position: fixed;
    bottom: 0;
    width: 100%;    
}
.grupocompras{
    font-size: 2em;
}
.subgrupocompras{
    font-size: 1.75em;
}
.familiacompras{
    font-size: 1.5em;
}

.cabeceraevento{
    text-align: center;
    border:1px solid #4297d7;   
    border-radius: 10px;
    background-color: aliceblue;
    font-size: 12pt; 
}
.botonvistacliente{
    min-height: 65px;
    font-size: 10pt;
    border-radius: 100pt;
}
.divcontrato_vistacliente{
    background-color: white;
    text-align: justify;
    border:1px solid black; 
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.borde{
    border:1px solid black; 
}
.elemento_modifcliente{
    background-color: #f4e5c9;
    text-align: justify;
    border:1px solid black; 
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;   
    display: inline-block;
}

/*RELOJ*/
.clock {
    color: #3daac3;
    font-size: 40px;
    letter-spacing: 7px;
}

/*Pantalla listados*/
.cajaconsombra{
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  margin-bottom: 15px;
}
.cajaconsombra_boton{
  margin: 10px;
  float: right;
}
.cajaconsombra_boton_izq{
  margin: 10px;
}

.cajaconsombra2{
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  margin-bottom: 15px;
}

.cajaconsombra3{
  -webkit-box-shadow: 2px 2px 5px 0px rgba(222, 219, 219,1);
  -moz-box-shadow: 2px 2px 5px 0px rgba(222, 219, 219,1);
  box-shadow: 2px 2px 5px 0px rgba(222, 219, 219,1);
  margin-top: 15px;
  margin-bottom: 15px;
}