.w10p{ width:10%}
.w20p{ width:20%}
.w30p{ width:30%}
.w40p{ width:40%}
.w45p{ width:45% !important}
.w48p{ width:48% !important}
.w50p{ width:50% !important}
.w60p{ width:60%}
.w70p{ width:70%}
.w80p{ width:80%}
.w90p{ width:90%}
.w100p{ width:100%}

.p0px{ padding:5px}
.p5px{ padding:5px}
.p10px{ padding:10px}
.p20px{ padding:20px}
.p30px{ padding:30px}

.w10px{ width:10px !important}
.w20px{ width:20px !important}
.w30px{ width:30px !important}
.w40px{ width:40px !important}
.w50px{ width:50px !important}
.w60px{ width:60px !important}
.w70px{ width:70px !important}
.w80px{ width:80px !important}
.w90px{ width:90px !important}
.w100px{ width:100px !important}
.w110px{ width:110px !important}
.w120px{ width:120px !important}
.w130px{ width:130px !important}
.w140px{ width:140px !important}
.w150px{ width:150px !important}
.w160px{ width:160px !important}

.ml0px{ margin-left:0px !important}
.ml5px{ margin-left:5px !important}
.ml10px{ margin-left:10px !important}
.ml20px{ margin-left:20px !important}
.ml30px{ margin-left:30px !important}
.ml40px{ margin-left:40px !important}
.ml50px{ margin-left:50px !important}
.ml60px{ margin-left:60px !important}
.ml70px{ margin-left:70px !important}
.ml80px{ margin-left:80px !important}
.ml90px{ margin-left:90px !important}
.ml100px{ margin-left:100px !important}
.ml110px{ margin-left:110px !important}
.ml120px{ margin-left:120px !important}
.ml130px{ margin-left:130px !important}
.ml140px{ margin-left:140px !important}

.mr0px{ margin-right:0px !important}
.mr5px{ margin-right:5px !important}
.mr10px{ margin-right:10px !important}
.mr20px{ margin-right:20px !important}
.mr30px{ margin-right:30px !important}
.mr40px{ margin-right:40px !important}
.mr50px{ margin-right:50px !important}
.mr60px{ margin-right:60px !important}
.mr70px{ margin-right:70px !important}
.mr80px{ margin-right:80px !important}
.mr90px{ margin-right:90px !important}
.mr100px{ margin-right:100px !important}
.mr110px{ margin-right:110px !important}
.mr120px{ margin-right:120px !important}
.mr130px{ margin-right:130px !important}
.mr140px{ margin-right:140px !important}

.mt0px{ margin-top:0px !important}
.mt5px{ margin-top:5px !important}
.mt10px{ margin-top:10px !important}
.mt20px{ margin-top:20px !important}
.mt30px{ margin-top:30px !important}
.mt40px{ margin-top:40px !important}
.mt50px{ margin-top:50px !important}
.mt60px{ margin-top:60px !important}
.mt70px{ margin-top:70px !important}
.mt80px{ margin-top:80px !important}
.mt90px{ margin-top:90px !important}
.mt100px{ margin-top:100px !important}

.mb0px{ margin-bottom:0px !important}
.mb10px{ margin-bottom:10px !important}
.mb20px{ margin-bottom:20px !important}
.mb30px{ margin-bottom:30px !important}
.mb40px{ margin-bottom:40px !important}
.mb50px{ margin-bottom:50px !important}
.mb60px{ margin-bottom:60px !important}
.mb70px{ margin-bottom:70px !important}
.mb80px{ margin-bottom:80px !important}
.mb90px{ margin-bottom:90px !important}
.mb100px{ margin-bottom:100px !important}

.pb0px{ padding-bottom:0px !important}
.pb10px{ padding-bottom:10px !important}
.pb20px{ padding-bottom:20px !important}
.pb30px{ padding-bottom:30px !important}
.pb40px{ padding-bottom:40px !important}
.pb50px{ padding-bottom:50px !important}
.pb60px{ padding-bottom:60px !important}
.pb70px{ padding-bottom:70px !important}
.pb80px{ padding-bottom:80px !important}
.pb90px{ padding-bottom:90px !important}
.pb100px{ padding-bottom:100px !important}

.pr0px{ padding-right:0px !important}
.pr10px{ padding-right:10px !important}
.pr20px{ padding-right:20px !important}
.pr30px{ padding-right:30px !important}
.pr40px{ padding-right:40px !important}
.pr50px{ padding-right:50px !important}
.pr60px{ padding-right:60px !important}
.pr70px{ padding-right:70px !important}
.pr80px{ padding-right:80px !important}
.pr90px{ padding-right:90px !important}
.pr100px{ padding-right:100px !important}

