/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*fin eric meyer css*/



#list_facturas_cups {
	border: #000 solid 1px;
	background-color: #FFFCCC;
	width: 595px;
	height: 315px;
	padding: 10px;
	margin-top: -340px;
	margin-left: 450px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
}

.fancybox {
	cursor:pointer;
}
#logoAudax {
	float: left;
	height: 118px;
	width: 337px;
	cursor: pointer;
}
#logout {
	position: relative;
	float: right;
	top: 59px;
}
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label span{
	display: inline-block;
	width: 16px;
	height: 12px;
	background: url(img/checkbox.png) left top no-repeat;
	cursor: pointer;
}
input[type="checkbox"]:checked + label span{
	display: inline-block;
	width: 16px;
	height: 12px;
	background: url(img/checkbox_checked.png) left top no-repeat;
	cursor: pointer;
}


/* ESTILO DIVS GENERALES */
*{
	box-sizing: border-box;
}
html {
  overflow-y: scroll;
}
body {
	font-family: Helvetica !important;
	font-size: 14px !important; 
	line-height: 1.2em !important;
	width:100%;
}
#box_izq {
	float: left;
	width: 250px;
	border: #BDB2BF 1px solid;
	-webkit-border-radius: 5px;
	padding: 5px;
}
#box_filtros {
	float: left;
	margin-top: 10px;
	width: 257px;
	border: #BDB2BF 1px solid;
	-webkit-border-radius: 5px;
	padding: 5px;
}
#box_dcha {
	float: right;	
	width: 1124px;
	-webkit-border-radius: 5px;	
}
#contenedor{
	/*height: 550px;*/
	height: 75%;
	
}
#piepagina{
	clear: both;
	width: 100%;
	height: 20px;	
	text-align: right;
	padding-top: 10px;
	padding-right: 25px;
	border-top-color: #d5a30b;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 15px;
}
/* ESTILO TABLAS */
table {
	width: 100%;
	font-size: 12px;
}
td, th {
	padding: 5px;
	height: 30px;
}
.trlist td {
	border-bottom: 1px dotted !important;
}
.trtitulos {
	background-color: lightgrey;
}
.trlist:hover {
	background-color: #f5f5f5;
}
.preinput{
	font-weight: bold;
	color: grey;
}
.trlist_verde td, .trlist_amarilla td, .trlist_roja td, .trlist_roja_fuerte td {
	cursor: pointer;
}
/*	FILAS DE COLOR VERDE*/
.trlist_verde td {
	border-bottom: #000000 1px dotted !important;
	font-weight: bold;
	color: #000000;
	background-color: #C0FFC0;
}
.trlist_verde:hover td {
	border-bottom: #000000 1px dotted !important;
	font-weight: bold;
	color: #000000;
	background-color: #8eea8c;
	
}
/*	FILAS DE COLOR AMARILLA*/
.trlist_amarilla td {
	border-bottom: #000000 1px dotted !important;
	font-weight: bold;
	color: #000000;
	background-color: #FCEFA1; 
}
.trlist_amarilla:hover td {
	border-bottom: #000000 1px dotted !important;
	font-weight: bold;
	color: #000000;
	background-color: #f2dc60; 
}
/*	FILAS DE COLOR ROJA*/
.trlist_roja td {
	border-bottom: #000000 1px dotted !important;
	font-weight: bold;
	color: #000000;
	background-color: #FFCACA; 
}
.trlist_roja:hover td{
	background-color: #FFC8B1;
}
/*	FILAS DE COLOR ROJA FUERTE*/
.trlist_roja_fuerte td {
	border-bottom: #000000 1px dotted !important;
	font-weight: bold;
	color: #000000;
	background-color: #ef5353; 
}
.trlist_roja_fuerte:hover td{
	border-bottom: #000000 1px dotted !important;
	font-weight: bold;
	color: #000000;
	background-color: #ff4949;
}
/* ESTILOS LINKS */
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #f4A774;
	text-decoration: none;
}	
a:active {
	color: #000;
	text-decoration: none;
}
#tabs ul li a{
	font-size: 18px;
}

/* ESTILOS LINKS DE AGREGAR Y BORRAR CAMPOS*/
.linkagregar {
	color: blue !important;
}
.linkagregar:hover {
	color: lightblue !important;
}
.linkborrar{
	color: red !important;
}
.linkborrar:hover {
	color: indianred !important;
}
.clear10 {height:10px;}

/* ESTILOS LINKS DE NUEVO CLIENTE, NUEVA INCIDENCIA, NUEVO ASESOR*/
.btn_newobjeto{
	color: #FFFFFF !important;
	font-weight: bold !important;
	height: 30px !important;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px 20px 7px 20px  !important;
	border: 1px solid #66add1 !important;
	background-color: #EF9D00;
	text-decoration:none;
	-webkit-border-radius: 5px;
}
.btn_newobjeto:hover {
	background-color: #FFCE72;
}
/* ESTILOS LINKS FILTROS-BUSCAR */
/*.btn_buscar{
	color: #FFFFFF !important;
	font-weight: bold !important;
	height: 30px !important;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px 20px 7px 20px  !important;
	border: 1px solid #66add1 !important;
	background-color: #EF9D00;
	text-decoration:none;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
.btn_buscar:hover {
	background-color: #FFCE72;
}*/

