/* wrap */
#wrap{
	min-height:100%;
}

/* main */
#main{
	padding-bottom:150px;
}

/* tables */
table.tablesorter {
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
	border-bottom:1px solid #E6EEEE;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
}

.informe table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #DADFE1 !important;
}



table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: center;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter td.table-footer div.span3{
	margin:20px 0;
	float:right;
}

table.tablesorter td.table-footer div.span3 .btn{
	font-size:12px;
}

/* PAGER */
#pager.pager .dk_options{
	width:80px !important;
}

/* CODI NUM */
span.codinum{
	background:#2980B9;
	padding:4px 12px;
	border-radius:4px;
	color:#FFFFFF;
}

span.userInfo{
	background:#2980B9;
	padding:13px 12px;
	border-radius:4px;
	color:#FFFFFF;
	font-size:15px;
	float:left;
	margin-top:10px;
	text-align:center;
	min-width:650px;
}

/* FORMULARIO REGISTRO USUARIO */
form{
	margin-bottom:40px !important;
}

form.register, form.two-col, form.three-col, form.mensajes{
	background-color:#ECF0F5;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	position:relative;
	margin:auto;
	padding:40px 40px 70px 40px;
}

form.register, form.two-col, form.mensajes{
	width:600px;
}


form.three-col{
	width:900px
}

form.register:before, form.two-col:before{
	border-color:transparent transparent #ECF0F5;
	border-style:solid;
	border-width:0 9px 9px;
	content:"";
	height:0;
	left:23px;
	position:absolute;
	top:-9px;
	width:0;
}

form.register fieldset{
	margin-left:130px;
}

form.register input[type="text"]{
	width:300px;
}

form.register input[type="submit"],form.register input[type="button"],form.two-col input[type="submit"], form.three-col input[type="submit"], form.mensajes input[type="submit"], form.mensajes input[type="button"]{
	width:200px;
	background-color:#3498DB;
	border:none;
	color:#FFFFFF;
	font:14px/1.231 "Lato",sans-serif;
	padding:11px 45px 11px 45px;
	clear:both;
}


form.register input[type="submit"], form.quickcontact input[type="submit"], form.register input[type="button"], form.quickcontact input[type="button"],form.two-col input[type="submit"], form.three-col input[type="submit"], form.mensajes input[type="submit"], form.mensajes input[type="button"] {
	display:inline-block;
	border-radius:6px;
  border: none;
  background: #2980b9;
  color: white;
  font-size: 16.5px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  position:absolute;
  bottom:20px;
  right:250px; }
  form.register input[type="submit"]:hover, form.register input[type="submit"]:focus,form.quickcontact input[type="submit"]:hover, form.quickcontact input[type="submit"]:focus, form.mensajes input[type="submit"]:hover, form.mensajes input[type="submit"]:focus, form.mensajes input[type="button"]:hover, form.mensajes input[type="button"]:focus{
    background-color: #3498db;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }

form.three-col input[type="submit"]{
	right:410px !important;
}

form.register .dk_container{
	float:left;
	margin-top:5px;
}

form.mensajes input[type="button"]{
	right:40px;
}

form.two-col .col-one, form.two-col .col-two, form.three-col .col-one, form.three-col .col-two, form.three-col .col-three{
	float:left;
	width:250px;
}

form.two-col .col-one{
}

form.two-col .col-two, form.three-col .col-two, form.three-col .col-three{
	margin-left:40px;
}

form .col-wide{
	width:100%;
	float:left;
}

form .col-wide span.holdDown{
	width:100%;
	float:left;
	margin-bottom:10px;
	height:40px;
}

form .col-wide span.holdDown i{
	font-style:normal;
	background:none repeat scroll 0 0 #2980B9;
	color:#FFFFFF;
	border:medium none;
	border-radius:6px;
	padding:11px 15px;
	width:90%;
	float:left;
	cursor:pointer;
}

.holdChecks label{
	float:left;
	display:inline;
	width:auto !important;
	margin-left:10px;
}

.holdChecks input[type="checkbox"]{
	float:left;
}

.rowCheck{
	min-height:35px;
	float:left;
	width:97%;
	padding-left:3%;
}

#mercadosDown{
	display:none;
}