.pt0px{ padding-top:0px !important}
.pt10px{ padding-top:10px !important}
.pt20px{ padding-top:20px !important}
.pt30px{ padding-top:30px !important}
.pt40px{ padding-top:40px !important}
.pt50px{ padding-top:50px !important}
.pt60px{ padding-top:60px !important}
.pt70px{ padding-top:70px !important}
.pt80px{ padding-top:80px !important}
.pt90px{ padding-top:90px !important}
.pt100px{ padding-top:100px !important}

.fr{ float:right}
.fl{ float:left}

.table-servicios select{ /*width:180px !important*/}

.pover.porcetage{line-height:17px !important;}

.w150px{width:150px !important}

.ajax-loader-input-provincia{
	margin-left:3px;
	margin-top:-4px;
}

.porcetage.danger{color:#EE5F5B}
.porcetage.warning{color:#FBB450}
.porcetage.success {color:#62C462}

em.noinfo{color:#535353}

.margin0{
	margin:0px !important;
}

.hide{ 
	display:none;
}

.error.texterror{
	display:none !important;
}

.btn-chico{
	padding: 3px 10px !important;
	font-size: 14px !important;
}

.ajax-loader-input, .ajax-select{
	margin-top:-18px;
	margin-left:4px;
}

.border-editar{
	/*border: 1px solid #A6A6A6;*/
}

.ajax-loader-submit{
	margin-top:12px;
	margin-right:8px;
}

#cliente-nuevo-submit{ 
	margin-bottom:-2px;
}

#jGrowl.error, #jGrowl.error .jGrowl-notification{ 
	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;	
}

#jGrowl.success, #jGrowl.success .jGrowl-notification{ 
	background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

#jGrowl .jGrowl-notification{
	font-size:18px;
	line-height:22px;
}

#jGrowl .jGrowl-notification h5{
	font-size:20px;
	font-weight:bold;
	margin-bottom:-10px;
}

.navi a.activo{
	font-weight:bold;
	color:#489CDB !important;
}

.table-striped th{
	background-color:#EAEAEA !important;
	font-weight:bold !important;
}

.table-striped tbody tr:nth-child(2n+1) td, 
.table-striped tbody tr:hover td{
    background-color: #F0F0F0 !important;
}

.listado-cliente th:nth-child(4){
	width:150px;
}

.listado-servicios select{ /*width:100% !important*/}

.drop-button-textarea{
	cursor:pointer;
}

h3 label{
	font-size: 17px !important;
    line-height: 26px !important;
	font-weight:bold !important;
	margin-bottom:0px !important;
}

.herra-sec-list li{ margin-bottom:8px;}
.herra-sec-list li:last-child, .herra-sec-list{ margin-bottom:0px !important;}