/* TABLA FACTURAS MAS ANCHA */
#box_dcha_facturas, #box_dcha_contratos {
	float: left;
	width: 1374px;
	-moz-border-radius: 3px;
	margin-left: 25px;	
}
/* OCULTAR CALENDARIO ANTES DE MOSTRAR */
#ui-datepicker-div {
	display: none;
}

/* menu */
#templatemo_menu {
	font-family: 'Helvetica';
	font-size: 16px;
	clear: both;
	width: 1400px;
	height: 40px;
	padding: 0 12px;
	background: #ffd95a;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#templatemo_menu ul {
	float: left;
	width: 1400px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 2px;
	margin: 0px;
	display: inline;
}

#templatemo_menu ul li a {
	float: left;
	display: block;
	padding: 13px 10px;
	margin: 0 1px 0 0;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000;
	outline: none;
	border: none;
	/*background: url(images/templatemo_menu_divider.png) center right no-repeat*/
}

#templatemo_menu ul li a:hover { color: #fff; background: #ad8304; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#templatemo_menu ul li .current { color: #fff; background: #ad8304; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#templatemo_menu ul li .closesession { color: #fff; background: #f3e0a7; width: 250px; }
#templatemo_menu ul .info-usuari{
            float: right;
            margin-top: 7px;
            margin-right: 7px;
            background: url(images/cancel.png) left bottom no-repeat; 
}
#templatemo_menu ul a.tancar-sessio{
            color: #8c0303;      
            background: url(images/cancel.png) left bottom no-repeat;
}

#search_box { float: right; width: 200px; height: 20px; margin: 10px 15px 10px 0; background: url(images/templatemo_search.jpg) left bottom no-repeat }
#search_box form { clear: both; width: 200px; height: 19px; padding: 0; margin: 0 } 
#searchfield { height: 18px;  line-height: 18px; width: 190px; padding: 0 5px; font-size: 11px; color: #a09391; background: #605654; border: 1px solid #453c3a; } 

/* end of menu */

/* */
.form_clientes{
	font-family: Helvetica;
	font-size: 12px;
	width: 250px;
	padding: 3px 3px 3px 3px;
	
}

/*DUAL*/
.box_dcha2 {
 border-right:1px solid #ccc;
 border-left:1px solid #ccc;
 border-bottom:1px solid #ccc; 
 margin-top: 15px;
}

form#dual{
	width:auto;
	margin: 0 auto;
	background-color: #eee;
}

form#dual select, form#dual input:not([type=checkbox]), form#dual textarea {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  border: 2px inset;
  cursor: auto;
  padding: 5px;
  color: #696969;
  height: 33px;
  font-family: 'Audax';
}

form#dual input[type="radio"]{
	height: auto;
}


/*** custom checkboxes ***/
form#dual input[type=checkbox] { display:none; } /* to hide the checkbox itself */
form#dual input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

form#dual input[type=checkbox] + label:before { /* unchecked icon */
	content: "\f096";
	font-size:1.2em; 
} 
form#dual input[type=checkbox] + label:before { /* space between checkbox and label */
	 letter-spacing: 10px; 
	 font-size:1.2em; 
} 

form#dual input[type=checkbox]:checked + label:before { content: "\f046"; color: #ffa800;} /* checked icon */
form#dual input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

form#dual label[for="igualCLiente"]:before{
	font-size:1em!important;
}


/*** custom radiobuttons ***/
form#dual input[type="radio"]{display: none;}
/* Hidding the "check" status of inputs */
form#dual input[type="radio"] + label .fa-circle {display: none;}
/* Styling the "check" status */
form#dual input[type="radio"]:checked + label .fa-circle{
	display: block;
	color: #696969;
}
/* Styling radiobuttons */
form#dual input[type="radio"]:checked + label .fa-circle-o {display: none;}

ul{list-style:none}
li{list-style:none}

.bold{font-weight: bold}

form#dual td {
	font-size: 13px;
	/*color: white;*/
	color:#696969;
}

form#dual td.first_column{
	width: 251px;
}

form#dual .btn_buscar{
  display: inline-block;
  color: #FFF !important;
  padding: 7px!important;
  height:16px!important;
  margin-top:0!important;
  background-color: #696969;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  width: 35px;
  font-size: 13px;
  text-align: center;
  border:none!important;
  font-weight:normal!important;
}

form#dual .btn_buscar:hover{
	background-color: #ffa800;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=4.4.0');
  src: url('font/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('font/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('font/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}