#productosDown{
	display:none;
}

#proveedoresDown{
	display:none;
}

form.two-col, form.three-col{
	padding-bottom:100px;
}

form.two-col input[type="text"], form.three-col input[type="text"]{
	width:250px;
}

form.two-col input[type="submit"], form.three-col input[type="submit"]{
	margin-top:40px;
}

form.two-col fieldset, form.three-col fieldset{
	margin-bottom:40px;
}

form.mensajes input[type="text"]{
	width:98%;
}

form.mensajes textarea{
	width:98%;
}

form.mensajes .botonera{
	margin-top:10px;
	margin-bottom:20px;
}

a.salir{
	display:inline-block;
	border-radius:6px;
  border: none;
  background: #2980b9;
  color: white;
  font-size: 16.5px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  position:absolute;
  bottom:20px;
  right:250px;
  width:200px;
  text-align:center;
  height:40px;
  line-height:40px;
}

form.register .span3{
	clear:both;
	margin-left:0;
	margin-bottom:20px;
}

form.register .span3 label{
	float:left;
	margin-top:20px;
	margin-right:20px;
}

form.register span.tag{
	float:left;
	margin-top:20px;
	margin-right:10px;
}

form.register .large{
	width:470px !important;
}

form.acciones .large{
	width:500px !important;
}

form.acciones .span3{
	clear:both;
	margin-left:0;
	margin-bottom:20px;
}

form.acciones label#codigo .dk_options{
	width:300px !important;
}

form.comercial label#zona .dk_options{
	width:300px !important;
}

label#clientes .dk_options, label#comerciales .dk_options{
	width:600px !important;
	/*z-index:1000;*/
}

label#comgrupo .dk_options{
	width:460px;
}

label#fecha_any, label#fecha_desde,label#fecha_hasta, label#detalle, label#status{
	width:130px;
	float:left;
	margin-right:30px;
}

label#fecha_any .dk_options, label#fecha_desde .dk_options, label#fecha_hasta .dk_options{
	width:140px !important;
	/*z-index:1000;*/
}

form.usuario label#codigo .dk_options{
	width:390px !important;
}

div.sel_com{
	width:100%;
	float:left;
}

div.holdSelect{
	width:100%;
	display:block;
	float:left;
	position:relative;
	min-height:50px;
}

div.holdSelect label{
	position:absolute;
	right:60px;
	top:0;
}

form#formPotencialesGrupo table{
	float:left;
}

/* FORM ACCIONES */
form.acciones ul{
	margin:0;
	list-style:none;
}

form.acciones .share-label{
	width:25%;
}

/* SLIDER PANEL */
/* el panel del formulario de contacto */
.slide-out-div {
	padding: 20px 20px 20px 90px;
	width: 310px;
	background: #f2f2f2;
	border: #BFC9CA 1px solid;
}

/* el panel del listado */
.slide-out-div-bottom{
	padding: 20px 20px 20px 90px;
	width: 910px;
	background: #f2f2f2;
	border: #BFC9CA 1px solid;
}


form#quickcontact .btn-block{
	width:205px !important;
}

/* AJAX gif y mensajes de éxito y fracaso */
.hide{
	display:none;
}

.ajaxgif{
	position:absolute;
	right:210px;
	bottom:40px;
}
.msg{
	color:white;
	height:32px;
	line-height:32px;
	padding:0 10px;
	position:absolute;
	right:-155px;
	min-width:121px;
	bottom:10px;
	border-radius:6px;
	text-align:center;
}
.msg_ok{
	background:#589D05;
}
.msg_error{
	background:red;
}

