/* WRITE YOUR CSS CODE HERE */

/* INICIO FILTRO */
legend{
	font-size: 11px !important;
	cursor: n-resize;
	font-weight: normal !important;
	color:#999 !important;
	padding: 0 4px 0 4px;
}

legend img{
	width:10px;
}

fieldset.filtro{
	border-radius: 6px !important;
	font-size: 11px;
	color: #666;
}

fieldset.filtro input{
	border-radius: 6px !important;
	font-size: 12px !important;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	color:#333;
	padding: 2px 0 2px 2px;
}

fieldset.filtro textarea{
	border-radius: 6px !important;
	font-size: 12px !important;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	color:#333;
}

fieldset.filtro select{
	border-radius: 6px !important;
	font-size: 12px !important;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	color:#333;
	padding: 1px 0 1px 0;
}

fieldset.noborder{
	border: none !important;
	padding:0px !important;
}

fieldset.noborder table{
	padding:0px !important;
}
/* FIN FILTRO */


/* INICIO FORMULARIOS */
fieldset.form{
	border-radius: 6px !important;
	font-size: 11px;
	color: #666;
}

fieldset.form input{
	border-radius: 6px !important;
	font-size: 12px !important;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	color:#333;
	padding: 2px 0 2px 2px;
}

fieldset.form textarea{
	border-radius: 6px !important;
	font-size: 12px !important;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	color:#333;
}

fieldset.form select{
	border-radius: 6px !important;
	font-size: 12px !important;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	color:#333;
	padding: 1px 0 1px 0;
}
/* FIN FORMULARIOS */


/* INICIO LISTADO */
table.listado{
	border: none !important;
}

table.listado tr th{
	border: 1px solid #09F !important;
}

table.listado tr td{
	border: none !important;
}

table.listado td:last-child img{
	cursor: pointer;
}


/* FIN LISTADO */


/* INICIO PAGINACION */
table.tblPagination{
	border: none !important;	
}
table.tblPagination td{
	border: none !important;	
}
table.tblPagination td.pages img{
	vertical-align:-3px;
}
table.tblPagination td.pages a.cursor{
	cursor:pointer !important;
}
table.tblPagination td.pages a.active{
	cursor:default;
}
/* FIN PAGINACION */

.botonExcel{cursor:pointer;}

.cursor{
	cursor:pointer;	
}

#list .filtro{
	cursor:n-resize;
}

#list table{
	width:100%;
}

#list #filter-options{
	color:#666;
	font-size:11px;
	/*margin-top:-10px;*/
}

table.style2{
	border:none !important;
}

table.style2 td{
	border:none !important;
}
table.spacing td{
	border:2px solid #FFF !important;
}
table.spacing td.destacado{
	height:20px !important;
}

td.destacado{
	height:30px;
	color:#FFF;
	text-align:center;
	background: url('../design/bg_p_destacado.png') repeat-x #1199e3;
	vertical-align:middle;	
}

table.style2 td.destacado{
	height:30px;
	color:#FFF;
	text-align:center;
	background: url('../design/bg_p_destacado.png') repeat-x #1199e3;
	vertical-align:middle;	
}

table.style2 td.titlebg{
	background: url('../design/bg_title_span.png') repeat-x;
	color:#FFF;
	padding-left:5px;
	height:15px;
	padding-top:0px !important;
}

table.style2 tr.border{
	border: 1px solid #CCC !important;
}

#listadoPromociones div.item>table td{
	vertical-align: top;
}

#listadoPromociones div.item>table td{
	/*padding: 7px 15px;*/
}

#listadoPromociones div.item>table td.col_fechas{
	width: 220px;
}

#listadoPromociones.big div.item{
	width: 100%;
	margin: 0 0 20px 0;
}

#listadoPromociones.small div.item:nth-child(2n+1){
	margin: 0 0 20px 0;
	width: 49%;
}

#listadoPromociones.small div.item:nth-child(2n){
	margin: 0 1% 20px 0;
	width: 49%;
}

#listadoPromociones.small div.clearItems{
	clear:both !important;
	width:100%;
}

#listadoPromociones div.item{
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 4px 3px 0 #aaa;
	color: #666;
	display: inline-block;
	font-size: 12px !important;
	/*IE8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888')";
    /*min-width: 519px;	*/
	position: relative;
}
#listadoPromociones.small div.item .reserva{
	padding-right: 0;
	width: 100%;
}
#listadoPromociones.small div.item .ocultar{
	display:none;
}

#listadoPromociones.small div.item .fechas{
	display:none;
}

#listadoPromociones.small div.item .canales{
	display:none;
}

#listadoPromociones div.item table{
	background-color: #fff;
	border: none;
	border-radius: 5px;
	width: 100%;
}

#listadoPromociones div.item table td{
	margin:5px !important;
	border:none;
	vertical-align:top;
}

#listadoPromociones div.item table td.nombre{
	font-size:13px;
	color:#FFF;
	background-color:#39F;
	border-radius: 5px 5px 0 0;
	height:15px !important;
	padding: 2px 0 2px 10px;
}

#listadoPromociones div.item table td.nombre a{
	color:#FFF;
	text-decoration:none;
}

#listadoPromociones div.item table td.title{
	height:15px;
}