.cleditorMain iframe{border:1px solid #ccc !important; border-top:0px !important}

.steps{  
width: 100%;  
overflow:hidden;  
margin-bottom:20px;
}  
.steps .small{ font-size:12px !important}
.steps ul{  
margin: 0;  
padding: 0;  
font: bold 14px Verdana;  
list-style-type: none;  
text-align: center; /* "left", "center", or "right" align steps */  
}  
  
.steps li{  
	float:left;
	margin: 0; 
	width:11%;
}  

.steps li:last-child{padding-right:0 !important}
  
.steps li a{  
display:inline-block;  
text-align:center;  
text-decoration: none;  
color: white;  
background:#D2D2D2;  
margin: 0;  

width:85px;  
height:85px;  
border-radius: 400px; /*really large border radius to create round borders*/  
-moz-border-radius: 400px;  
-webkit-border-radius: 400px;  
}  
  
.steps a span{  
position:relative; 
font-size:50px; 
top:39%;  
}  
  
.steps li a:visited{  
color: white;  
}  
  
.steps a:hover{  
background: #C1C1C1;  
}  


.steps .number{ font-size:40px}
.steps li a.green{
	color: #ffffff;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 	background-color: #5bb75b;
  	*background-color: #51a351;
 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
 	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
 	background-image: -o-linear-gradient(top, #62c462, #51a351);
  	background-image: linear-gradient(to bottom, #62c462, #51a351);
  	background-image: -moz-linear-gradient(top, #62c462, #51a351);
 	background-repeat: repeat-x;
  	border-color: #51a351 #51a351 #387038;
  	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.steps a.green:hover{
	color: #ffffff;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 	background-color: #5bb75b;
  	*background-color: #51a351;
 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
 	background-image: -webkit-linear-gradient(top, #51a351, #62c462);
 	background-image: -o-linear-gradient(top, #51a351, #62c462);
  	background-image: linear-gradient(to bottom, #51a351, #62c462);
  	background-image: -moz-linear-gradient(top, #51a351, #62c462);
 	background-repeat: repeat-x;
  	border-color: #387038 #51a351 #51a351;
  	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
} 
.steps li a.yellow{ 
	color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.steps a.yellow:hover{ 
	color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
    background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
    background-image: -o-linear-gradient(top, #f89406, #fbb450);
    background-image: linear-gradient(to bottom, #f89406, #fbb450);
    background-image: -moz-linear-gradient(top, #f89406, #fbb450);
    background-repeat: repeat-x;
    border-color: #ad6704 #f89406 #f89406;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.steps li a {
  background-color: #dbdbdb;
  background-image: -moz-linear-gradient(top, #E5E5E5, #DADADA);
  background-image: -ms-linear-gradient(top, #E5E5E5, #DADADA);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#DADADA));
  background-image: -webkit-linear-gradient(top, #E5E5E5, #DADADA);
  background-image: -o-linear-gradient(top, #E5E5E5, #DADADA);
  background-image: linear-gradient(top, #E5E5E5, #DADADA);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#DADADA', GradientType=0);
  border-color: #DADADA #DADADA #E5E5E5;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.steps li a:hover {
  background-color: #dbdbdb;
  background-image: -moz-linear-gradient(top, #DADADA, #E5E5E5);
  background-image: -ms-linear-gradient(top, #DADADA, #E5E5E5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DADADA), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #DADADA, #E5E5E5);
  background-image: -o-linear-gradient(top, #DADADA, #E5E5E5);
  background-image: linear-gradient(top, #DADADA, #E5E5E5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DADADA', endColorstr='#E5E5E5', GradientType=0);
  border-color: #E5E5E5 #E5E5E5 #DADADA;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.quicktasks a:hover{ text-decoration:none !important}

.noinfo{color: #535353;font-style: italic;}

.table-striped tbody tr td.selectedtr{ background-color:#FFFFB7 !important}
.subrrayar{ text-decoration:underline}
/*Ocultar filtros - Tareas*/
.listado-tareas tfoot th:nth-child(1) select,
.listado-tareas tfoot th:nth-child(2) select, 
.listado-tareas tfoot th:nth-child(3) select, 
.listado-tareas tfoot th:nth-child(4) select, 
.listado-tareas tfoot th:nth-child(12) select,
.listado-tareas tfoot th:nth-child(13) select{display:none !important}

.listado-tareas tfoot th:nth-child(6) select, 
.listado-tareas tfoot th:nth-child(7) select,{ width:70px !important}

.listado-tareas tfoot th:nth-child(3) select, 
.listado-tareas tfoot th:nth-child(4) select,
.listado-tareas tfoot th:nth-child(11) select,
.listado-tareas tfoot th:nth-child(10) select,
.listado-tareas tfoot th:nth-child(9) select,
.listado-tareas tfoot th:nth-child(8) select,
.listado-tareas tfoot th:nth-child(7) select{ width:90px !important}

.listado-tareas tfoot th:nth-child(6) select{ width:100% !important}

.listado-tareas tfoot th:nth-child(3) select{ width:100% !important}
/*Ocultar filtros - Tareas*/

/*Ocultar filtros - Cotizaciones*/
.listado-cotizaciones tfoot th:nth-child(1) select, .listado-cotizaciones tfoot th:nth-child(6) select, .listado-cotizaciones tfoot th:nth-child(2) select, .listado-cotizaciones tfoot th:nth-child(4) select, .listado-cotizaciones tfoot th:nth-child(8) select{display:none !important}
.listado-cotizaciones tfoot th:nth-child(3) select, .listado-cotizaciones tfoot th:nth-child(5) select, .listado-cotizaciones tfoot th:nth-child(7) select{ width:100px !important}
.listado-cotizaciones tfoot th:nth-child(8) select{ width:100% !important}
/*Ocultar filtros - Cotizaciones*/

/*Ocultar filtros - Clientes*/
.listado-cliente tfoot th:nth-child(1) select, 
.listado-cliente tfoot th:nth-child(2) select, 
.listado-cliente tfoot th:nth-child(3) select, 
.listado-cliente tfoot th:nth-child(4) select, 
.listado-cliente tfoot th:nth-child(5) select,
.listado-cliente tfoot th:nth-child(6) select,
.listado-cliente tfoot th:nth-child(7) select, 
.listado-cliente tfoot th:nth-child(11) select,
.listado-cliente tfoot th:nth-child(10) select{display:none !important}
.listado-cliente tfoot th:nth-child(9) select{ width:80px !important}
.listado-cliente tfoot th:nth-child(10) select{ width:120px !important}
.listado-cliente tfoot th:nth-child(6) select{ width:100px !important}
/*Ocultar filtros - Clientes*/

/*Ocultar filtros - Servicios*/
.listado-servicios tfoot th:nth-child(1) select, 
.listado-servicios tfoot th:nth-child(2) select,
.listado-servicios tfoot th:nth-child(5) select, 
.listado-servicios tfoot th:nth-child(12) select{display:none !important}
.listado-servicios tfoot th:nth-child(9) select{ width:80px !important}
.listado-servicios tfoot th:nth-child(10) select{ width:100px !important}
.listado-servicios tfoot th:nth-child(6) select{ width:150px !important}
.listado-servicios tfoot th:nth-child(7) select{ width:150px !important}
.listado-servicios tfoot th:nth-child(8) select{ width:150px !important}
/*.listado-servicios tfoot th:nth-child(6) select, .listado-servicios tfoot th:nth-child(4) select, .listado-servicios tfoot th:nth-child(3) select, .listado-servicios tfoot th:nth-child(2) select, .listado-servicios tfoot th:nth-child(1) select, .listado-servicios tfoot th:nth-child(7) select{ width:100% !important}*/
/*Ocultar filtros - Clientes*/

#backtotop {
    bottom: 30px;
    position: fixed;
    right: 30px;
	width: 41px;
}
#backtotop span {
    background: url("../img/bg-top.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 41px;
    width: 41px;
}

#backtotop:hover span {
    background: url("../img/bg-top.png") no-repeat scroll left -41px transparent;
}

.dropdown > .dropdown-menu.custom li.custom .title{
	font-size:16px;
}
.dropdown > .dropdown-menu.custom li.custom .title span{
	font-size:11px !important;
	font-weight:normal !important;
}

.tagsinput input{ 
	border:0px !important;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
     -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075 !important);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
}

.prioridad.tarea.Alta{ color:#F89406 !important} 
.prioridad.tarea.Urgente{ color:#F00 !important} 
.input-mini.servicios .ui-spinner{ width:50px !important}

.total-cotizacion{ font-size:18px}
.resumen-cotizacion{
	font-size: 18px;
	font-weight: bold;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

.imagetolink{ margin-top:-3px}

.slideupdown{cursor:pointer !important}
.slideupdown .box-content{ display:none; }

.table.table-striped.table-detail a, .table.table-striped.table-detail a:link, .table.table-striped.table-detail a:hover{color:#333333 !important}
.tabla-renovacion.renovacion5{ color:#F00 !important}
.tabla-renovacion.renovacion15{ color:#F89406 !important}

.table.table-striped td{ padding:3px; padding-left:5px ; font-size:11.5px}
.table.table-striped td.accion{ padding:1px !important;}
.btn-group > .btn-mini{ padding-left:4px !important; padding-right:4px !important}
.accion .btn-group > .btn-mini{ 
	border:0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
			  border-bottom-left-radius: 0px !important;
	  -webkit-border-top-left-radius: 0px !important;
			  border-top-left-radius: 0px !important;
	  -moz-border-radius-bottomleft: 0px !important;
	  -moz-border-radius-topleft: 0px !important;
}
a.listado{color:#333333 !important}
#select-cambiar-perfil{ float:right; margin-top:-10px; margin-bottom:-15px}
#nav nav-tabs li{ cursor:pointer}
.sublists{ display:none}
.detalle-link{ cursor:pointer; margin-right:4px;}
.detalle-tarea td > div{ margin-left:30px; padding:5px; padding-left:8px; background:#fff; border-left:1px solid #bbb; overflow:scroll; min-height:400px}
.detalle-tarea td{ padding:0px !important}
.detalle-tarea td > div legend{ margin-bottom:6px !important}
.detalle-tarea td > div .alert.alert-block.alert-info{ padding:6px !important; padding-left:8px !important; margin-bottom:12px;}
.button-list{ margin-bottom:-16px; margin-top:5px}
#detalleComunicado .modal-body{ max-height:300px; overflow-y:scroll}



/*SWICH*/
.onoffswitch {
    position: relative; width: 102px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 13px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Activo";
    padding-left: 10px;
    background-color: #3CDB1C; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Cancelado";
    padding-right: 10px;
    background-color: #D90F0F; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-label{margin-bottom: 0px !important}
.onoffswitch-switch {
    width: 10px; margin: 4.5px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 79px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/*SWICH*/