/* AÑADE CLASES DE ERROR, WARNING, ETC ... A CAMPOS DE TEXTO 
AMPLIA LAS DE FLAT-UI.CSS*/
 input.error{
	 border-color:#E74C3C;
	 box-shadow:none;
	 color:#E74C3C;
 }
 
/* CAJAS DE ERROR, OK e INFO */
.error-box{
	border:2px solid rgb(231, 76, 60);
	color:rgb(231, 76, 60);
	border-radius:6px;
	padding:8px 0px 9px 10px;
	width:665px;
	position:relative;
	margin:auto;
	margin-bottom:20px;
}

.success-box{
	border:2px solid #2ECC71;
	color:#2ECC71;
	border-radius:6px;
	padding:8px 0px 9px 10px;
	width:665px;
	position:relative;
	margin:auto;
	margin-bottom:20px;
}

.info-box{
	border:2px solid #f39c12;
	color:#f39c12;
	border-radius:6px;
	padding:8px 0px 9px 10px;
	width:98%;
	position:relative;
	margin:auto;
	margin-bottom:20px;
}

.info-box span.fui-settings-24{
	color:#3498DB;
}

/* FORMULARIO ACCIONES AÑADIR INPUTS DINÁMICAMENTE */
label.lab-row{
	float:left;
	margin-top:40px;
	margin-bottom:10px;
	width:100%;
}

.dynamic-inputs .tagsinput-add{
	margin-right:15px;
}

.criterios{
	/*width:300px !important;*/
}

div#tagsinput_tagsinput{
	/*padding-right:60px !important;*/
	width:300px;
}

form.acciones #tagsinput_tagsinput span.tag{
	margin-top:0;
	margin-right:5px;
	float:none;
}

select.medium{
	width:600px !important;
}

/* CALENDARIO */
#display-user{
	position:absolute;
	top:1em;
	left:1em;
}

#display-user .codinum{
	margin-left:10px;
}

#display-user .nameuser{
	margin-left:10px;
	font-size:14px;
}

span.nameuser{
	font-size:14px;
	position:absolute;
	top:5em;
	left:1em;
	width:200px;
}

span.nameuser i{
	font-size:12px;
}

/* POP UP CALENDARIO */
label.inline{
	display:inline;
	line-height:25px;
}

.fl{
	float:left;
}

.third-size-column{
	margin-right:3%;
	width:45%;
}

.third-size-column select,.third-size-column textarea{
	width:320px;
}

.third-size-column span{
	font-size:14px;
}

#valoracion{
	width:320px;
	height:200px;
	float:left;
	font:13px/1.231 "Lato",sans-serif;
	border-radius:4px;
	border:1px solid #ccc;
	padding:10px;
	margin-top:10px;
}

span#valora{
}

#valoracion input[type="radio"]{
	margin:0 0 4px 0 !important;
}

#valoracion span{
	float:none;
}

.odd {
	background-color: #F0F0F6; 
}

ul.logged{
	float:right;
	font-size:12px;
	height:55px;
	line-height:55px;
	margin:0 20px 0 0 !important;
	position:relative;
}

ul.logged li{
	list-style:none;
	display:inline;
	height:55px;
	line-height:55px;
	color:#3498DB;
}

ul.logged span.log-name{
	color:#FFFFFF;
	margin-right:20px;
}

ul.logged span.fui-man-16{
	margin-right:10px;
	padding-left:10px;
	border-left:1px dotted #3498DB;
}

ul.logged span.fui-settings-24{
	margin-right:10px;
	padding-left:10px;
	border-left:1px dotted #3498DB;
	text-decoration: blink;
}

ul.logged span.fui-calendar-24{
	margin-right:10px;
	padding-left:10px;
	border-left:1px dotted #3498DB;
	text-decoration: blink;
}

ul.logged li span.log-cal-name{
	color:#FFF;
}

ul.logged li.log-rol{
	margin-right:10px;
}