#listadoPromociones div.item table td.title span{
	background: url('../design/bg_title_span.png') repeat-x;
	color:#FFF;
	font-weight:bold;
	height:15px;
	border:2px solid #FFF;
	padding:1.5px 35px 1.5px 8px;
	border-radius: 0 10px 10px 0;
}

#listadoPromociones div.item table span{
	color:#39F;
}

#listadoPromociones div.item table .destacado{
	color:#FFF;
	display: inline-block;
	font-size:14px;
	font-weight:bold;
	width: 43px;
	padding: 3px 0 3px 0;
	text-align:center;
	margin: 10px 0 0 0;
	background-color:#39F;
	border-radius: 7px;
}

#filter-options .searchTable{
	width:80%;
	position:relative;
	margin: 0 auto;
	border:none;
}

#filter-options .searchTable td{
	border:none;
}

#listado div.item{
	width:100%;
}

#listado div.item table{
	width:100%;
}

#listado div.item table td{
	margin:5px !important;
	border:none;
	vertical-align:top;
}

#listado div.item table td.nombre{
	font-size:14px;
	color:#666;	
}

#listado div.item table td.nombre a{
	font-size:14px;
	color:#666;
	text-decoration:none;
}

#listado div.item table td.title{
	height:15px;
}

#listado div.item table td.title span{
	background: url('../design/bg_title_span.png') repeat-x;
	color:#FFF;
	font-weight:bold;
	height:15px;
	border:2px solid #FFF;
	padding:1.5px 35px 1.5px 8px;
	border-radius: 0 10px 10px 0;
}

#listado div.item table span{
	color:#39F;
}

#listado div.item table p.destacado{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	width:90%;
	padding: 3px 0 3px 0;
	text-align:center;
	margin:0px;
	background: url('../design/bg_p_destacado.png') repeat-x #1199e3;
}

.estimacion{
	background-color:#999;
	padding-left:3px;
	padding-right:3px;
	color:#FFF !important;
	font-weight:bold;
}

#ordenc{
	cursor:pointer;
	color:#FFF;
	display:block;
	float:left
}

h3.tit{
	margin-top:0px;
}
h3.tit>img{
	cursor: pointer;
}
.icon{
	display: inline-block;
	cursor: pointer;
}

.highcharts-container{
	/*display:none;*/
}

#dialogTpv div b{
	display: inline-block;
	width: 85px;
}
#dialogTpv div.datos_tarjeta{
	margin: 0 auto;
}
.etiquetas{
	display: inline-block;
	width: 61px;
}
.etiquetas_50{
	display: inline-block;
	width: 50px;
}
.etiquetas_80{
	display: inline-block;
	width: 80px;
}
span.nombre_medio{
	color: #fff !important;
	float: right;
	margin-right: 10px;
}
.nombre b a:hover{
	color: #cef !important;
}
p.destacado.cursor:hover{
	background-color: #6ad !important;
}
div.cuadro_datos{
	background-color: #def;
	border: 1px solid #39f;
    border-radius: 5px;
    box-sizing: border-box;
    height: 140px;
    min-width: 107px;
    padding: 5px;
}
div.cuadro_datos>div{
	border-left: solid 1px #39f;
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	padding: 0 10px;
	vertical-align: top;
	width: 39%;
}
div.cuadro_datos>div:first-child{
	border-left: none;
	width: 20%;	
}
#preview_sms{
    position: absolute;
    right: 10px;
    top: 0;
}
#preview_sms>div{
	background-color: #fb0;
    border-radius: 5px;
    padding: 10px;
    width: 200px;
}
.template_sms{
	background-color: #ee5;
    border-radius: 5px;
    color: #555;
    cursor: pointer;
    display: inline-block;
    height: 110px;
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    vertical-align: top;
    width: 160px;
}
.template_sms.seleccionado{
	box-shadow: 0 0 10px 0 #888 inset;
	background-color: #fb0;
}
#preview_sms>div.error{
	background-color: #e55;
}
@media (max-width: 1165px){
	div.cuadro_datos{
		margin-top: 5px;
	}
	div.reserva{
		padding: 0 !important;
	}
	div.reserva>b{
		left: 0 !important;
	}
	div.reserva span.etiquetas:last-of-type{
		margin-right: 2px;
		width: auto;
	}
	td{
		padding: 0 !important;
		box-sizing: border-box;
	}
	td.nombre{
		white-space: nowrap;
	}
	.item td>b{
		margin: 2px 10px;
	}
	#listadoPromociones.big div.cuadro_datos > div{
		width: 44% !important;
	}
	#listadoPromociones.big div.cuadro_datos > div:first-child{
		width: 18% !important;
	}
	#listadoPromociones.big div.cuadro_datos > div:last-child{
		width: 36% !important;
	}
}

/*GRAFICO ESTIMACION*/
.grafico_td{
    position: relative;
    text-align: center;
}
.grafico_td>div{
    text-align: center;
    height: 18px;
    position: absolute;
    z-index: 0;
}
.grafico_td>span{
	position: relative;
	z-index: 1;
}
.verde{
    background-color: #afa;
    border: solid 1px #5c5;
}
.rojo{
    background-color: #faa;
    border: solid 1px #c55;
}