ul.logged li a.btn-salir{
	background:none repeat scroll 0 0 #3498DB;
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px 13px 6px 19px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
}

ul.logged li a.btn-salir span.fui-cross-16{
	margin-left:7px;
	margin-top:25px;
}

ul.logged li a.btn-salir:hover{
	text-decoration:none;
	background:none repeat scroll 0 0 #2980b9;
}

.nav-collapse select.source{
	margin-top:17px;
	margin-right:10px;
}

span.btn-reset{
	background:url(../calendar/images/ico-reset.png) no-repeat 7px 6px #3498DB;
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px 13px 6px 19px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:13px;
}

span.btn-reset span{
	margin-left:4px;
}

.botonera{
	text-align:right;
	margin-bottom:10px;
	min-height:25px;
}

.botonera a.btn-alta{
	background:none repeat scroll 0 0 #3498DB;
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px 13px 6px 19px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
}

.botonera a.btn-alta:hover{
	text-decoration:none;
	background:none repeat scroll 0 0 #2980b9;
}

.botonera a.btn-alta span.fui-plus-16{
	margin-left:10px;
}

.botonera span{
	margin-right:20px;
}

ul.log-out:before{
	border-color:transparent #ECEFF1 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;
	content:"";
	height:0;
	left:-12px;
	position:absolute;
	top:35px;
	width:0;
}

ul.log-out{
	background-color:#ECEFF1;
	border-radius:6px 6px 6px 6px;
	padding:24px 23px 20px;
	position:relative;
	min-height:150px;
}

ul.log-out li{
	list-style:none;
	height:30px;
	line-height:30px;
	background:url(../images/pager/next-blue.png) no-repeat 0 7px;
	padding:0 0 0 40px;
}

/* input selección fecha */
input[name='godate'], input[name='from'], input[name='to']{
	padding:0;
	margin:0;
}

label[for='goDate'],label[for='from'],label[for='to']{
	display:inline ;
}

label[for='from'],label[for='to']{
	font-size:10px;
	color:#555555;
	margin-right:3px;
}

label[for='from'],label[for='to']{
	margin-left:10px;
}

input[name='from'], input[name='to']{
	width:60px;
	border-radius:0;
	border:1px solid #CCCCCC;
	font-size:10px;
}

textarea[name='notas']{
	width:828px;
	height:120px;
}

textarea[name='observaciones_ficha']{
	width:828px;
	height:60px;
}

#rangoFechas{
	float:left;
	margin-top:5px;
}

/* datos empresa */
ul#datos-empresa{
	list-style:none;
}

ul#datos-empresa li{
	list-style:none;
}

/* input países */
div#sel_pais{
	width:600px !important;
	background:#ff0000;
}

/* table report */
table.report tr{
	border-bottom:1px dotted #bbccff;
}

.actual{
	background:#f1f1c6 !important;
}

span.tDate{
	display:none;
}

span.fui-eye-24{
	cursor:pointer;
}

span.weeknum{
	background:#3498DB;
	border-radius:60px;
	padding:3px;
}

.col-one p{
	margin:0 !important;
}

#col-one select,
#col-one textarea,
#col-one input[type="text"],
#col-one input[type="password"],
#col-one input[type="datetime"],
#col-one input[type="datetime-local"],
#col-one input[type="date"],
#col-one input[type="month"],
#col-one input[type="time"],
#col-one input[type="week"],
#col-one input[type="number"],
#col-one input[type="email"],
#col-one input[type="url"],
#col-one input[type="search"],
#col-one input[type="tel"],
#col-one input[type="color"] {
  margin-bottom: 0 !important;
}

.select-grup{
	color:#3498DB;
	cursor:pointer;
}

ul .dk_container{
	margin-bottom:0 !important;
	margin-right:20px;
	margin-top:10px !important;
}

ul .dk_toggle{
	padding:5px 45px 5px 13px !important;
}

span.btn-filtro{
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:13px;
	position:absolute;
	right:-10px;
	top:25px;
	width:18px;
	height:18px;
}

p#p-clientes, p#p-potenciales{
	position:relative;
}

span.holder-filtro{
	position:absolute;
	right:-400px;
	top:25px;
}

input.txt-filtro{
	border:1px solid #CCCCCC;
	height:23px;
	line-height:13px;
	font-size:14px;
	padding:3px 6px;
	float:left;
}

span.btn-reload{
	background:url(../calendar/images/search.png) no-repeat 7px 6px #3498DB;
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px 13px 6px 22px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:8px;
	float:left;
	font-size:11px;
}

span.btn-reset-filtro{
	background:url(../calendar/images/ico-reset.png) no-repeat 7px 6px #3498DB;
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px 13px 6px 22px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:8px;
	float:left;
	font-size:11px;
}

.btn-filtro-enabled{
	background:url(../calendar/images/search.png) no-repeat 7px 6px #3498DB;
}

.btn-filtro-disabled{
	background:url(../calendar/images/search.png) no-repeat 7px 6px #CCCCCC;
}

.mens-content{
	padding:10px;
	background:#FFFFFF;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.msg-unread{
	background-color: #e74c3c;
  border-radius: 30px;
  color: white;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  min-width: 8px;
  padding: 0 5px;
  text-align: center;
  text-shadow: none;
  z-index: 10; }
  
 
/* vista semanal */
a.viewWeek{
	background:none repeat scroll 0 0 #3498DB;
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px 13px 6px 19px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:20px;
	top:4px;
}

span.codGrupo{
	display:none;
}

/* info display calendario mensual */
#info-display{
	width:880px;
	margin:auto;
	margin-top:20px;
	background:#ecf0f5;
	padding:10px 10px 10px 40px;
	border-radius:8px;
	color:#34495E;
	background: #ecf0f5 url(../calendar/images/ico-calendar.png) no-repeat 5px 5px;
	clear:both;
}

#info-display ul{
	display:inline;
	clear:both;
	list-style:none;
	margin:0 !important;
}

#info-display ul li{
	display:inline;
	margin-right:10px;
	border-right:1px dotted #34495E;
	padding-right:10px;
}

#info-display ul li:last-child{
	border-right:none;
}

#holdButton{
	text-align:center;
}

#btn-enviar{
	width:200px;
	background-color:#3498DB;
	border:none;
	color:#FFFFFF;
	font:14px/1.231 "Lato",sans-serif;
	padding:11px 45px 11px 45px;
	clear:both;
	border-radius:6px;
}


#btn-enviar-xls{
	width:200px;
	background-color:#3498DB;
	border:none;
	color:#FFFFFF;
	font:14px/1.231 "Lato",sans-serif;
	padding:11px 45px 11px 45px;
	clear:both;
	border-radius:6px;
}

/* PANTALLAS INFORMES */
p.cleft{
	text-align:left;
}

p.cright{
	text-align:left;
	float:right;
	padding:35px;
}

.botonera span.select-icon{
	margin-right:0;
}

.ttl-informe{
	width:180px;
	/*height:300px;*/
	float:left;
}

.ttl-informe-vend{
	width:250px;
	float:left;
}

.demo-panel-title-inf {
  padding-top:17px;
  width:100%;
  float:left;
  font-size:13px;
  line-height:23px;}
  .demo-panel-title-inf small {
    color: #bfc1c3;
    font-size: inherit;
    font-weight: 400; }

.botonera form{
	text-align:left;
}

span#identificador{
	width:100%;
}

.botonera span.btn-search{
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:0;
	width:28px;
	height:28px;
	float:right;
	margin-right:0;
	margin-top:9px;
}

.botonera .btn-search-enabled{
	background:url(../calendar/images/search.png) no-repeat 12px 12px #3498DB;
}

.botonera span.btn-back{
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:10px;
	width:28px;
	height:28px;
	float:right;
	margin-right:0;
	margin-top:9px;
}

.botonera .btn-back-enabled{
	background:url(../calendar/images/ico-back.png) no-repeat 12px 12px #34495E;
}

.botonera span.btn-resetfilter{
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:13px;
	width:28px;
	height:28px;
	float:right;
	margin-right:0;
	margin-top:9px;
}

.botonera .btn-resetfilter-enabled{
	background:url(../calendar/images/ico-reset-med.png) no-repeat 12px 12px #3498DB;
}

.botonera span.btn-pdf{
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:13px;
	width:28px;
	height:28px;
	float:right;
	margin-right:0;
	margin-top:9px;
}

.botonera .btn-pdf-enabled{
	background-color:#c60f13;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:26px;
}

.botonera span.btn-print{
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:13px;
	width:28px;
	height:28px;
	float:right;
	margin-right:0;
	margin-top:9px;
}

.botonera .btn-print-enabled{
	background-color:#c60f13;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:26px;
}

.botonera span.btn-enviar, .botonera span.btn-enviar-pdf,.botonera span.btn-enviar-xls{
	border-radius:4px 4px 4px 4px;
	color:white;
	cursor:pointer;
	overflow:hidden;
	padding:6px;
	position:relative;
	transition:all 0.14s linear 0s;
	vertical-align:middle;
	text-decoration:none;
	margin-left:13px;
	height:28px;
	margin-right:0;
	margin-top:22px;
	float:left;
}

.botonera .btn-enviar-enabled{
	background-color:#34495E;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:26px;
}

.botonera input#search-client{
	margin-top:9px;
	margin-left:13px;
	padding-bottom:13px;
}

.informe form{
	margin-bottom:0 !important;
}

.fila{
	float:left;
	margin-bottom:20px;
}

.wrap-columna{
	width:49%;
	float:left;
}

.wrap-columna-wide{
	width:100%;
	float:left;
}

.columna{
	padding:1%;
	margin-bottom:20px;
	float:left;
	width:99%;
}

.large{
	width:99%;
	/*background-color:#ECF0F5;*/
}

.fila-cabecera{
	background-color:#ECF0F5;
}

.medium{
	background-color:#ECF0F5;
	margin-right:.5%;
}

.small-box{
	background-color:#ECF0F5;
	margin-right:.5%;
}

.columna span#loader{
	margin:auto;
	width:100%;
	height:100%;
	float:left;
	text-align:center;
	margin-top:11%;
}

.small-box span#loader{
	margin:auto;
	width:100%;
	height:100%;
	float:left;
	text-align:center;
}

.c-right{
	float:right !important;
	margin-right:0;
}

.small{
	width:48%;
	background-color:#ECF0F5;
	float:right !important;
}


#info-cliente{
	min-height:40px;
	font-size:12px;
}

#info-cliente p{
	float:left;
	width:100%;
	padding:.5% 0 0 .5%;
	min-height:7px;
	margin-bottom:0;
}

#cliente-izq{
	width:68%;
	float:left;
}

#cliente-der{
	width:30%;
	float:left;
}

span.ttl{
	padding:8px;
	background-color:#dadfe1;
	font-size:11px;
	font-weight:bold;
	border-top-right-radius: 4px; 
	border-top-left-radius: 4px; 
	float:left;
}

.previo-tbl{
	width:100%;
}

.previo-tbl span{
	width:100%;
	height:20px;
	float:left;
	font-size:12px;
	line-height:20px;
	margin-bottom:15px;
}

.previo-tbl span.pag-almacen{
	width:auto !important;
	margin-top:10px;
	margin-right:5px;
	margin-bottom:0;
}

.post-tbl{
	width:100%;
}

.post-tbl span{
	height:20px;
	float:left;
	font-size:12px;
	line-height:20px;
}

div.ttl-wide{
	width:100%;
	float:left;
}

.informe table{
	font-size:11px;
}

.even{ background-color:#FF0000; }
.odd { /* your styles */ }

#wrapper-cuadros{
	
}

#wrapper-cuadros.disabled{
	display:none;
}

#wrapper-cuadros.enabled{
	display:block;
}

#wrapper-cuadros.vendedores{
	margin-top:50px;
}

.logo-inf{
	position:absolute;
	top:0;
	left:20px;
	width:80px;
	height:70px;
	background-color:#34495E;
	border-bottom-right-radius: 8px; 
	border-bottom-left-radius: 8px;
	text-align:center;
}

.logo-inf img{
	padding-top:25px;
}

.informe input{
  width: 162px !important; }
  
.paginate{
	margin:0;
	padding-top:10px;
}

.paginate ul{
	display:inline-block;
	margin-bottom:0;
	margin-left:0;
	line-height:25px;
}

.paginate ul > li:first-child{
	border-radius:6px 0 0 6px;
}

.paginate ul > li{
	display:inline;
}

.paginate ul > li > a,
.paginate ul > li > span{
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	border-width:2px;
	color:#3498DB;
	margin:10px 2px 9px;
	border-radius:12px;
	padding:4px 4px;
	text-decoration:none;
}

.paginate ul > li.active > a,
.paginate ul > li.active > span{
	background-color:#3498DB;
	border-color:#3498DB;
	border-width:2px;
	color:white;
	font-weight:bold;
	margin:10px 2px 9px;
	text-decoration:none;
	cursor: default;
}

span.ampliar{
	background:#3498DB;
	padding:0px 3px;
	color:#FFFFFF;
	font-weight:bold;
	border-radius:4px 4px 4px 4px;
	cursor:pointer;
	margin-left:5px;
}

#detalle-promo{
	width:500px;
	min-height:500px;
	background:#FFFFFF;
	border-radius:4px 4px 4px 4px;
}

.wrapper-promo{
	margin:45px auto;
	width:400px;
}

#tabla-promo tbody{
	display:block;
	height:400px;
	overflow:auto;
	width:100%;
}

#cerrar-promo{
	background:#3498DB;
	padding:2px 7px;
	color:#FFFFFF;
	font-weight:bold;
	border-radius:4px 4px 4px 4px;
	cursor:pointer;
	font-size:18px;
	float:right;
	margin-right:10px;
	margin-top:10px;
}

form#sendanswers{
	display:none;
}

h5.wideTtl{
	width:100%;
	float:left;
	margin-top:0;
	padding-bottom:20px;
	border-bottom	:1px solid #DCE4EC;
}

.sel_dpto{
	margin-top:20px;
}

/* EXCEL */
span#excelBtn{
	cursor:pointer;
}

#loadTabla span#loader{
	margin-left:50%;
}

#loadTabla span#loader img{
	margin-top:150px;
}

/* INFORMES */
.aviso-pendientes{
	float:right;
	width:250px;
}

.aviso-pendientes .error-box{
	width:100%;
	text-align:center;
}

.separador-tabla{
	color: #f00;
	background-color: #f00;
	height: 5px;
}

.wide-ul{
	width:400px !important;
}

.span-wide{
	width:100%;
	float:left;
	margin-left:0 !important;
	margin-bottom:10px;
}

select#grupos{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:5px;
}

span.destacado{
	font-size:26px;
}

.fuerte{
	color: #34495e;
}

.medio{
	color: #697e93;
	padding-left:44px;
}

.suave{
	color: #89a5c0;
	padding-left:44px;
}

li#idioma ul li{
	cursor:pointer;
}

.group-eval{
	margin-top:20px;
}

a#goCalendar{
	cursor:pointer;
}

a#goPotenciales{
	cursor:pointer;
}

a.goConsulta{
	cursor:pointer;
}

input[type="datetime-local"]::-webkit-clear-button {
    display: none;
}