/*---------------- 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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,fieldset, legend,caption,.filters ul li p, figure{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent; line-height:normal; font-weight:normal;}
html{height:100%;}
.p10{padding:10px!important;}
.caption{width:160px!important; margin: 20px 0 10px; font-size: 1.8em!important; background:#555556!important; color:#fff; font-weight:400 }
.pt10{padding-top:10px;}
.black{color:#000!important}
button{border:none}
.center{text-align:center!important;}
.bckgray{background:#f8dfec}
.cienPorciento{width:100%}
.rosa{color:#d70f6f!important; font-size: 1.3em!important; margin: 5px 0;}
tr{font-weight:bold}
.boton{background: #ea8d3e; color: #fff; border: 1px solid #ea8d3e; border-radius: 2px;}
.boton:hover, #tipoAsunto:hover{background:#d47f38}
#elimina tr:hover a{color:#fff!important}
#formTipo{background: #eee;padding: 10px;border: 1px solid #ccc;border-radius: 5px;margin-top: 10px; display: none;}
#formTipo .inp, .formAutorizar .inp{border-radius: 5px;border: 1px solid #ccc;height: 30px;width: 300px;margin-left: 10px; padding:0 10px; text-transform: uppercase}
.textFormat{font-size:1.2em; padding:10px 0}
.relative{position: relative}
 .formAutorizar{border: 1px solid #ccc;background: #eee;padding: 10px;margin: 10px 0 0 0;float: left;width: 100%; display:none}
#tipoAsunto{background: #ea8d3e;height: 27px;border: 1px solid #ea8d3e;color: #fff;font-weight: bold;padding: 0 20px;border-radius: 3px;}
.uppercase{text-transform:uppercase!important}
.autorizar{float: left;width: 100%;text-align: center;background: #317bd0;color: #fff!important;padding: 9px 0;border-radius: 4px;text-transform: uppercase;margin: 10px 0 0 0;border: none;font-weight: bold;}
.autorizar:hover{background:#d47f38; color:#fff!important}
.LEIDOstatus{background:#f3f8fd!important}
#solicitudtext{float: left;width: 100%;border: 1px solid #ccc;margin: 10px 0 0 0;border-radius: 4px;padding: 10px;height: 120px;text-transform: uppercase;}
#testi{margin:5px; border:1px solid #ccc; padding:2px; float:left; width:60px;}
#testi img{float:left; width:100%; margin:0px!important;}
#mapastrong{height: 30px;position: absolute;width: 100%;z-index: 9999999;background: #25334c;text-align: center;line-height: 31px;font-size: 1.23em;color: #e7e2e3; height:35px;}
h1, h2, h3, h4{font-family: 'Raleway', sans-serif;font-weight: 500;color: #454545;font-size: 24px; text-transform: uppercase}
.desPrincipal p, .desPrincipalFixed p {    font-family: 'Lato', sans-serif;color: #454545;display: block;font-size: 15px;font-weight: 300;text-transform: uppercase;margin-top: 2px; border-bottom: 2px solid #e5007c; padding-bottom: 10px; margin-bottom: 0px;}
.btn{display: inline-block;padding: 8px 12px 8px;margin-bottom: 0;font-size: 12px;font-weight: 600;line-height: 15px;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid #d6d3d3;border-radius: 4px;text-transform: uppercase;color: #737373;}
#primerReporte tr td {text-align:center; vertical-align: middle}
.descargar{position:absolute; top: 33px; right: 229px;}
.descargar strong{line-height: 30px; float: left; margin-right: 10px; text-transform: uppercase; font-size: .9em;}
#primerReporte tr td img{width:18px;}
#hold{margin-top:140px; padding-left:10px;}
#tablaproveed tr{padding: 10px 0!important;}
.desPrincipal {padding:10px 0px 10px 20px; margin:10px 0 0px; width:97%}
.desPrincipalFixed{background: #eceff1; position: fixed; top: 0px;  z-index: 999; padding:20px 0px 10px 20px; margin:10px 0 0px; width:92%}
#acciones {position: absolute;min-height: 52px;left: 17px;top:9px;width: 96%;padding: 8px 0; background-color: #e9e9e9;  border-radius: 4px; border: 1px solid #dcd7d7;}
.botBlanAzu {float: left; position: relative; padding: 3px 10px 3px 7px;  text-transform: uppercase; border:1px solid #bfbaba;  color: #6c738e; height: 35px!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 15px; background: #fff;}
.botonEdicion {float: right; position: relative; padding: 3px 10px 3px 7px;  text-transform: uppercase; border:1px solid #bfbaba;  color: #6c738e; height: 35px!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 15px; background: #fff;}
.botonEdicion img{margin:7px 6px 0 3px!important}
.botBlanAzu:hover, .botonEdicion:hover{color:#333;}
.botBlanAzu span, .botonEdicion .editar { margin-top: 8px; float: left;  font-style: normal; color:#6c738e}
.blueboton{background: #dc6d23; color: #fff;   padding: 9px 15px 8px; border-radius: 5px; font-weight: 800; text-align: center; width:inherit!important; margin-right: 10px;}
.bluebotonTwo{background: #dc6d23; color: #fff; padding: 9px 15px 8px; border-radius: 5px; font-weight: 800; text-align: center; width: 145px!important;  margin-right: 10px;}
.soli{ font-weight: bold; font-size: 1em;  color: #888; float:left; width:155px; text-align: left; padding:3px 0;}
.dept{width:180px; float:left; }
#calificaciones span{float:left; width:25%; background:#fff; padding:20px 0; border-right: 1px solid #ccc; height:180px;}
#calificaciones span strong{float:left; font-size:.9em; width:100%; text-align:center}
#calificaciones span p{float:left; width:100%; font-size:1.4em; text-align:center;}
#calificaciones span .inC{    border: 1px solid #f1f1f1; text-align: center; padding: 20px 7px 20px 20px; border:none; width: 66px;}
.statusSoli p:first-child{margin-right:10px;}
.statusSoli .sinAlerta{float: left; width: 20px; background: url(../graphics/statusleido.png) left 0; height: 14px; margin: 3px 0 0 0; }
.statusSoli .alerta{float: left; width: 20px; background: url(../graphics/statusFinal.png) -37px 0px no-repeat; height: 14px; margin: 3px 0 0 0; }
.alerta span{position: absolute; top:-100000000px}
.examenContestado{float: left; width: 20px; background: url(../graphics/svg/pdf.svg) left 0 no-repeat; height: 14px; margin: 3px 0 0 0; background-size:12px; margin-left:10px }
.baja{float: left; width: 20px; background: url(../graphics/baja.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0; background-size:12px }
.statusSoli .descartado{float: left!important; width: 20px!important; background: url(../graphics/baja.png) left 0 no-repeat!important; height: 14px!important; margin: 3px 0 0 0!important; background-size:12px!important; position: inherit!important; }
.statusSoli .aprobada, .activado, .activada{float: left!important; width: 20px!important; background: url(../graphics/statusFinal.png) 1px 0 no-repeat!important; height: 14px!important; margin: 3px 0 0 0!important;  margin-right:2px!important; position: inherit!important; padding:0px!important;}
.desactivada, .desactivado{float: left!important; width: 20px!important; background: url(../graphics/statusFinal.png) -17px 0 no-repeat!important; height: 14px!important; margin: 3px 0 0 0!important;  margin-right:2px!important; position: inherit!important; padding:0px!important;}
.statusSoli .aprobado:hover{background-color:inherit!important; background: url(../graphics/statusFinal.png) 1px 0 no-repeat!important;} 
.contratado, .alta{float: left; width: 20px; background: url(../graphics/autorizado.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0; background-size:12px }
.NO_LEIDO{float: left; width: 20px; background: url(../graphics/statusleido.png) -23px 0; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.periodo_de_prueba{float: left; width: 20px; background: url(../graphics/statusFinal.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.cita{float: left; width: 20px; background: url(../graphics/statusfinal.png) -40px 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.reagendado{float: left; width: 20px; background: url(../graphics/statusFinal.png) -60px 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.en_proceso, .sin_asignar{float: left; width: 20px; background: url(../graphics/statusFinal.png) -60px 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.aceptada{float: left; width: 20px; background: url(../graphics/statusFinal.png) left 0 no-repeat; height: 14px; margin: 3px 0 0 0;  margin-right:2px;}
.statusSoli{width:83px; float:left;}
#soliinfo p{color:#dc6d23}
#fech{float: right;padding: 4px 10px;font-size: .7em; margin: 0 0 6px 20px!important;border-radius: 4px;color: #fff!important;
}
.cleanAnchor img{height:inherit!important; width:30%}
.solEscrita{padding:10px 20px 0; float:left; width:100%}
.solEscrita strong{padding:0px 15px 0px 0px!important; line-height:18px}
.bluebotonThree{background: #535556; color: #fff;   padding: 9px 15px 8px; border-radius: 5px; font-weight: 800; text-align: center; width:65px!important; margin-right: 10px;}
.blueboton:hover, .bluebotonTwo:hover, .bluebotonThree:hover{color:#fff; }
.bluebotonAzul{color: #dc6d23; padding: 4px 5px 3px; border-radius: 5px; font-weight: 800; text-align: center; width: inherit!important; margin-right:5px; text-transform: uppercase}
body{font-family:Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased!important; line-height:1.54; color:#555;  height:100%; font-size:11px; background:#eceff1}
img{color:#f4f4f2;}
ol,ul,li{list-style:none; font-weight:lighter;}
clear, br{clear:both}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
p{line-height:1.6em;}
a{text-decoration:none!important; color:#555; font-weight:600; cursor:pointer;}
.submenu a{color:#fff; font-weight:300}
.submenu a:hover{color:#fff;}
button, #choTip, .callId, #choTipEva, .cPointer, #choTipEvaCol, .tablaPreg tr, #colPr, #mp{cursor:pointer}
strong, #forAjaTwo strong{font-weight:700;}
.firsUp{text-transform:capitalize}
.tcenter{text-align:center}
.dnone, #formPre, .submenu, .barIn h1, .barIn strong, .barIn em, .barOut .heading, #popupQuick, #rigWinClose, #busPros, #propuesta{display:none}
.barOut .heading h3{float:left; padding-left:30px; display:block}
.barIn .svgIcon{width:20px;}
.dblock, .barOut h1{display:block}
.ml85{margin-left:85px;}
.m10{margin:10px}
.mb10{margin-bottom:10px}
.ml270{margin-left:270px;}
.mt10{margin-top:13px}
.svgIcon{margin:6px auto 6px ; }
.barOut #navMenu li img{margin:13px 10px 0 16px; width:20px; max-height:19px}
.barOut .In{border-bottom:1px solid #ccc;}
.barOut img{float:left}
.alertTab{color:brown; font-weight:700}
.ohid{overflow-x:hidden}
.alertClick{background:#F5F5DC}
.verde{background:#ddffdd!important}
.roja{background:#f797ac!important;}
.roja a, .roja p{color:#333!important}
.colores, .coloresDos{font-size:1.5em}
.coloresDos .roja, .coloresDos .verde{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  }
.hide{display: none}
.colorize{ color: #d70f6f; margin-bottom: 8px; font-weight: 600; margin-top: 2px;}

/*---------------- Cargador ------------------*/
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../graphics/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);}
.no-js #loader {display:none; }
.js #loader {display:block; position:absolute; left:100px; top:0; }
.se-pre-con {position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999999999; background:#fff;}
#comenW b{margin-right:2px}
/*---------------- Plantilla ------------------*/
/*---------------- Botones ------------------*/
.darkBottom{background:#dc6d23; border: 1px solid #dc6d23; padding:5px 20px; color:#fff; font-size:13px; text-transform:uppercase; font-weight:700; border-radius:4px; cursor:pointer}
.darkBottom:hover{background:#0060C8}

/*---------------- Generales  ------------------*/
.brightGray{border-right:1px solid #ccc}
.none, #butEva, #butEvaCol{display:none}
#bckWhite{background-color:#383838;} #bckDark{background:#333}
#desPrincipal. .desPrincipalFixed{padding-left:20px; padding-top:60px;}
#desPrincipal p. .desPrincipalFixed p{  font-family: 'Lato', sans-serif;color: #454545;display: block;font-size: 15px;font-weight: 300;text-transform: uppercase;margin-top: 2px; border-bottom: 2px solid #e5007c; padding-bottom: 10px; margin-bottom: 0px;}
#mainContainerBlack{background:#fff; margin:110px auto 0; width:730px}
.back{float:right; margin-right:10px}
.mainBottonSma:hover{background: #005ec4; /* Old browsers */
background: -moz-linear-gradient(top, #005ec4 0%, #dc6d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ec4), color-stop(100%,#dc6d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #005ec4 0%,#dc6d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #005ec4 0%,#dc6d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #005ec4 0%,#dc6d23 100%); /* IE10+ */
background: linear-gradient(to bottom, #005ec4 0%,#dc6d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ec4', endColorstr='#dc6d23',GradientType=0 );}
.mainBottonSma{background: #dc6d23; /* Old browsers */
background: -moz-linear-gradient(top, #dc6d23 15%, #dc6d23 15%, #0079f2 74%, #005ec4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#dc6d23), color-stop(15%,#dc6d23), color-stop(74%,#0079f2), color-stop(100%,#005ec4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* IE10+ */
background: linear-gradient(to bottom, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6d23', endColorstr='#005ec4',GradientType=0 );
border:1px solid #005ec4; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; padding:8px 32px 6px 32px; border-radius:4px; float:right; margin-top:10px;}
.mainBotton{text-align:center; background:#ea8d3e; border:1px solid #d7106f; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; padding:10px 32px 8px 32px; border-radius:4px; float:right; width:100%}
.descartaBoton{text-align:center; background:#d7106f; border:1px solid #d7106f; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; padding:10px 32px 8px 32px; border-radius:4px; float:right; width:100%}
.descartaBoton:hover{background:#d02727}
.mainBottonSmaDes{background: #dc6d23; /* Old browsers */
background: -moz-linear-gradient(top, #dc6d23 15%, #dc6d23 15%, #0079f2 74%, #005ec4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#dc6d23), color-stop(15%,#dc6d23), color-stop(74%,#0079f2), color-stop(100%,#005ec4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* IE10+ */
background: linear-gradient(to bottom, #dc6d23 15%,#dc6d23 15%,#0079f2 74%,#005ec4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6d23', endColorstr='#005ec4',GradientType=0 );
border:1px solid #005ec4; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; padding:8px 32px 6px 32px; border-radius:4px; float:left;}
.mainBotton:hover{color:#fff; background:#d07b33; }
.mainBotton:active{background:#A80200}
.mainBottonCenter{text-align:center; background:#d7106f; border:1px solid #d7106f; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; padding:10px 32px 8px 32px; border-radius:4px; width:180px; margin:20px auto; display:block}
.f100{float:left; width:100%;}
.wrapList{position:relative; padding-bottom:5px; padding-top:80px; }
.wrapListRegular{background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding-top:20px; }
.wrapListLow{background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding-top:25px;}
.prel{position:relative;}

.wrapListForm td, .dataInf{position:relative; border-right: 1px solid #ddd; background:#fff}
.fleft, #search fieldset{float:left;}
.pl10{padding-left:10px}
.pl65{padding-left:65px}
.fright{float:right;}
 #wrapPlus{float:right;}
header{    position: fixed;width: 100%;height: 65px!important;text-transform: uppercase;z-index: 99999999; border-bottom:1px solid #000000; background: #000000;}
header nav{float:right; height:65px!important;}
#logoHeader{width:210px; margin-top:2px;}
#logoSmall{width:100px; position:absolute; left:29%; top:26px; z-index: 99999999}
#bar{position:fixed; top:0px; background-color:#2a2b2d; height:100%; left:0; z-index:99999999;  box-shadow: 0px 23px 18px #18253a; overflow:hidden}
.barIn{width:70px;}
.barOut{width:260px;overflow-x:hidden;}
#popupPref{position: absolute; top: 25px; right: -10px; z-index: 9; background-color:#6e6f71; width: 149px; display: none; padding: 6px 0px 0;}
.int{float:left; width:100%; border:none; font-size:1.1em;}
.editInput{margin-left: 5px;  background: #eee; color: #333; padding: 2px 5px;  border-radius: 4px; font-weight: 500;  text-transform: uppercase; font-size: .9em;}
.botonMini{border: none;  font-size: .8em; color: #317bd0!important; padding: 0px 5px; border-radius: 5px; margin-left: 3px; background: none; text-transform: uppercase; float: right;}
.botonMini:hover{color:#fff!important; text-decoration:none; background:#2a5b90}

#botonUsuarios{background:#d7106f; float:left; width:100%; text-align:center; padding:6px 0; text-transform:uppercase; color:#fff;  font-size:1.1em; font-weight:600; border:1px solid #d7106f}
#popupPref li{float:left; width:100%; border-bottom:none;}
#popupPref li a{font-weight:600; padding:10px 10px 8px; text-transform:uppercase; float:left; width:100%; border-bottom:1px solid #3e3f40; color:#fff }
#popupPref li a:hover{color: #e9851e;}
#senial{position:absolute; top:-10px; right:20px; font-weight:600!important; color:#b5b0b0!important}
#settings, #obPref{float:right; position:relative; padding:15px 6px 0 6px; height:64px!important; cursor:pointer; border-left:1px solid #626262}
#settings:hover, #add:hover, #obPref:hover{border-left:1px solid #4c4b4b; }
#add{float:left; border:none; background:transparent; padding:15px 10px; height:64px !important; border:none; border-left: 1px solid #626262;}
#add:hover, #settings:hover, #obPref:hover{background: #3b5186; box-shadow: 1px -5px 13px #5c76b1;}
#add span{float:left; width:100%; margin-top:5px; font-weight:600; color:#e2e2e2; text-transform:uppercase; font-size:.9em;}
#preferences{float: right; padding: 9px 10px 0 31px; height: 34px!important; background: #676767; border-radius: 51px; margin: 17px;}
#notifBar{width:80px; text-align:center; padding:1px }
#sets{width:80px; text-align:center; padding:1px;}
#notifBar img, #sets img, #add img{width:16px; margin-bottom:1px; height:19px}
#notifBar span, #sets span{float:left; width:100%; margin-top:5px; font-weight:600; color:#e2e2e2;}
.cheers span{position: absolute; top: -2px; left: -23px;}
.wrapOpen{float:left; width:100%; padding-left:70px; padding-bottom: 80px;}
.arrowLeft{border:none; text-indent:-99999px; position:fixed; background:url(../graphics/menuSprite.png) 20px 21px no-repeat; width:69px; height:65px !important; padding:14px; border-bottom:1px solid #475c80; z-index:99999999999;}
.arrowRight{border:none; text-indent:-99999px; background:url(../graphics/menuSprite.png) 218px -53px no-repeat; z-index:99999999999; width:244px; height:64px !important; padding:14px;}
.arrowLeft:hover{background:url(../graphics/menuSprite.png) 20px 21px no-repeat #d7276f;}
#navMenu svg{width:32px}
.barIn #padMenu{ float:left; height:65px !important}
.barIn #butImg{height:65px;}
.barIn .main{float:left; width:69px; padding:14px 5px; cursor:pointer; position:relative; text-align: center; border-left: 4px solid #d7276f;}
.barOut #navMenu li{float:left; width:275px; padding:0px 5px 0 0; cursor:pointer}
.barOut .main{float:left; width:260px; padding:13px 5px 0 0; cursor:pointer}
#navMenu li strong{line-height: 28px;padding: 9px 0 7px 4px;text-transform: uppercase;float: left;font-size: 12px;font-weight: 600;cursor: pointer;font-style: normal;width: 215px;border-bottom: 1px solid #4d4d4e;color: #ffffff9e!important;}
 #navMenu li em{line-height: 28px;padding: 9px 0 7px 4px;text-transform: uppercase;float: left;font-size: 12px;font-weight: 600;cursor: pointer;font-style: normal;width: 200px; color: #fff}
.bckMarkActive{background:#282828; box-shadow:inset 0px 1px 20px -7px #18253a; -webkit-box-shadow:inset 0px 1px 20px -7px #18253a; -moz-box-shadow:inset  0px 1px 20px -7px #777;}
.main:hover, .bckMark{background: #282828; border-bottom: 1px solid #253558; }
#navMenu h1{float: left; width: 100%; padding: 10px 20px; background: #000000; font-size:12px; overflow: hidden; color: #fff; font-weight: 600; text-align:center}
.wrapClose{margin-left:260px;}
#winRight{position:absolute; top:120px; right:-181px; display:none}
#actions{     position: absolute;min-height: 58px;top:5px;margin-left: 22px;width: 95.5%;border: 1px solid #dcd7d7;padding: 11px 0 7px 0px;background-color:#e9e9e9;border-radius: 4px;}
.barIn .submenu{position: absolute;font-size: 14px;font-weight: 300;top: 14px;left: 65px;z-index: 9999999;width: 265px;background: #36466e; padding-bottom:10px;}
.barOut .submenu{float:left; border-bottom:1px solid #151414; }
.barOut .submenu li{padding:0 !important}
.barOut .submenu li a{    font-family: 'Lato', sans-serif;
	text-transform: uppercase;font-size: 13px;font-weight: 600;padding: 7px 0 7px 43px;float: left;width: 100%;color: #d0cccc;border-left: 3px solid #edc41a;}
.wrapListGray{#e0dddd}

.barOut .submenu li a:hover{background:#0a0a0a; color:#fff; font-weight:700; text-decoration: none}
.submenu li{float:left; width:100%}
.barIn .submenu li{padding-left:30px; }
.submenu li:hover{background:#18253a}
.heading:hover{background:#18253a!important;}
.heading{position:relative; background:#36466e; padding:13px 0}
.heading img{position:absolute; top:0; left:-2px; padding:0px; height:50px !important;}
.barIn .submenu li {padding-left:30px}
.barIn .submenu li a{float:left; width:100%; padding:8px 0; text-align:left}
#actionsPdf{position:absolute; top:65px;}
.pisos{background:#f0f8ff; float:left; width:100%; text-transform:uppercase}
.pisos a{color:#555; font-size:11px; border-right:1px solid #B7E3FF; border-left:1px solid #B7E3FF;}
#asigPi{background:#eee; border-right:1px solid #B7E3FF;}
#asigPi ul{float:left; border-right:1px solid #B7E3FF;}
#asigPi li{float:left;} #asigPi li a{font-weight:700; color:#555; width:70px; text-align:center; border-left:1px solid #B7E3FF; text-transform:uppercase; background:#f0f8ff}
#asigPi li a:hover{background:#D8EDFF; color:#222}
#tablaPlano tbody tr:hover{background-color:#eee}
table tbody tr:hover{background-color:#fafafa}
#popupAct{z-index: 9999999999999; background: rgba(51, 51, 51, 0.8);  border: 1px solid #ccc; padding: 20px; top: 43px; box-shadow: 2px 2px 9px #ccc;  width: 100%; left:0; position: absolute; top: 0; height: 100%;}
#popupAct form{background: #f6f9fc; position:absolute; margin-left:50%; width:500px; left:-250px; height:200px; padding:20px; top:20%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: -4px 9px 40px #222; -moz-box-shadow: -4px 9px 40px #222; -webkit-box-shadow: -4px 9px 40px #222;}
#popupAct fieldset{float:left; width:100%; padding:0}
#popupAct h2{font-size: 1.4em; text-transform: uppercase; font-weight: 700; float: left; width: 100%; text-align: center; color:#333}
#popupAct p{float:left; width:100%; text-align:center; padding:10px 0; line-height:21px; font-size:1.2em}
/*----------------Titulos ------------------*/
#report{    float: left;width: 100%;padding: 10px 15px 9px;background: #2a3850;margin: 15px 0;font-size: 1.1em;text-transform: uppercase;border-radius: 5px;color: #e3e3e6;font-weight: 800;}
#listReport{float:left; width:100%; padding:0 15px 15px; border-bottom:1px dotted #ccc}
#listReport li{float:left; width:100%; padding:5px 2px; text-transform: uppercase}
#listReport li span{float:left; width:300px;}
#listReport li a{    border: 1px solid #ccc;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #403f3f;padding: 1px 4px;margin: 0 2px;background: #e6e6e6;}
#listReport li a:hover{background:#eee}
#mainTit{padding:16px 20px 26px;}
#mainTitPlano{padding:26px 15px;}
#mainTit img{float:left; width:34px; margin-right:10px}
#mainTitPlano h1, #mainTitPlano h2, #mainTitPlano h3, #mainTitPlano h4{text-transform:uppercase; font-size:18px}
#mainTit p{font-family:Lato,sans-serif; font-size:16px; padding:3px 0;}
#mainTit strong{font-weight:600; color:#777}
#titAva{float:left; width:100%; font-size:18px; margin:0 0 10px 0; margin-left:20px;}
.iconPlus img{    width: 14px;border-radius: 4px;float: left;margin: 7px 9px 3px 0;max-height: 20px;}
.countRed{background-color: #d7106f; color: #fff; border-radius:50%; padding:2px 5px; font-weight:700; font-style:normal; position:absolute; top:-6px; right:-6px;}
.addSmall{float:left; position:relative; padding:3px 9px 3px; text-transform:uppercase; border:1px solid #bfbaba; color:#333; height:35px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:8px; background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); background-color:#f9f9f9; cursor:pointer}
.back a:hover, .botonEdicion:hover{
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background-color: #f3912c;
    background: -moz-linear-gradient(top,#ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(56%,#f0f9ff), color-stop(99%,#cbebff), color-stop(99%,#cbebff), color-stop(100%,#a1dbff));
    background: -webkit-linear-gradient(top, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    background: linear-gradient(to bottom, #ffffff 1%,#fcfcfd 56%,#ccdff7 99%,#c8e1fb 99%,#b9d7f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 );
    color: #222;
    box-shadow: 1px 1px 6px 0px #d0d0d0fa;
    -moz-box-shadow: 1px 1px 6px 0px #d0d0d0fa;
    -webkit-box-shadow: 1px 1px 6px 0px #d0d0d0fa;
}

#butImg{height:100px; background:#000000}
.addSmallClick{float:left; position:relative; padding:3px 10px 3px 7px; text-transform:uppercase; border:1px solid #78C1FF; color:#333; height:35px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:15px; background:#fff; cursor:pointer; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(233,234,234) 3%, rgb(255,255,255) 77%, rgb(255,255,255) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(233,234,234) 3%,rgb(255,255,255) 77%,rgb(255,255,255) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(233,234,234) 3%,rgb(255,255,255) 77%,rgb(255,255,255) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#formPre{position:absolute; left:12px; bottom:4px;}
.addSmallGray{float:left; position:relative; padding:6px 10px; text-transform:uppercase; border:1px solid #ccc; color:#333; height:26px!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:10px; background:url(../graphics/bckGray.png) 0 -29px repeat-x #fff;}
.addSmallGray:hover, .addSmallGrayBot:hover, #choTip a:hover, #choTipEva a:hover, #choTipEvaCol a:hover, #colPr a:hover{border:1px solid #78C1FF; background:url(../graphics/bckGray.png) 0 0px repeat-x #fff;}
.addSmall span, .addSmallClick span, .contesta span{margin-top:8px; float:left; font-style:normal;}
.addSmall:hover, .valGen:hover, .contesta:hover{border:1px solid #ccc; background:linear-gradient(to bottom, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%);
	background-color:#f3912c; /* Old browsers */
background:-moz-linear-gradient(top,#ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(56%,#f0f9ff), color-stop(99%,#cbebff), color-stop(99%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 1%,#fffbda 56%,#ffecc9 99%,#ffb224 99%,#ff9800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 ); color:#222; box-shadow:1px 0px 3px 0px #2b2b23; -moz-box-shadow:1px 0px 3px 0px #2b2b23; -webkit-box-shadow:1px 0px 3px 0px #2b2b23; }
.active{-webkit-box-shadow:inset 7px 10px 14px -14px rgba(0,0,0,0.75);
-moz-box-shadow: inset 7px 10px 14px -14px rgba(0,0,0,0.75);
box-shadow: inset 7px 10px 14px -14px rgba(0,0,0,0.75); }
.active span{font-weight:700; color:#555}
.addSmall:active, .addSmallClick:active{background:aliceblue;}
.iconEdit img{width:16px; margin-top:2px}
#wrapListPlano{height:640px}
.wrapListForm{margin-left: 17px;border: 1px solid #cacaca;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin-bottom: 20px;padding: 20px 20px 20px;width: 96%;position: relative;background: #fff;}
.wrapForm{float:left; border:1px solid #ccc; background:#fafafa;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin:20px 0; padding:2px 20px 20px; width:100%; position:relative}
.wrapListFormThree{margin-left:17px; border:1px solid #eee; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:20px; padding:20px; width:96%; position:relative}
.busquedaForm{margin-left:17px; width:96%; position:relative}
.busquedaForm label{position:absolute;}
.busquedaForm input{float:left; margin:1px 0px 0 13px; border:1px solid #ccc; height: 25px; width:360px; padding:0 10px; text-transform:uppercase; border-radius:3px; background-color:#fafafa;}
#busPros{width:540px}
.sec img{width:50px;}
.wrapListForm tbody, .wrapListFormThree tbody{border:1px solid #ccc;}
.wrapListForm thead th, .wrapListFormThree thead th{font-family: 'Lato', sans-serif; color: #fff; font-size: 15px; border-bottom: 1px solid #ddd; padding: 6px 10px 2px; background: #3e3f40; font-weight: 600;}
.secmainTit{font-family:'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; padding:15px 0 0 0; float:left; width:100%;}
.bigInp{float:left; border:1px solid #fff; height:36px; padding:0 10px 0; width:100%; text-transform:uppercase;  color:#dc6d23;}
.thbr thead th{ padding:0 0 6px 10px; font-size:13px; font-weight:700}
.thbr tbody a{float:left; width:100%; padding:6px 13px;}
.selSma{position:absolute; left:2px;height:35px;border:1px solid #fff; background-color:#fff; width:50px; text-transform:uppercase; color:#dc6d23; border-right:1px solid #ddd; border-radius:0;-webkit-appearance: none; -moz-appearance: none; padding-left:15px}
.medInp{float:left; width:100%; height:34px; margin-top:1px; border:1px solid #fff; border-left:1px solid #ddd; text-transform:uppercase; color:#dc6d23; padding:0 10px}
.medInpSpe{float:left; width:100%; height:34px; margin-top:1px; border:1px solid #fff; text-transform:uppercase; color:#dc6d23; padding-left:65px}
.selBig, .selMed, .selExtra{float:left; border:none; height:33px; margin-top:2px; background-color:#fff; width:100%; text-transform:uppercase; color:#dc6d23; border-radius:0; -webkit-appearance: none; -moz-appearance:none; padding-left:15px}
.delToolSmall{border-top:1px solid #ddd}
.wrapListForm table, .wrapListFormThree table{float:left; width:100%}
.wrapListForm tr, .wrapListFormThree tr{border-bottom:1px solid #ddd;}
.wrapListForm label, .wrapListForm strong, .wrapListFormThree label, .wrapListFormThree strong{text-align:left; padding:10px 15px 8px 26px; text-transform:uppercase; font-weight:600; float:left; width:100%;}
.wrapListForm td p, .wrapListFormThree td p{float:left; width:100%; padding:0 10px; text-transform:uppercase}
.grayField{background:#eee}
.plus{position:absolute; top:0px; right:0px; border-left:1px solid #ddd; height:34px !important; background-color:#fff;}
.plus img, .plusTwo img{width:20px; margin:8px; cursor:pointer}
.plusTwo{position:absolute; top:0px; right:0px; border-left:1px solid #ccc; height:36px !important}
.iconDelete img{width:30px; background-color:#dc6d23; padding:4px; max-height:28px; border-radius:4px; position:absolute; right:45px; top:2px;}
.iconDeleteT img, .iconEditT img{margin:4px 10px 0 0; width:34px; background-color:#dc6d23; padding:6px; max-height:32px; border-radius:4px; float:right;}
.iconDeleteT img:hover, .iconEditT img:hover{background:#0060C8;}
#masPlazas{float:left; width:100%; border-bottom:1px solid #ddd;}
.obli{color:#c30; font-size:18px; line-height:9px}
.texBig{float:left; width:100%; border:1px solid #fff; margin:5px 0; padding:8px 0px; height:62px; background:#fff!important}
.proImg img{width: 20px; height: 20px; border: 2px solid #e5007c; border-radius: 50%; padding: 1px;}
#solicitud{background-color:#d7106f;color:#fff;border-radius:50%;padding:2px 5px;font-weight:700; font-style:normal;position:absolute;top:6px;right:28px}
#cotLoc{margin-top:6px; padding:3px 0 0; font-size:11px; border:none; background-color:transparent; text-transform: uppercase;}
.botCart input{margin-right:5px}
.botCart label{margin-top:3px}
#devCan{text-transform:uppercase; font-weight:700; padding:10px 10px 10px; float:left; width:100%; margin-bottom:20px; background-color:#eee; border-radius:4px; border:1px solid #ccc;}
#devCan input{float:left; margin-right:10px; cursor:pointer}
#devCan span{float:left; font-size:1.1em; margin-top:4px}
.wrapListForm fieldset{float:left; width:100%; background:#f0f8ff; padding:15px}
#archivoDevolucion{border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; margin-bottom: 20px;}
#archivoDevolucion span{float:left; font-size:1.1em; text-transform:uppercase; margin:3px 10px;}
.svgPdf img{width:18px; float:left;}
.svgPdf span{float:left; margin:5px 0 0 10px; font-size:.9em; font-weight:700}
.msgFlash{margin-left:17px; border:1px solid #eee; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:10px; padding:10px 20px; width:96%; min-height:44px!important;}
.msgFlash img{float:left; margin-right:10px;}
.msgFlash strong{font-size:12px; margin-top:5px; float:left; text-transform:uppercase; color:brown;}
#enviarFirma:hover{background:#ccc: color:#333; box-shadow:5px 0px 11px 2px #ccc; -moz-box-shadow:5px 0px 11px 2px #ccc; -webkit-box-shadow:5px 0px 11px 2px #ccc; border:1px solid #fff;}
#enviarFirma{border:1px solid #fff;}
.botCart{float:left; margin-right:10px}
.calInp{position:absolute; top:8px; width:16px; right:7px; z-index: 999;}
input[type=file]{padding-top:9px;}
#stat{background: #eee; width: 200px; margin: 0 0 0 10px;  border: 1px solid #ccc; padding: 5px; border-radius: 5px;}
.editInfo .inle, #editInfo .inle{width:200px; border: none; color:#e08d5a; text-transform: uppercase}
.editInfoII .inle, #editInfoII .inle{width:200px; border: none; color:#e08d5a;}
.editInfo .in, #editInfo .in{float:left; width:100%; border: none; color:#e08d5a; text-transform: uppercase}
.editInfoII .in{float:left; width:100%; border: none; color:#333;}
.editInfo .in::placeholder, .editInfo .inle::placeholder, #editInfo .in::placeholder, #editInfo .inle::placeholder{color: #ccc; text-transform: uppercase; }
.editInfoII .in::placeholder, .editInfoII .inle::placeholder, #editInfoII .in::placeholder, #editInfoII .inle::placeholder{color: #ccc;  }
.editInfo .in:focus, .editInfo .inle:focus #editInfo .in:focus, #editInfo .inle:focus{ text-transform: uppercase}
.editInfo span, #editInfo span, #editInfoII span{color:#ccc}
.editInfo .sele, #editInfo .sele{float:left; width:100%; border: none; color:#e08e5b; text-transform: uppercase}
.editInfoII .sele{float:left; width:100%; border: none; color:#e08e5b;}
.editInfo .seledos, #editInfo .seledos{float:left; width:100%; border: none; color:#ccc; text-transform: uppercase}
.editInfoII .seledos{float:left; width:100%; border: none; color:#ccc;}
.editInfo .selected, #editInfo .selected, , .editInfo .selected{color: #e08d5a!important; }
#dir span{float:left; width:125px; font-weight:bold; }
#dir p{padding:0 0 0 15px}
#dir p:first-child{margin-top:10px;}
#dir p:last-child{margin-bottom:10px;}
.observacion{background:#2a3850; float: right; width:100%; padding:7px 10px 5px 2px; border: 1px solid #ccc; margin: 10px 0 0; border-radius: 4px;}
.observacion p{color:#fff}
.observacion em{background: #ea8d3e; color: #fff; padding: 2px 10px; border-radius: 5px;  font-size: .8em;}

/*---------------- Login  ------------------*/
.conLog{position:absolute; top:80px; width:400px;  margin-left:-215px; left:50%; text-align:center; font-family: 'Oswald', sans-serif; background:url(../graphics/bck-izzi.png); padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.bckIndex{font:13px/20px 'Lucida Grande',Tahoma,Verdana,sans-serif;color:#404040;background:#1a1a1a}
.login{display: block; background:#050707; padding: 20px; border-radius:5px; box-shadow:2px 5px 14px #333; -webkit-box-shadow:2px 5px 14px #333; -moz-box-shadow:2px 5px 14px #333;}
.login h1{font-size:22px; color:#fff; margin:0; font-weight:600; font-family: 'Oswald', sans-serif; float:left; width:100%;}
.login p{font-size:13px; padding-top:4px; color:#fff; font-family: 'Oswald', sans-serif; font-weight:300; float:left; width:100%}
#loginForm p{display: block; position: relative;}
.login span{padding:10px 0px; float:left; text-transform:uppercase; width:100%}

.login1{float:left; width:100%; background:#fff; padding-bottom: 20px; border-bottom:4px solid #4F9CD4; border-top:4px solid #4F9CD4; border-radius:5px; box-shadow:2px 5px 14px #333; -webkit-box-shadow:2px 5px 14px #333; -moz-box-shadow:2px 5px 14px #333;}
.login1 h1{font-size:22px; color:#fff; margin:0; font-weight:600; font-family: 'Oswald', sans-serif; float:left; width:100%;}
.login1 p{font-size:13px; display:block; padding-top:4px; color:#fff; font-family: 'Oswald', sans-serif; font-weight:300;}
.login1 span{padding:10px 20px; background-color:#4F9CD4; float:left; text-transform:uppercase;}
#ojo{position: absolute;  z-index: 9999;  bottom: 13px; right: 9px;  width: 22px; height: 29px;}
.ojo-cerrado{background:url(../graphics/ojo-cerrado.png) 0 18px no-repeat ; }
.ojo-abierto{background:url(../graphics/ojo-abierto.png) 1px 14px no-repeat ;}
.msgBlack{float:left; width:100%; padding-bottom:10px; text-transform:uppercase; color:#e77714}
#loginForm form{float:left; padding:20px 0;}
#loginForm label{display:block; color:#ccc; text-align:left; padding:10px 0 8px 10px; text-transform: uppercase; font-weight:400;font-size:15px; }

.inpLog{height:38px; font-size:13px; border:1px solid #bb0673; background:#fcf4ff; padding:0 10px; width:340px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.submit input{cursor:pointer; background:#ea6735; border:0px solid #ea6735; color:#fff; font-size:14px; font-weight: 700;text-transform: uppercase;  padding: 12px 0; width:100%; border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin: 20px auto 0 auto; transition: background-color 0.3s ease, color 0.3s ease;}
.submit input:hover{background: #e66f07; }
#mesLog{float:left; width:100%; margin:20px 0; font-size:16px; font-weight:300; color:#fff}
#mesLog a{color:#e6671e; font-weight:600}
#aqui{float:left; width:60%; border: 1px solid #B7E3FF; margin:0 25px 25px;}
#tab2{float:left; width:95.5%; border: 1px solid #B7E3FF; margin:0 25px 25px;}

/*---------------- pdf cartas intencion  ------------------*/
.pdf-container{padding:20px 20px 0;font-size:10px;font-family:"Myriad Pro",arial,helvetica,sans-serif!important}
.underline-text{text-decoration:underline;font-weight:700;}
hr.signing{margin-bottom:0;border-color:#18253a}
.small-text{font-size:7px}
#adjustWrapBlack form{float:left;width:730px;background:#fff;padding:30px;margin-top:15px;box-shadow:0 4px 7px #18253a;-moz-box-shadow:0 4px 7px #18253a;-webkit-box-shadow:0 4px 7px #18253a}

/*---------------- MODAL PERSONALIZADO HTML5------------------*/
.modal-box{display:none;position:absolute;z-index:1000;width:600px;background:#fff;border-bottom:1px solid #aaa;border-radius:4px;box-shadow:0 3px 9px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.1);background-clip:padding-box;padding:20px}
.modal-box fieldset{float:left; margin-right:4px}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.cerrar img{width:16px}
.modal-box h3{margin-bottom:5px; display:block; font-weight:600}
.modal-box p{font-size:14px;}
.modal-box .modal-body{padding:2em 0}
.modal-box footer,.modal-box .modal-footer{padding:1em;border-top:1px solid #ddd;background:rgba(0,0,0,0.02);text-align:right}
.modal-overlay{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,0.3)!important}
a.cerrar{line-height:1;font-size:1.5em;position:absolute;top:7%;right:2%;text-decoration:none;color:#bbb}
a.cerrar:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
#firma{float:left; width:100%; height:34px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #ccc;}
#hideTy{float:left; width:216px; height:63px; background:url(../graphics/firma.png); overflow:hidden; cursor:pointer}
#hideTy input{display: block !important; width:216px !important; height:63px !important; opacity: 0 !important; overflow: hidden !important; cursor:pointer; text-transform:uppercase}
#comenW{background-color:#eee; border:1px solid #ccc; border-radius:4px; padding:10px; float:left; width:100%; margin-top:10px; text-transform:uppercase}
.panelLeft{float:right; background:url(../graphics/rArrows.png) 8px 22px no-repeat; height:64px !important; border:none; border-left:1px solid #ccc; text-indent:-999999px; width:30px;}
.panelRight{float:right; background:url(../graphics/rArrows.png) 8px -153px no-repeat #dc6d23; height:64px !important; border:none; border-left:1px solid #ccc; text-indent:-999999px; width:30px;}
.panelRight:hover{background:url(../graphics/rArrows.png) 8px -55px no-repeat #dc6d23;}
.panelLeft:hover{background-color:#eee;}
#triangle{background: url(../graphics/rArrows.png) 108px -42px no-repeat; height: 14px; float: left; max-width: 122px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-style: normal; color: #ece7e7; padding: 3px 11px 3px 5px;}
.msgAlert{float:left; padding:0 10px 5px;margin:17px 0 10px 17px; font-weight: 600; text-transform:uppercase;}
.msgAlert img{float:left; margin-right:5px;}
.msgAlert p{float:left; margin-top:5px; font-weight:700}
#msgRecAgr{float:left; border:1px solid #ccc; width:100%; margin-top:10px; position:relative;}
#msgRecAgr .msgForm{background:#eee; float:left; width:97%; text-transform:uppercase; padding:10px; margin:10px 20px 10px 15px}
.msgForm p{float:left; margin-top:4px; color:#18253a}
.msgForm img{float:left; margin-right:10px;}
.titFormMain{font-family:'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; border-bottom: 1px solid #ddd; padding:10px 0 10px 10px; float:left; width:100%; margin-bottom:10px;}
.addSmallGrayBot{float:left; height:33px; position:relative; padding:2px 10px; text-transform:uppercase; border:1px solid #ccc; color:#333; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:url(../graphics/bckGray.png) 0 -24px repeat-x #fff; cursor:pointer}
.addSmallGrayBot span{float:left; margin-top:8px}
#choTip, #choTipEva, #choTipEvaCol, #colPr{float:left; width:100%; height:100%; background:#fff; padding:15px 15px 5px 15px; display:none}
#choTip a{border:1px solid #ccc; padding:8px 20px; text-transform: uppercase; margin: 0 10px; background:url(../graphics/bckGray.png) 0 -24px repeat-x #fff; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#choTipEva a, #choTipEvaCol a, #colPr a{color:#dc6d23}
#closeCho, .closeData{width:14px; position:absolute; right:6px; top:6px; border:1px solid #78C1FF; background:#fff; padding:2px; cursor:pointer}
#closeCho:hover{border:1px solid #78C1FF;}
#choTip span{margin-bottom:10px; padding:20px 0px; border:1px solid #78C1FF; border-radius:4px; background:#f0f8ff; float:left; width:475px; position:relative}
#choTipEva span, #choTipEvaCol span, #colPr span{margin-bottom:10px; padding:20px 20px 0 20px; border:1px solid #78C1FF; border-radius:4px; background:#f0f8ff; float:left; width:495px; position:relative}
.foDep{float:left; width:100%; border-bottom:1px solid #eee; padding:10px }
#forAja fieldset{float:left; width:100%; background: #f0f8ff; padding:0 0 15px 0; border-top: 1px solid #ddd;}
.dataInf .bigInp{background:#fff; cursor:pointer}
.ac_results{width:100%}
#resultadosView{float:left; width:96%; position:relative; margin-left:17px; padding:15px 19px 0;}
#dataPro{border:1px solid #B7E3FF; background:#f0f8ff; float:left; width:100%; position:relative; margin-bottom:25px}
#dataPro table{float:left; width:100%;}
#dataPro table th{font-family: 'Lato', sans-serif; font-weight:300; color:#333; font-size:18px; border-bottom:1px solid #ddd; padding:5px 10px; background:#fff}
#dataPro tbody tr:hover{background:#eee; border-bottom:1px solid #ccc; border-top:1px solid #ccc}
#dataPro tbody tr p, #dataPro tbody tr a{float:left; width:100%; padding:5px 10px; border-bottom:1px solid #eee; height:36px!important; line-height:32px}
#dataPro i{text-transform:uppercase; font-style:normal}
#bac{background:#fff; padding:4px 4px 1px; border:1px solid #B7E3FF; border-radius:4px; position:absolute; right:5px; top:3px;}
#bac img{width:11px}
.prosCoti{float:left; width:100%; border-top: 1px solid #ccc; background:#fff; border-bottom:1px solid #ccc; padding:5px 0;box-shadow:inset 0px 0px 18px -8px #777; -webkit-box-shadow:inset 0px 0px 18px -8px #777; -moz-box-shadow:inset 0px 0px 18px -8px #777; }
.prosCoti li{float:left; width:100%; padding:5px 10px; text-transform:uppercase; border-bottom:1px solid #eee; cursor:pointer}
.styLi{cursor:pointer; font-size:11px; text-transform:uppercase; padding:7px 5px 4px 5px; float:left; width:100%; background: #fff; border-bottom:1px solid #eee;}
.prosCoti li:hover{background-color:beige}
.prosCoti li p{float:left}
#headCot{font-size:13px; text-transform:uppercase; padding:7px 5px 4px 5px; float:left; width:100%; background:#eee; border-bottom:1px solid #ccc;}
.styLi em, .styLi i, .styLi strong, #headCot em, #headCot i, #headCot strong, .styLi b, #headCot b{font-weight:600; font-style:normal; text-transform:uppercase; float:left}
.styLi strong, #headCot strong{width:100px; overflow:hidden; text-overflow: ellipsis;}
.styLi i, #headCot i{width:300px; overflow:hidden; text-overflow: ellipsis;}
.styLi em, #headCot em{width:250px; overflow:hidden; text-overflow: ellipsis;}
.styLi b, #headCot b{width:20px}
.styLi input{margin:0}
.styLi:hover{background:beige}
#cotiInfo h3{padding:10px 5px;}
.checkInp{float:left; margin-right:10px; cursor:pointer}
#copyDatos{float:left; width:100%; background-color:#f0f8ff; padding:10px; margin-top:10px; border:1px solid #B7E3FF; text-transform:uppercase; text-align:right; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
#copyDatos label{float:right; line-height:1.6em; width:48px; margin:0; text-align:right; background-color:#eee; padding:5px 6px 4px; border:1px solid #c9c9c9; border-radius:3px; margin-left:5px; font-weight:700; cursor:pointer}
#copyDatos input{float:right; margin:1px 0 0 4px;}
#copyDatos p{float:right; font-weight:700; margin-top:7px; padding-right:10px;}
.valAdd{float:right; margin-left:10px; border:1px solid #dc6d23; background:#dc6d23; cursor:default; text-transform:uppercase; color:#fff; margin:10px 0 0 0; padding:10px 14px 8px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; font-weight:800}
.valAdd:hover{background:#005FCB; box-shadow:1px 0px 3px 0px #999; -moz-box-shadow:1px 0px 3px 0px #999; -webkit-box-shadow:1px 0px 3px 0px #999; border:1px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.valGen{float:right; border:1px solid #dc6d23; cursor:default; text-transform:uppercase; color:#fff; margin:10px 10px 0 0; padding:10px 14px 8px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer;}
.valGen p{color:#dc6d23; font-weight:800}
#folioPrint{position:absolute; right:18px; top:7px; background-color:aliceblue; padding:6px 20px 5px; border: 1px solid #B7E3FF; border-radius:3px; text-transform: uppercase; font-size:13px}
#folioPrint em{font-weight:700; font-style:normal; margin-right:4px;}
#folioPrint span{font-weight:700}
.errorAjax{color:brown; padding:5px 10px; float:left; width:96%; text-transform:uppercase; position:absolute; top:-15px;}
#contentEva table{margin:10px 0;}
#contentEva h3{margin:16px 0 8px; font-size:16px; font-weight:700; float:left; width:100%;}
#contentEva p{font-size:11px; line-height:24px; text-transform:uppercase;}
#contentEva i{float:left; font-style:normal; margin-right:5px; font-weight:700; line-height:18px; height:18px}
.infoEva thead em, #infoEva thead em{float:left; font-size:1.1em; text-align:left; padding:5px 10px; text-transform:uppercase; font-style:normal}
.infoEva tbody em{float:left; text-align:left; padding:5px 10px; font-size:1.1em; font-style:normal}
.infoEva thead th, #infoEva thead th{font-size:14px; padding:2px 0; text-align:center}
.totEva{font-weight:700; padding:10px; background: #fafafa}
.bckEva{background:#fafafa}
#infoEva th{text-align:left}
.infoEva span{float:left; width:100%; text-align:center; border-left:1px solid #ccc; line-height:24px; height:24px;}
.infoEva thead, #infoEva thead{background:#eee; border:1px solid #ccc}
.infoEva tbody th{ padding:6px 0; text-align:center}
#infoEva tbody td{font-size:1em; padding:4px 10px; text-align:left; border-right:1px solid #ccc}
td em, td strong, td p{ font-style:normal; font-weight:600}
.infoEva tbody input{height: 23px; width:100%; background:transparent; border-bottom: none; border-top:none; border-right:none; border-left: 1px solid#ccc; text-align:center; font-weight:700}
.infoEva thead .bigTb{font-size:14px;}
.infoEva thead .smaTb, .infoEva thead .medTb{font-size:9px; text-transform:uppercase; font-weight:700}
.bigTb{width:53%;}
.smaTb{width:9%;}
.medTb{width:20%}
.wrapListFormThree fieldset{position:relative}
.dataEva{border:1px solid #ccc; border-bottom:none; margin:0 !important}
.dataEva thead{background:#fafafa}
.dataEva thead th{font-size:12px; font-weight:700; padding:10px 10px 8px !important;}
.dataEva tbody td{padding:7px 10px 5px !important; cursor:pointer}
.dataEva .des{font-size:10px; line-height:15px; float:left; width:100%; font-style:normal; font-weight:700;}
#tabsEva, #tabsE{margin-top:20px}
#tabsEva ul, #tabsE ul{float:left; width:100%; border-bottom:none;}
#tabsEva li a, #tabsE li a{padding:6px 30px 4px; float:left; width:100%;}
#tabsEva ul li, #tabsE ul li{float:left; border:1px solid #ccc; border-bottom:none; text-transform:uppercase}
.ui-state-active, .acti{background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 73%, #eeeeee 73%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 73%,#eeeeee 73%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 73%,#eeeeee 73%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=0 );}
.ui-state-active a, .acti{color: #dc6d23}
.evaDes{padding:10px !important}
.desCen td{text-align:center}
.spaHead input{margin-left:8px}
.calen{position:absolute; right:0; top:10px; z-index:9999}
.usuaInfo{float:left; margin:0 !important;}
#usersEva{float:left; width:100%; border-bottom:1px solid #ccc;}
#usersEva li .actEva{float:left; width:100%;}
.areaN{color:#333; cursor:pointer; font-weight: 600; text-transform:uppercase;}
.steps .content{padding:0 20px;}
#usersEva .spaHead, .blueHead{float:left; font-size: 1em; background-color:#f0f8ff; text-transform:uppercase; font-weight:600; border:1px solid #B7E3FF; width:100%}
#usersEva em{font-style:normal; margin-left:6px; font-weight:700}
.actEva .firInp{margin:0 8px 8px; float:left;}
.actEvaUse{border:1px solid #eee; float:left; width:100%; padding:3px 2px 0 2px; margin-bottom:10px}
#allCheck{margin:8px}
.usuaInfo td{padding:5px 7px; background:#fff; font-weight:600; text-transform:uppercase}
.areaDiv{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0 0; background:#fafafa; border-bottom:1px solid #fff}
.actb{background: url('../graphics/sprite2.png') -409px -97px  no-repeat; float:left; width:20px; height:20px}
.deactb{background: url('../graphics/sprite2.png') -434px -97px  no-repeat}
#choTipEva select, #choTipEvaCol select{border: 1px solid #ccc; background-color: #fff; height: 29px; text-transform: uppercase; float:left;}
#butEva, #butEvaCol{position:absolute; top:20px; left:225px; width:100px; background:url(../graphics/bckGray.png) 0 -24px repeat-x #fff; padding:4px 5px 0; border:1px solid #B7E3FF; height:29px;-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
#butEva img, #butEvaCol img{width:18px; margin:1px 0 0 0; float:left}
#choTipEva p, #choTipEvaCol p, #colPr p{float:left; width:100%; margin-top:8px}
#contentEva .steps, #choTipEvaCol .steps{margin:0 0 10px !important} #contentEva .wrapListForm{margin-left:0 !important}
#choTipEva b, #choTipEvaCol b, #colPr b{font-size:11px; margin:4px 6px 2px 6px; float:left; text-transform:uppercase;}
.sinPre label{background:#fafafa; border-bottom:1px solid #ccc; float:left; width:100%; height:28px}
.sinPre .remove{margin:0 0 0 5px !important; float:left;}
.sinPre label{padding:6px !important; margin:0 !important}
#msgRecAgr #botRecAg{margin:15px}
.removeT{background: url('../graphics/sprite2.png') -312px 1px  no-repeat; float:left; width:20px; height:13px}
.noMsgEv{background:#fff; float:left; width:100%; padding:8px 10px 7px; text-transform:uppercase; border:none; border-bottom:1px solid #ccc}
#forAja a{margin:10px 0 10px 10px;}
.secPreg{float:left; width:100%; background:#fff; position:relative; border-bottom:1px solid #ccc}
.secPreg input{float:left; width:100%; border:none; background:#fff; text-transform:uppercase; padding-left:30px; height:26px}
.secPreg .borrar{position:absolute; left:5px; top:0; padding:6px; height:24px; cursor:pointer}
.catNomEva{float:left; padding:2px 0}
.tipForm{float:left; background-color:#eee; width:200px; text-transform:uppercase; padding: 10px 0 8px 10px; height:130px;}
.tipFormTwo{float:left; width:200px; text-transform:uppercase; padding: 10px 0 8px 10px;}
#tipForm span{float:left; padding:8px; width:100%; background:#fff}
#tipForm input{float:left;margin-right:5px; text-transform:uppercase; cursor:pointer}
#tipForm em{float:left; padding:3px 8px 0; font-style:normal; text-transform:uppercase}
#colabora{float:left; width:100%;; border:1px solid #ccc; padding:10px; margin-bottom:15px}
#colabora .blueHead{font-weight:700; padding:6px 10px}
#colabora .span{float:left; width:290px; padding-top:10px;}
#colabora b{text-transform:uppercase; width:200px; float:left; line-height:24px; font-weight:700}
#colabora .kUpOne,#colabora .kUpTwo{border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; width:280px; height:30px; padding:0 10px; text-transform:uppercase}
#ajaxUsu{float:left; width:100%}
.addID{cursor:pointer; background:#fff}
#wrapColabora{float:left; width: 100%; border: 1px solid #ccc; padding: 0 10px 10px; margin: 10px 0; border-radius: 5px; background-color: #fafafa;}
#wrapColabora .addSmallGrayBot{margin-top:22px}
#busFinal{margin-top:10px; position:relative; float:left; width:100%; border-left:3px solid #dc6d23}
.agreCali{float: left; width: 100%; padding:5px 9px 3px; border-bottom: 1px solid #ccc; background:#fff; text-transform:uppercase; border-top:1px solid #fff}
.p46{padding-bottom:46px; }
.agreCali input{border:none; background:transparent}
#ajaxUsu .msgAva{margin-top:25px}
#tablaUsu th{padding:0 10px}
.agreCali i{color:#dc6d23;}
.agreCali em{line-height:18px; font-style:normal; margin-right:5px;}
.agreCali input{text-transform:uppercase; font-weight:700; color: dodgerblue; color:dodgerblue;}
#ajaxUsu #msgAva{margin:10px 0}
.addID:hover{cursor:pointer; background-color:#fafafa}
.addID th{border:1px solid #eee}
.rem{background:url('../graphics/sprite2.png') -311px 1px no-repeat; float:left; width:20px; height:20px}
.subTit{float: left; width: 100%; padding:0 0 10px 10px; font-weight:700; font-size:1.1em;}
.mainSub{font-size: 1.2em; line-height:28px; text-transform:uppercase}
#consultaEval td{font-weight:600; text-transform:uppercase; padding:10px 10px 8px 10px; text-align:left;}
.palomita{background:url('../graphics/sprite2.png') -283px 1px no-repeat; float:left; width:20px; height:20px}
.espera{background:url('../graphics/sprite2.png') -45px -21px no-repeat; float:left; width:20px; height:20px}
.contesta{float: left; position: relative; padding: 3px 10px 3px 7px; text-transform: uppercase; border: 1px solid #78C1FF; color: #333; height: 35px!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 15px 0; background: #fff; cursor: pointer;}
.dataEva .ingo span{float:left; width:100%; text-transform:lowercase; margin-top:3px;}
.dataEva .ingo em{font-size:1.2em; font-style:normal}
#cambiopass{width:360px; margin:60px auto 0}
.alert-warning{float:left; width:100%; padding:6px 0; text-align:center; text-transform:uppercase}
.tablaPreg{position:absolute; background-color:#FFFFE0; top:16px; left:-1px; z-index:9999; width:750px !important}
.tablaPreg p{padding:3px 6px;} .tablaPreg em{font-style:normal; text-transform:uppercase; padding:3px 6px}
.calCol{width:185px !important; border: 1px solid #B7E3FF; padding: 8px 0 7px; background-color: #f0f8ff; border-radius:4px; text-align: center;}
.calCol:hover{background:#dc6d23; color:#fff; border: 1px solid #dc6d23; text-decoration:none}
#forAjaTwo{float:left; width:100%; border:1px solid #ccc; margin:15px 0; border-bottom:none}
#formPre a{margin:0 !important}
.colcol strong{float:left; width:100%;}
.colcol ul li{float:left; width:100%; padding:8px 0}
.colcol em{float:left; width:600px !important}
.colcol i{float:left;}
.personal{float:left; width:100%; padding:10px 0}
.tbEst{float:left; width:155px!important}
.Rtel{width:150px !important}
.Rema{width:240px !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.fCr{white-space:nowrap;}
.Rori{width:150px !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.sp{margin-right:5px; line-height:16px; font-style:normal}
#commentC textarea{float: left; text-transform:uppercase; width:100%; margin: 20px 0 0; border: 1px solid #ccc; border-radius: 4px; padding: 10px; margin-bottom: 10px; height: 54px; background:#fafafa}
#aqui{float:left; width:60%; border:1px solid #B7E3FF; margin:0 25px 25px;}
#ventasDash{float:left; width:100%}
#ventasDash th{background:#f0f8ff !important; border-bottom:1px solid #B7E3FF; padding:6px; text-transform:uppercase}
#ventasDash td{padding:3px 0 3px 6px; text-transform:uppercase}
#ventasDash tbody tr{border-bottom:1px solid #ddd}
#infoAvaVen{float:left; margin:0 20px; background-color:#f0f8ff; padding:5px 10px; border:1px solid #B7E3FF; border-radius:4px;}
.msgError{position: absolute; background-color: #fff; top: -13px; color: #333; font-style: normal; padding: 3px; font-size:9px; border-radius: 3px; left: -21px;  z-index:9999; border:1px solid #c30}
.msgError span{position: absolute; bottom: -10px; left:10px}
.msgError em{font-style:normal; font-weight:700}
#busVen{border: 1px solid #eee; background-color:#fafafa; float: left; margin-left: 17px; margin-bottom: 20px; padding:20px 12px; border-radius: 4px; width:96%}
#busVen input{float: left; height: 29px; width: 600px; border-radius: 3px; border: 1px solid #ccc; padding:0 12px; text-transform:uppercase}
#busVen label{ float: left; margin-right: 12px; text-transform: uppercase; padding: 8px 0 0 0;}
#filVen{float:left; margin-right:10px; }
#filVen select{border: 1px solid #ccc; background-color: #fff; height: 29px; text-transform: uppercase; float:left;}
#canvas-holder{float:left; width:20%; text-align:center; border:1px solid #B7E3FF; padding:36px 20px 10px; position:relative}
.titChart{position:absolute; width:100%; top: 0px; left: 0px; background-color: #f0f8ff; padding: 6px 0; text-transform: uppercase; border-bottom:1px solid #B7E3FF;}
.eje{float:left; width:100%; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; border-right:1px solid #B7E3FF}
#ventasDash tbody tr:hover{background:#f0f8ff !important}
#ventasDash .tcenter{background:#fafafa;}
#totVenPros{background:#f0f8ff !important; text-align:center}
#totVenPros td{font-size:1.1em; text-transform:uppercase; font-weight:700}
#totMet{ float: left; width: 30%; border: 1px solid #B7E3FF; margin-bottom: 20px;}
#totMet li{ width:32.5%; text-align:center; float:left; }
#totMet span{font-weight: 700; text-transform: uppercase; padding: 3px 0; float: left; width: 100%; border-bottom: 1px solid #ccc;}
#totMet p{float: left; width: 100%; text-align: center; font-size: 2.8em;}
.redVen{color:#c30}
#wrapDatos{float: left; width: 100%; border-top: 1px solid #ccc;  }
#wrapDatos ul li{float:left; padding:8px 0; width:100%; border-bottom:1px solid #eee; text-transform:uppercase;}
#wrapDatos ul li:hover{background-color:#fafafa;}
#wrapDatos ul li span{float:left; width:170px; padding-left:20px; font-weight:700}
#wrapDatos ul li em{font-style:normal}
#wrapDatos input{border:0px; background:transparent; color:#dc6d23; font-weight:700; padding:0px; text-transform:uppercase}
#creaInfo li{float: left; width: 100%; text-transform: uppercase; margin: 18px 0 0 0; background: #fafafa; padding:6px 10px; border: 1px solid #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  font-size:.9em;}
#creaInfo b{font-weight:bold; color:#777; display:block; margin:0 0 6px 0;}
#creaInfo em{color:#dc6d23; font-style:normal}
/*---------------- REFERENCIAS------------------*/
#refData{float:left; border:1px solid #ccc;  margin:20px 0 6px 0; width:100%;}
#referencias {border:1px solid #ccc}
#referencias thead .grayField{font-weight:600; padding:4px 6px; text-transform:uppercase}
#referencias tbody td{padding:4px 6px}
#refData strong{text-transform:uppercase; font-size:1em; padding:6px 0 6px 6px!important; background:#eee}
#c_rap{width: 100%;  padding: 6px; text-transform: uppercase; border:none}
#msgRap{float:left; background:#c30; color:#fff; width: 100%; font-weight:bold; padding:6px; text-transform: uppercase}
#folioAgenerar{color:#dc6d23; float:left; width:100%; padding:13px}
.details_local{float:left; border:.5px solid #fff;  width:150px; text-align:center; padding:6px 10px; cursor:pointer; background:#d7106f; color:#333; font-weight:700; height:240px; text-transform:uppercase; font-size:.9em}
.details_localThree{float:left; border:.5px solid #fff;  width:80px; text-align:center; padding:6px 10px; cursor:pointer; background:#d7106f; color:#333; font-weight:700; height:52px; text-transform:uppercase; font-size:.9em}
.details_localTwo{float:left; border:.5px solid #fff;  width:80px; text-align:center; padding:6px 10px; cursor:pointer; background:#d7106f; color:#FFF; font-weight:700; height:28px; text-transform:uppercase; font-size:.9em}
.details_localM{float:left; border:.5px solid #fff;  width:140px; height:100px; text-align:center; padding:6px 0; cursor:pointer; background:#d7106f; color:#18253a; font-weight:700; padding:20px; text-transform: uppercase; font-size:.9em}
.details_local:hover{background:#A92520}
.form_local{position:fixed; top:120px; left:-280px; width:560px; margin-left:50%; z-index:9999; box-shadow:0px 0px 93px #222; -webkit-box-shadow:0px 0px 93px #222;  -moz-box-shadow:0px 0px 93px #222; background:#eee; border:1px solid #ccc; border-radius:4px; border-radius:4px; border-radius:4px; padding:20px;}
.form_local_ext{position:fixed; top:100px; left:-280px; width:560px; margin-left:50%; z-index:9999; box-shadow:0px 0px 93px #222; -webkit-box-shadow:0px 0px 93px #222;  -moz-box-shadow:0px 0px 93px #222; background:#eee; border:1px solid #ccc; border-radius:4px; border-radius:4px; border-radius:4px; padding:20px;}
.form_local_ext fieldset, .form_local fieldset{background:transparent!important; width:250px!important; padding:10px 0!important}
.form_local_ext label, .form_local label{padding:0 0 2px 10px!important; font-size:1em; color:#555}
.form_local_ext fieldset input, .form_local fieldset input{float:left; width:97%; padding:0 10px; border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:3px; height:28px}
.form_local_ext fieldset select, .form_local fieldset select{float:left; width:97%; border:.5px solid #fff; padding:0 10px; margin-top:3px; height:28px}
.botonLayouts{text-align: center; background: #d7106f; border: 1px solid #d7106f; color: #fff;  font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 10px 32px 8px 32px; border-radius: 4px;  width: 100%;  display: block;}
.listo, .listoM{background:rgba(201, 255, 123, 0.97)!important}
.baja-listo{background:rgba(255, 250, 123, 0.97)!important}
.sinChecar{background: #FFD0D0}
.bcTitEx{background:#337AB7; border-bottom:2px solid #333!important}
.bcTitEx:hover{background:#337AB7!important}
.bcTitEx strong{float:left; width:100%; padding:5px 10px; color:#fff; font-weight:700}
.bckGrayEx p{float:left; width:100%; padding:3px 10px !important; text-transform:uppercase; font-weight:700}
.bckGrayEx{background:#fafafa; }
.finalExt{background:#eee;  font-size:1.1em; border-top:2px solid #999}
.finalExt td{border-left:1px solid #ccc;}
.finalExt p{float:left; width:100%; padding:3px 10px!important; text-align:center; font-weight:700}
#plaza_id{border: 1px solid #999; height:36px; float: left; width:100%; margin-bottom:20px;}
.bAllBlack{border:2px solid #999}
#statusLayouts{float:left; width:100%; margin:20px 0; text-transform:uppercase}
#statusLayouts b, #infoLay b{font-weight:700; margin-right:3px}
#statusLayouts p, #infoLay p{float:left; width:100%; padding:2px 0}
.comparacion{float:left; width:100%; margin:10px 0}
#infoLay{float:left; width:100%; border:1px solid #ccc; margin:10px 0; padding:10px; background:#fff; border-radius:5px; text-transform:uppercase}
.cambiaEsta{float: left; width: 100%; border: 1px solid #ccc; height: 33px; margin-top: 3px; background:#555; color:#fff}
#mayus{text-transform:uppercase}
#mayus th{text-transform:uppercase; color:white}
.red{border:1px solid #c30!important}
.nulos{float:left; width:100%}
.nulos strong{float: left; width: 100%;  font-weight: 700;  ; background: #eee; border-bottom: 1px solid #fff; border-top: 1px solid #fff; text-transform: uppercase; padding:6px 10px}
.nulos strong:hover{background:#ccc; }
.nulos span{float:left; border:.5px solid #fff;  width:80px; text-align:center; padding:6px 10px; cursor:pointer; background:rgba(255,219,160,0.73); color:#333; font-weight:700; height:28px; text-transform:uppercase; font-size:.9em}
.inmuebles a{color:#fff}
.nulos strong a{color:#333; font-weight:700; float:left; width:100%; padding: 10px 0 10px 5px}
.REDALERT{color: #fff; background: #D43804; padding: 2px 10px; font-weight: 700;}
#dynamic_select{float:left;  width:100%; margin:0 0 20px 10px}
#dynamic_select select{border:1px solid #ccc; background:#fff; width:300px; height:31px; text-transform:uppercase;}
#altaempresas .inputs{float: left; width: 100%; border: none; height: 31px;}
.grayField{background:#f1f1f1!important}
#tir, #air, #dir{width:450px;}
#dir span, #tir span{color:#333!important; font-weight:600!important}
#air span{color:#e08d5a!important; font-weight:bold}
.boxCuenta{float: left; width: 100%; margin: 0px 0px 20px 0px; color: #444; padding: 10px 10px 16px 10px;  border-radius: 4px; background: #ffffff; box-shadow: 1px 1px 8px #d7d7d7;}
.frightmdiez{float:right!important; margin-right:10px;}
.solEscrita .observacion:last-child{margin-bottom:20px}
.boxCuenta strong em{font-style: normal; font-size:10px; color: #818181;  text-transform: uppercase; font-weight: 800;}
.boxCuenta strong{display: block; font-size: 2em; color: #222222; float: left; margin-right: 20px; margin-top: 6px; font-weight: 500;}
.boxCuenta p, .bigChart h1, #bigChart h1{display: block; font-size: 1.1em; border-bottom: 1px solid #ccc; padding:0 0 6px 0; margin-bottom: 6px; color: #273149; font-weight:800; text-transform: uppercase}
.wrapLabel{float:left; width:100%; padding:20px 20px 0 0;}
.wrapLabel textarea{background:#eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.obs{font-weight: bold; text-transform: uppercase;}
.file{color: #888; font-weight: lighter;}
#escuelas label, #escuelas strong{text-align: left; padding: 5px 10px!important; text-transform: uppercase; font-weight: 600;  float: left; width: 100%;}
.updateCitas select{float: left; width: 98%; padding: 5px 0; background: #fff; border: 1px solid #999; margin: 8px 0; color: #000;}
.updateCitas textarea{float: left; width: 98%; padding: 10px 5px; border: 1px solid #999; color: #000; border-radius: 5px;}
.updateCitas h1{color: #333; font-size: 1.6em; font-weight: 400; border-bottom: 3px solid #999;  padding-bottom: 10px; margin-bottom: 5px;}
.updateCitas{display: none}
.fechaCitas{background: #eee; border-top: 1px solid #ccc; font-size: .9em; color: #288bf3; cursor: pointer; padding:5px 15px!important}
.blueCalendar{background: url(../graphics/calendar-icon-blue.png) right 4px no-repeat;}
.texBigCal{float: left; width: 100%; padding:10px; margin-top: 7px; border: 1px solid #ccc; background: #eee;}
#editInfoCal td{padding:0px!important}
.fieldsCurrency {margin: 0 10px 0 26px; padding:10px 0}
.fieldsCurrency:before {content: "$"; position: relative;}
.currency{border: none; font-weight:bold}
#propuesta td p{padding:5px 10px; color:#333; text-transform: none!important}
#propuesta #statusPro{color:#dc6d23!important; text-transform: uppercase!important; font-size:.9em}
.comentTable .in{text-transform: none; padding:0 23px; color:#333}
.comentTable .in:focus, .comentTable .inle:focus{text-transform: none}
.sinfoto{width:100%; height:160px; margin-bottom:5px;  background: #eee; float: left;  text-align: center; padding-top:70px; border: 1px solid #ccc; color:#999!important; text-transform: uppercase}
.file-select {position: relative; display: inline-block; font-weight: bold; text-transform: uppercase; font-size:.9em}
.file-select::before {cursor: pointer; background-color: #3395ff; color: white; display: flex; justify-content: center; align-items: center; border-radius: 3px; content: 'Seleccionar'; /* testo por defecto */
  position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer}
.file-select input[type="file"] {opacity: 0;width:100%; height: 32px; display: inline-block; cursor: pointer}
#src-file1::before {content: 'Seleccionar Fotografía';}
.wrapFoto{float: left; width:200px; padding:20px;}
.heading h3{font-size:20px; font-weight:400; text-align:left; color: #fff;}
caption h1{float:left; width:100%; background: #25334c; color: #eae6e6; padding:15px 10px 14px 25px;     border-bottom: 1px solid #828282; }
.sele{border: 1px solid #ccc; padding: 5px 5px 5px 0; border-radius: 4px;}
.comProp{float:left; width:100%; border: 1px solid #ccc; margin: 2px 0; border-radius: 5px; padding: 10px;}
#autorizar{background: #ea8d3e;height: 27px;border: 1px solid #ea8d3e;color: #fff;font-weight: bold;padding: 0 20px;border-radius: 3px; float:left; width:100%;}
.breakline{float:left; width:100%; padding:2px;}
#examenes{width: 980px; background: #fff;  margin:30px auto; display: block; padding: 20px; border-radius: 4px; font-size:.9em}
#examenes h1{color:#333; font-size:1.8em; font-weight:400; float:left; width:100%; padding:0px!important; margin:0px!important;}
#examenes h3{color:#333; font-size:1.2em; font-weight:400; float:left; width:100%; padding:0px!important; margin:0px!important;}
 #examenes span{color:#333;  font-weight:400; float:left; width:30px; height:18px; margin-top: -1px;}
.wrapDescripcion{float:left; width:100%; margin:10px 0; background:#eee; padding:8px 10px; border-radius:4px;}
.preguntas{float:left; width:100%; padding-left:10px; margin:20px 0 5px;}
.preguntas p{font-weight:600}
.respuestas{float: left;  padding: 5px 10px; border: 1px solid #eee; margin-right: 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px; width:100% }
.respuestas:hover{background:#f0f8ff; cursor: pointer}
#examenes .selected{background:#f0f8ff;}
.respuestas b{float:left; margin:2px 8px; width:95%}
.respuestas input[type=radio] {float:left; margin-right:4px; margin-top:3px;}
.enumere{float:left; border:none; width:60px; text-align: center; padding-bottom:4px}
.respuestas em{float:left; margin:2px 8px; text-decoration: none; width:90%}
.exaUsuario{background: #ea8d3e; color: #fff; padding: 5px 10px; margin: 20px 0 0; float: left; width: 100%; font-size: 1.4em; border-radius: 4px; text-transform: capitalize}
.widthSel{float:left; width:50%;}
.examenesForm em{float: left; font-style: normal; font-size: 1.2em; text-align: center; width: 100%;}
.examenesForm label, .examenesForm input::placeholder, .examenesForm input {text-align:center!important; }
.examenesForm .submit{width:360px; margin:0 auto; display: block; float: none}
#wrapListForm8 a:hover{background:none; color:#e08d5a}
#wrapListForm8 td:hover{background:none!important; color:#e08d5a!important}
#propuestaLaboral td:hover{background:none!important; color:#fff!important}
#propuestaLaboral p{color:#333; text-transform: inherit!important; font-weight:400}
.comenzar{float: left; width: 120px; background: #ea8d3e; color: #fff; padding: 4px 10px; margin: 0 10px; border-radius: 4px; text-align:center}
.comenzar:hover{background:#b97031; color:#fff!important}
.line{border-top: 1px solid #ccc; float: left; width: 100%; margin: 10px 0;}
.citaSmall{font-size: .9em; font-weight: bold;  text-transform: uppercase; color: #3395ff; float:left; width:110px;}
.reagendada, .En_proceso, .Si_se_presento{color: green}
.Cancelada, .No_se_presento{color:red;}
.borradoStatus{font-size: 1em; color: #ffffff; padding: 4px 10px; float: left;  text-transform: capitalize; font-weight: bold;   background: #555556; border-radius: 4px; margin: 6px 20px; text-transform: uppercase;}
.grayField label:hover {color:#333}
#capacitacion textarea, #capacitacion textarea:focus{background:#fff; border: none; padding:10px 25px;}
.descrip{padding:10px;}
.texBigCalDes{float: left; width: 100%; padding: 10px; border: 1px solid #fff; background: #fff;}
.FontWhite{font-size: 1.8em; margin: 0 0 10px; color: #333;}
.comment{padding:6px!important; background: #eeeeee; border:1px solid #c5e0fd;  color: #333; text-transform: inherit!important; font-weight: 400;  font-size: 1em; margin-top:8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.comment img{float:left; width:100%; }
.msg{float: left; background: #d7106f; margin: 20px 20px 0px 20px; text-align: center; color: #fff; padding: 10px 20px; border-radius: 4px; font-weight: bold;}


.wrapClithirty{float:left; width:25%; margin-left:20px;}
.wrapCliSev{float:left; width:69%; margin-left:20px; position: relative;}
.wrapCliSevFull{float:left; width:96%; margin-left:20px; position: relative;}
.wrapCliSevCien{display:block; width:80%; margin:0px auto; position: relative;}
.wrapListClient{ border: 1px solid #cacaca; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 20px; padding:10px; width:100%; position: relative; float:left; box-shadow: 0px 0px 8px #a6aebb; background:#f8f7f7; font-size:1.1em}
.wrapListClientTwo, .wrapListClientThree { border: 1px solid #cacaca; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 20px; width:100%; position: relative; float:left; box-shadow: 0px 0px 8px #a6aebb; background:#ffffff; }
.wrapListClientTwo:hover{box-shadow:0px 0px 8px #a8c6e6}
.wrapListClient td, .wrapListClientTwo td{position:relative; }
.wrapListClient tbody, .wrapListClientTwo tbody{ padding:0px 0px; float: left; width: 100%;}
.wrapListClient thead th, .wrapListClientTwo thead th{font-family: 'Lato', sans-serif; color: #d7106f; font-size: 1.3em; border-bottom:3px solid #b7b5b5; padding: 6px 0 6px 10px; font-weight: 600;}
.wrapListClient table, .wrapListClient td, .wrapListClient  tr, .wrapListClient th, .wrapListClientTwo th, .wrapListClientTwo tr, .wrapListClientTwo td, .wrapListClientTwo table{float:left; width:100%}
.wrapListClientTwo label{text-align: left; padding: 0 10px 0 10px; font-weight: 400; float: left; width: 100%; line-height:1.6em;}
.wrapListClient label{text-align: left; padding: 0 0 0 10px; font-weight: 400; float: left; width: 100%; line-height:1.6em;}
.wrapListClient strong, .wrapListClientTwo strong{text-align: left; padding: 0 6px 0 0px; font-weight: 600; float:left; line-height:1.6em; text-transform:inherit!important; color:#25334c}
.wrapListClient td p, .wrapListClientTwo td p{float:left; width:100%; padding:0 10px; text-transform:uppercase}
.wrapListClient #fech, .wrapListClientTwo #fech { float: right; padding:2px 10px 4px;; font-size: .7em;  margin: 0 20px; border-radius: 4px; color:#25334c!important;}
#tabs li a img{float: left; margin: 0 10px 0 0; height:14px;}
#tabs form{float:left; width:100%; position: relative}
.seguimiento{float: left; width: 100%; min-height: 100px; border: 1px solid #dfdfdf; background: #f5f5f5; padding:20px 20px 80px 20px;}
.propuestasSeguimiento{float: left; width: 100%; min-height: 100px; border:1px solid #fbe9a9; background: #fff6d6; padding:20px 20px 80px 20px;}
#tabs-1 form, #tabs-2 form, #tabs-3 form{position: relative; float:left; width:100%;}
.floRiBoton{position: absolute; right: 10px;  background: #d7106f!important; color: #fff;  border: none;  bottom:10px; padding: 5px 20px;  border-radius: 4px; font-weight: bold; font-size:1.2em!important}
.floRiBotonFloat{float:right; margin-right:10px; background: #3395ff!important; color: #fff;  border: none;  padding: 5px 20px;  border-radius: 4px; font-weight: bold;}
.floRiBoton:hover, .floRiBotonFloat:hover{background:#dd277e!important; color:#fff!important}
#tabs-2, #tabs-3{padding:0px!important;}
#tabs h1, #flowBoxes h1{padding:20px 20px 0px;  color: #333; font-size: 1.2em; font-weight: 500;}
#tabs li span{float: left; width: 35px; background: #efefefc7; text-align: center;  border-radius: 50px; height: 35px; padding: 8px 10px;  margin-left: 20px; border:1px solid #3a97fc; margin-right: 20px; margin-top:22px;}
#tabs div ul{float: left; width: 100%; padding: 20px 0;  background: url(../graphics/dotComments.png) 32px 11px no-repeat; margin-top:0px}
#tabs div li{float: left; width: 100%; padding-bottom: 10px; background: url(../graphics/bck-lineComments.png) 37px 0 repeat-y;}
.nota{float: left; width:60%; background: #f1f1f1; padding:10px 20px 20px; border:1px solid #e4e4e4; border-radius: 5px;}
.nota strong{float: left; width: 100%; font-weight: 600; color: #636465; font-size: .9em; line-height: 16px;}
.nota strong em{font-style: normal; color: #5b71a7; font-weight: 800;}
.nota p{font-size: 1.1em; line-height: 1.4em; padding:0px!important; font-weight:400; float:left; width:100%}
.nota b{float: left; width: 100%; font-weight: 600; font-size: .7em; text-transform: uppercase; margin: 3px 0 4px; color:#25334c}
.aviso{width: 253px; background: #5b5b5b; padding: 8px 0; margin: 0 auto; text-align: center; border-radius: 6px; border: 1px solid #ccc; font-weight: 600; color: #fff;}
.midTit{margin-top: 20px; float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 10px;}
.midTit td{font-family: 'Lato', sans-serif; color: #d7106f; font-size: 1.3em; padding: 15px 0 0px 10px; font-weight: 600;}
.descartado{float: left; background: #d7106f; padding:10px 20px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 4px;}
.descartado:hover{background: #c52525!important; color:#fff!important; text-decoration:none; border:none!important}
.aprobado{float:left; background: #089208; padding:10px 20px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 4px; margin:0 10px;}
.aprobar{float:left; background: #089208; padding:10px 20px; color: #fff; font-weight: bold; font-size: 1.2em; border-radius: 4px; margin-right:10px;}
.aprobar:hover{color:#fff; text-decoration:none; background:#066b06}
.aprobado:hover{background:#087908!important; color:#fff!important; text-decoration:none; border:none!important}
#tabs label{float: left; width: 225px; padding:4px 0 4px 10px!important; font-weight:400;  font-size:12px!important; background:#f6f3eb}
.textoSmall{font-size:11px;}
#tabs input{background:none;}
#tabs .in{border: none; line-height:24px; height:24px; margin-left:0px;}
#tabs-3 input{background:none; margin-left:8px;}
#tabs input[type=file]{padding-top:3px!important;}
#tabs fieldset{float: left; width: 100%;  border-top:1px solid #eee; background: #f1ebdb;}
#tabs fieldset .inp{padding: 2px 17px; border: none; background: #f1ebdb; width: 60%; height:27px}
#tabs fieldset img{float:left; margin:5px 5px 0 0 }
#tabs p{padding:5px 20px;}
#tabs b{font-weight:bold;}
#tabs-3 fieldset:first-child{background:#fde282!important; }
#tabs-3 fieldset:nth-child(2){background:#ffe792!important;}
#tabs-3 fieldset:nth-child(3){background:#ffe99c!important;;}
#tabs-3 fieldset {border-top: 1px solid #cccdce; background: #fde282!important;}
#tabs-3 .fieldsCurrency{padding:7px 10px 0}
#tabs-3 li a{float: left;  padding: 10px 0 0; margin-top: 10px;}
#tabs-3 li a:hover{color: #2081ea;}
#tabs .sele{padding:2px 12px; border: none; cursor: pointer; width:60%; height:28px; background:#f1ebdb; }
#tabs .blueCalendar{float: left; width: 100%; border: none; padding: 10px 20px; background: #fdf0c2; font-weight:600}
#tabs .ui-state-active a{background:#deedfb; }
.funnel{float: left; width: 95.5%; background:url(../graphics/svg/funnel.svg) 18px 31px #fff no-repeat; margin-bottom: 10px; margin-left: 22px; border-radius: 4px; padding: 20px;}
#prospects{float: left; width:100%; margin-bottom:10px; margin-left: 20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  padding:0 0 20px 0;}
.ui-tabs-anchor:hover{background:#deedfb;     border-bottom: 2px solid #3a97fc; }
.stepFunnel{width:19.2%; float:left}
.stepFunnelClients{width:18.2%; float:left; }
.stepFunnelClients h1{text-align: center; margin: 0px!important; padding: 10px 0!important; color: #333; font-size: 1.4em;}
.stepFunnelClients a{background:url(../graphics/svg/userGray.svg) 95% 12% no-repeat #fff}
.stepFunnel p, .stepFunnelClients p{float:left; width:100%; text-align: center; padding:10px 0 5px; font-weight:600; text-transform: uppercase; font-size:.9em}
#flowBoxes span { display:inline-block; position:relative; height:25px; line-height:25px; padding:0 20px; margin-right:2px; background-color:white; width:100%; background:#e0dddd; text-align:center; font-weight: bold; font-size: 1.1em;}
#flowBoxes span.right:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#e0dddd; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
#flowBoxes span.left:before{content:''; width:18px; height:18px; position:absolute; left:-1px; top:-1px; background-color:white; z-index:50; -webkit-transform: translate(-10px,4px) rotate(45deg);    -moz-transform: translate(-10px,4px) rotate(45deg);     -ms-transform: translate(-10px,4px) rotate(45deg);      -o-transform: translate(-10px,4px) rotate(20deg);         transform: translate(-10px,4px) rotate(45deg);}
#flowBoxes .activo{background-color:#3a97fc; color:white; box-shadow: none;}
#flowBoxes span.activo:after{background-color:#3a97fc;}
.descarta{background: #d7106f!important; color: #fff!important;}
.calficiacionLead{float: right; background: #d7106f; padding: 5px 10px; color: #fff; border-radius: 4px; font-weight: 600; font-size:.8em}
.adjContrato{float: left; padding: 6px 20px; border: 1px solid #8aa3fb; border-radius: 4px; margin-bottom: 20px;  background: background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgb(203 221 249) 100%);}
.adjContrato:hover{background: background: rgb(255,255,255); background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(222 237 251) 55%, rgb(203 221 249) 100%);}
.adjContrato img{float: left; margin-right: 10px;}
.preguntas li{float:left; width:100%; padding:10px 0}
.notaDos{padding-left: 20px; border-left: 1px solid #3395ff; margin:0 20px; float:left; width:100%}
.historial{float:left; width:100%}
.responder{float: left!important; padding:3px 0px!important; background: #d7106f; color: #fff!important; width: 80px!important; text-align: center; border-radius: 4px; font-size: .9em!important; font-weight: bold; border: 1px solid #e01a1a!important; margin-top:4px; border:1px solid #79b4f3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.responder:hover{background:#c52525}
.resp textarea{float: left; width: 100%; border:1px solid #7fb8f7; background: #fff6d6; padding:10px 20px; margin: 6px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.resp input[type=submit]{background: #3395ff!important; border: none; padding:4px 20px; margin: 0px!important; color: #fff; font-weight: bold; border-radius: 4px; float:right}
.resp input:hover{background:#2b80dc!important}
.respuesta{float: left; width: 100%; font-size: 1em; margin-top: 5px; border: 1px solid #dcdcdc; background:#f5f4f4; padding: 10px 10px 5px 10px; color: #2081ea; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.respuesta i{float: left; width: 100%; color: #565656; font-size: .7em; padding:0 0 4px 0; font-weight:400; border-radius: 4px; margin-top: 5px; font-style: normal; text-transform: uppercase;}
.nota p strong, .respuesta strong{float: left; width: 74px; padding: 0px; margin: 0px; line-height: 1.4em;}
.redBlink_me {animation: blinker 1s linear infinite; background:red; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; height: 8px; width: 8px; position: absolute; top: 8px;  left: 8px;}
@keyframes blinker {50% { opacity: 0;  }}
.alertDescartado{float: left; width: 100%;  padding: 20px!important; background: #ffd6d6;  border: 1px solid #ffc4c4;  margin: 20px 0 0; border-radius: 5px;}
#clientePotencial fieldset{float: left; width:100%; padding:4px 0}
#clientePotencial .in{float:left; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  height: 25px; width: 70%;}
#clientePotencial label{float:left; width:28%}
.prospectos{float: left; width: 99%; border: 1px solid #d2d1d1; text-align: left; margin: 0 2% 2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  padding: 6px 10px; background:#fff }
.prospectos p{float:left; width: 100%; text-align: left;; padding:0px 10px 0 5px}
.prospectos p i{text-transform: lowercase!important; font-style: normal; font-size: 1.1em; cursor:pointer}
.prospectos em{float:left; width: 100%; text-align: left;; padding:0px 10px 4px 0; font-style:normal; color:#333; font-weight:400; margin-top:5px; line-height:20px; font-weight:bold}
.prospectos em span{background: #333; color: #fff; width: 20px; height: 20px; float: left; text-align: center; border-radius: 40px; padding: 4px 0; font-weight: bold; margin-right: 5px;}

.formTemplateDos{float:left; width:100%; padding:0 20px}
.formTemplateDos .field{float:left; width:50%; padding:2px 0; position:relative;}
.formTemplateDos .fielddos{float:left; width:25%; padding:2px 0}
.formTemplateDos .fieldcuatro{float:left; width:33%; padding:2px 0}
.formTemplateDos .fieldtres{float:left; width:100%; padding:6px 0 2px 0; line-height:21px;}
.formTemplateDos .fieldtres select{margin-top:7px;}
.formTemplateDos .fieldtres textarea, .formTemplateDos .field textarea{float: left;width: 100%;margin: 10px 0px;height: 60px;border-radius: 4px;background: #f6f6f6;border: 1px solid #ccc; padding:10px;}
.formTemplateDos .fieldtres textarea{float:left; width:100%}
.formTemplateDos label{padding:4px 0 0 8px!important; width:199px}
.formTemplateDos select{ border:1px solid #ccc; background:#f6f6f6!important; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px 0px; color:#555}
.formTemplateDos .inp{height: 25px;border: 1px solid #ccc;background: #f6f6f6!important;width:96%;border-radius: 4px; height:36px; padding:0 10px;}
.formTemplateDos .Informacion:first-child{margin:10px 0px 20px;}
.info{border-bottom: 2px solid #c66d59; padding: 0px 10px 16px 0;  color: #fff; font-weight: 400; float: left;width:96%;font-size: 1.2em;color: #25334c!important;}
.Informacion{border-bottom: 2px solid #c66d59; padding: 0px 10px 16px 0; margin:20px 0 10px 10px;  color: #fff; font-weight: 400; float: left;width:98%;font-size: 1.2em;color: #25334c!important;}
.bloque{float:left; width:100%; padding:3px 0}
.bloque span{float: left; width:150px; }
#direccionSi{display: none}
#message{float: left; width: 100%;}
.mainbottom{    float: left;width: 100%;margin: 10px 0;background: #d7106f!important;color: #fff;border: none;border-radius: 4px;padding: 8px 0px;text-align: center;font-weight: bold;font-size: 1.1em;}
.mainbottom:hover{background:#9e4531!important}



#flowBoxes span.left:before{content:''; width:18px; height:18px; position:absolute; left:-1px; top:-1px; background-color:white; z-index:50; -webkit-transform: translate(-10px,4px) rotate(45deg);    -moz-transform: translate(-10px,4px) rotate(45deg);     -ms-transform: translate(-10px,4px) rotate(45deg);      -o-transform: translate(-10px,4px) rotate(20deg);         transform: translate(-10px,4px) rotate(45deg);}
#flowBoxes .activo{background-color:#3a97fc; color:white; box-shadow: none;}
#flowBoxes span.activo:after{background-color:#3a97fc;}

#flowBoxes span.uno:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#ff8533; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.uno{background:#ff8533!important; color:#fff!important}

#flowBoxes span.dos:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#eacc2b; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.dos{background:#eacc2b!important; color:#fff!important}

#flowBoxes span.tres:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#8aca83; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.tres{background:#8aca83!important; color:#fff!important}

#flowBoxes span.cuatro:after{ content:''; width:18px; height:18px; position:absolute; right:6px; top:-1px; background-color:#21a9fd; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.cuatro{background:#21a9fd!important; color:#fff!important}

#flowBoxes span.cinco:after{ content:''; width:18px; height:16px; position:absolute; right:1px; top:0px; background-color:#4f76ec; z-index:150;  -webkit-transform: translate(10px,4px) rotate(45deg);    -moz-transform: translate(10px,4px) rotate(45deg);     -ms-transform: translate(10px,4px) rotate(45deg);      -o-transform: translate(10px,4px) rotate(20deg); transform: translate(10px,4px) rotate(45deg);}
.cinco{background:#4f76ec!important; color:#fff!important}

.gray{color: #b3b2b2!important; text-transform: capitalize!important; font-size: 1em!important; font-weight: 400!important; margin-top:3px}
.overFlow{text-overflow: ellipsis; overflow: hidden;  width: 90%;  white-space: nowrap;}
.titTabs{padding:30px 20px 20px!important;}
.titFunnel{padding:10px 20px 10px!important;}

/*---------------- Botones ------------------*/
#configuraciones ul{float:left; border-right:1px solid #e6e7eb; padding:0 30px; height: 200px; margin-bottom: 20px;}
#configuraciones li{padding:2px 0; font-size:1em;}
#configuraciones h3{color:#ff8533; font-size:20px; margin-bottom:10px}
#configuraciones a{text-decoration:none}
#outside{background:#1c2535!important}


/*---------------- Botones ------------------*/
.bluebotton{float: left; background: #3395ff; border: none; color: #fff; padding: 2px 10px;  border-radius: 5px;  width: 100%; margin-top: 7px; padding: 5px; text-transform: uppercase;  font-size: .9em;} 
.bluebottonSmall{float: left; background: #3395ff; border: none; color: #fff; padding: 2px 10px;  border-radius: 5px;  width:120px; text-align:center; margin:7px; padding: 5px; text-transform: uppercase;  font-size: .9em; font-weight:bold;} 
.bluebotton:hover, .bluebottonSmall:hover{background:#3473b7}
.tagify__tag-text{float: left;  border: 1px solid #ccc; padding: 2px 4px; margin: 0 3px; background: #ffdbc16b; color: #000!important; border-radius: 4px;}

.checkbox-wrapper-2 .ikxBAC { appearance: none; background-color: #dfe1e4!important;border-radius: 72px;border-style: none;flex-shrink: 0;height: 20px;margin: 0;position: relative;width: 30px;}
.checkbox-wrapper-2 .ikxBAC::before {bottom: -6px;content: "";left: -6px;position: absolute;right: -6px;top: -6px;}
 .checkbox-wrapper-2 .ikxBAC, .checkbox-wrapper-2 .ikxBAC::after {transition: all 100ms ease-out;}
.checkbox-wrapper-2 .ikxBAC::after {background-color: #fff!important;border-radius: 50%;content: "";height: 14px;left: 3px;position: absolute;top: 3px;width: 14px;}
.checkbox-wrapper-2 input[type=checkbox] {cursor: default;float:left; margin-right:10px;}
.checkbox-wrapper-2 .ikxBAC:hover {background-color: #c9cbcd!important;transition-duration: 0s;}
.checkbox-wrapper-2 .ikxBAC:checked {background-color: #6e79d6!important;}
.checkbox-wrapper-2 .ikxBAC:checked::after {background-color: #fff!important;left: 13px;}
.checkbox-wrapper-2 :focus:not(.focus-visible) {outline: 0;}
.checkbox-wrapper-2 .ikxBAC:checked:hover {background-color: #535db3!important;}
.pie{font-size: .9em;float: left;width: 100%;margin-top: 3px;color: #868585;font-style: normal;}


#contratos{float: left; margin: 50px 0 0 6px;}
#contratos fieldset:first-child{background: #fde282!important;}
#contratos label{float: left;  padding:4px 20px 4px 20px!important; font-weight: 600; text-transform: uppercase; font-size: .8em; width:inherit!important}
#contratos input{background:none; float:left; border:none!important; height:30px; width:80%;}
#contratoEditor{padding:20px 20px 40px; float: left;  width: 100%;}
#contratoEditorPropuesta{padding: 20px; float: left; width: 94%; border: 4px solid #f5f5f5; margin: 20px; background:#fdfcf7}
#contrat{float: left; width:100%; }
#contratoEditorCliente{padding: 20px; float: left; width: 94%;  border: 4px solid #f5f5f5; background:#fdfcf7}
#contratoEditor p, #contratoEditorPropuesta p{float:left!important; width:100%!important; padding:4px 0px!important; margin:0px!important;}
#contratoEditor strong, #contratoEditorPropuesta strong{float:none!important; line-height:1.6em!important;}

#servicios{float:left; width:100%; border:1px solid #ccc}
.serv{float:left; width:25%;}
.serv span{    font-weight: bold; line-height: 1.6em; float: left; padding: 5px 10px 4px; background: #696969; width: 100%; color: #fff;}
.serv em{font-style: normal; font-weight:400; float:left; width:100%; border-top:1px solid #ccc;  border-top: 1px solid #ccc; padding: 7px 10px 5px; border-right:1px solid #ccc;}

.catserv{position: relative}
.catserv input{float: left; width: 100%; border: none; background: aliceblue; padding: 0px 0;}
.inTwo{float: left; width: 100%;  padding: 10px 17px; border: none; color: #333; font-weight: 400; }

#dudas{float:left; width:30%}
.wrapCliSevCien .title{float: left; margin: 20px 20px 10px; width:96%; border-bottom: 1px solid #c7c8ca; padding-bottom: 10px; font-size: 1.2em;}
.verde .overFlow{border-left:2px solid #8aca83;}
.morado .overFlow{border-left:2px solid #4f76ec;}
.naranja .overFlow{border-left:2px solid #ff8533;}
.amarillo .overFlow{border-left:2px solid #eacc2b;}
.azul .overFlow{border-left:2px solid #21a9fd;}
.prospectos .gray{margin-top:0px!important;}
#actualizarPerfil .ui-menu-item{background:#fff}



.sec .inp, .inpDate{float:left; background: none; border:none; }
.sec select{float:left; background: none; border:none; text-align:right; padding-right:10px}
.sec label{float:left; text-align:center; width:10px; line-height:46px;}
.sec fieldset{float: left; padding: 2px 0px;  border-radius: 6px; margin-right: 6px; font-size: 1.2em; margin-top:1px}
.de, .a{width:175px; font-weight:400; text-align:center}
#calendar{float: left; margin: 0 5px 0 10px;}
#calendar img{width: 19px;     margin: 14px 0 0 0px;}
.herramientas{float: left; width: 100%; background: #595959; margin-top: 48px; padding:0px 0px 0px 20px; font-size: 1.1em; color: #e2e2e2; margin-bottom: 20px; text-align: right;}
.filtroBuscar{background: #d7276f; border: none;  padding: 0px 30px 0px; text-transform: uppercase;  font-size: .9em;  color: #fff; font-weight: 600; transition: background-color 0.3s ease, color 0.3s ease; height: 47px;}
.filtroBuscar:hover{background:#e9c829; color:#333}
.herramientas fieldset{padding:12px 0px 14px 0px; height:46px;}
.herramientas form{border-left:1px solid #2928282e; padding-left:20px; background:#383838;     border-bottom: 1px solid #000;}
.herramientas fieldset select{color:#fff}
#datepicker{height:47px; font-size:1.1em}
#datepicker::placeholder{color: #fff}
.herramientas form input#datepicker:focus{background:#fff; color:#3e5896 }
#barlogo{width:100px; float: left; margin: 14px 100px;}
#popupQuick{position: absolute; top: 65px; background: #3e3f40; padding: 20px; width: 262px; color: #fff;}
#popupQuick li a{color:#fff; float: left; width: 100%; padding: 3px 0; font-weight: 400; text-transform: capitalize; font-size: 1.1em;}
#popupQuick strong{display: block; margin-bottom:10px;}


.infoMencion{float: left; width: 100%; padding:0 20px; }
.infoMencion p{float: left; width: 100%; padding:10px 0px!important; line-height:1.6em;}
.infoMencion strong{float: left; width: 100%; color:#555555!important}
.infoMencion span{float: left; width: 100%; line-height:1.6em;}
.infoMencion span img{width:100%}
.infoMencion ul, .infoMencion ul li{background:none!important}
.na{color:#ccc!important; text-align:center; width:100%}

/*---------------- Graficas  ------------------*/
#bigChart{ float:left; width:68%; }
.chart{background:#fff; float:left; width:100%;  padding:20px 10px 63px!important;  box-shadow: 1px 1px 8px #d7d7d7; height:370px; border-radius:4px;}
.chartBox{width:80%; /* Ajusta el ancho del contenedor según sea necesario */
            height: 280px; /* Ajusta la altura del contenedor según sea necesario */
            margin: 0 auto; /* Centra el contenedor */
            position: relative; }
.chartBox canvas {
            width: 100% !important; /* Asegura que el canvas ocupe todo el ancho del contenedor */
            height: 100% !important; /* Asegura que el canvas ocupe toda la altura del contenedor */
        }

.section{float:left; width:100%}
#mainKpis{float:left; width:27%; margin-right:2%; margin-left:20px;}
#widthKpis, #widthKpisComplementos{float:left; width:93.9%; margin-right:2%; margin-left:20px;}

#hold #widthKpisComplementos em{display: none; position: absolute; background:#555556; color:#fff; width:100%; top:0px; left:0px; padding:6px 10px 8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-weight:800 }
#widthKpisComplementosMobile em{display: none; position: absolute; background: #555556; color: #fff; width: 108px; top: 35px; left: 0px; padding: 6px 10px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: 800;}
#hold #widthKpisComplementos td:hover em, #widthKpisComplementosMobile td:hover em{display: block}
#hold #widthKpisComplementos td{position:relative;}


.boxTable{float: left; width: 100%; background: #fff; margin: 20px 0 0; padding:10px 20px; box-shadow: 1px 1px 8px #d7d7d7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:.8em}
.boxTable strong{font-weight:800}
.boxTable span{float: left; width: 100%; padding: 0 0 6px 0; font-size: .9em;  font-weight: 800;}
.boxTable p{font-size:.9em; display:block; padding:10px 0}
.boxTable table{width:100%}
.boxTable table td{vertical-align:top!important}
.boxTable table th{font-size: 1em; color: #909090; text-transform: uppercase; letter-spacing:.6px; font-weight: 600;}
.boxTable table tr td:first-child{width:200px; text-align:left; padding-left:15px}
.boxTable table td p{color:#777; text-transform:inherit!important}
.boxTable table td em{text-transform:inherit!important}
.boxTable .izzi .precio{font-size:1.2em; }
.boxTable .precio{font-size:1.2em; color:#333; }
.boxTable .precioDir{font-size:1.2em; color:#333; margin-bottom:4px; text-align:center}
.boxTable .titulo{display: block; font-size: 1.8em; border-bottom: 1px solid #ccc; padding: 0 0 6px 0; margin-bottom: 6px; color: #273149; font-weight: 800; font-family: Arial!important; text-transform: uppercase; }
.boxTable i{font-style: normal; font-size:.6em; font-weight:800}
.boxTable table td{border-bottom:1px dashed #f4b1d2; padding:10px; vertical-align:middle; border-right: 1px dashed #eee;}
.marcasBox{    background: #555556; padding: 4px 14px!important; width: 100%; color: #fff!important;}


.widthKpisVeinte{float:left; width: 22.8%; margin-right:.5%; margin-left:.6%;}
.widthKpisVeinte img{width: 30px;}
.widthKpisCincuento img, #widthKpis img, .widthKpisCienV2 img{width: 50px;}
.agr img{width:15px!important}
.widthKpisVeinte .box table td{vertical-align:middle; text-align:center; padding: 0 5px;}
.widthKpisVeinte  td button{background:none}
.widthKpisVeinte  td li{line-height:19px; text-align:left; float:left; width:100%; padding:0!important; }
.widthKpisVeinte  td li:hover{background:#f5f6ff}
.widthKpisVeinte  td li a{padding:5px 10px; float:left; width:100%}
.widthKpisVeinte th{padding: 0 5px;}
button{background:none}
.widthKpisCincuento{float:left; width: 47.1%; margin-right: 1%; margin-left:.5%;}
.widthKpisCincuento .box table td{vertical-align:middle; text-align:center; padding: 0 5px;}
.widthKpisCincuento  td button{background:none}
.widthKpisCincuento  td li{line-height:19px; text-align:left; float:left; width:100%; padding:0!important; }
.widthKpisCincuento  td li:hover{background:#f5f6ff}
.widthKpisCincuento  td li a, .tips li a{padding:5px 10px; float:left; width:100%}
.widthKpisCincuento th{padding: 0 5px;}
.wrapTips{position: relative; text-align:center}
.wrapTips button{font-weight:600}
#izziPaquetes button{width:80px}
.tips{    position: absolute; top: 18px; background: #fff;  padding:0px; border: 1px solid #ddd;  border-radius: 5px; width: 158px; left:0x; z-index: 999999;}

.miniChart{width:100%; height:182px; float:left}
#barMiniChart{width:100%}
#miniCircleChart{width:100%; height:220px; float:left;}
#circleMiniChart{height:180px!important; width:180px!important; margin:0 auto}
#promociones{margin:20px 0 0 0}
.miniCircleChart{ height:200px; width: 100%; margin:20px auto 0  }
#widthKpisComplementos td strong{float:left; width:100%; font-size:.9em}
#hold #widthKpisComplementos td strong{float:left; width:110px; font-size:.9em}
#widthKpisComplementos td em{float: left; width: 100%; color: #0070c0; font-size: .9em; font-weight: 400;}
#widthKpisComplementos td {vertical-align: middle}
#widthKpisComplementos td b{font-size:1.2em;}
#widthKpisComplementos td span{width:inherit!important; padding:0px!important; float: none!important; font-size:1.8em}
#widthKpisComplementos th{text-align: center}
.bckIzzi{}
.marcar{color:#e5083e!important;}
.agr{display: none}
.wrapTips:hover .agr{display: block}
.agr{position: absolute; right:0px;}
.tit{font-size: 1.3em; display: block; margin-bottom: 10px;}
.notaComment{display: block; padding: 20px 0 0;}
.notaComment strong{font-size:1.2em}
.notaComment p{display: block}
.fancyWindow .inp{display: block; width: 100%; border: 1px solid #ccc; height: 34px; margin-bottom: 10px; padding: 0px 10px;  border-radius: 4px;}
.fancyWindow .sel{display: block; width: 100%; border: 1px solid #ccc; margin-bottom: 10px; height: 34px; padding: 0 10px;  border-radius: 4px;}
.widthKpisCien{float:left; width:95.9%; margin-right: 1%; margin-left:6px;}

/*---------------- Modulo menciones  ------------------*/
#menciones{float:left; width:100%; padding:20px; position: relative}
#email{float:left; width:640px; padding:20px; position: relative}
#menciones tbody{margin:10px 0; display:block}
#menciones ul{float:left; width:100%; padding:10px 0}
#menciones li{font-size:13px; width: 100%; line-height:19px; }
.promo{width:150px; display:block}
tfoot {display: table-header-group;}
#data td, #data th{float:left; }
#data .mencion{width:100%; box-shadow:0px 7px 10px #b7b7b7; }
.wrapMencion{background:#fff; padding:20px; border-bottom:3px solid #eee}
.wrapMencion .logotipo{float: left; width:7%; text-align:center; padding-right:20px;}
.logotipo img{width:50px;}
.contenido{width:60%; float:left; padding:0 40px 0 0}
.contenido div{overflow: hidden}
.contenido strong{margin-bottom:10px}
.contenido em{font-size: .9em; display: block; padding-bottom: 4px; font-weight: 600;  color: #7e7e7e;}
.contenido h1{font-size:20px; padding-bottom:8px; color:#555556}
.imagePromo{float:left; width:32%}
.imagePromo img{border:1px solid #ccc;  padding:2px;   width: 100%; margin: 0 auto;}
.contenido strong:first-child{color: #a3a2a2; display: block; margin: 0 0 10px 1px; font-size: .9em;}
.contenido p, .contenido b, .contenido span{color: #46474d!important; text-transform: none!important;  line-height:19px; font-weight:400; font-size:13px; }
.last{float:left; width:100%; padding-bottom:10px;}
.last i{float:left; width:100%; font-style: normal; }
.contenido u{text-decoration: none; font-weight: 800; color: #111111; }
.validez{float:left; width:100%; margin-bottom:4px}
#data{margin-top:10px;}
#data tr:first-child{background:#e9e9e9; border-left:3px solid #e5007c}
#data tr:first-child th{margin: 5px 6px 0 0; padding-left: 6px; } 
#data tr:first-child th input{background: none; border: none; border-bottom:1px solid #fafafa; padding:8px 4px 10px; font-size: 1.1em; font-weight: 500}
#data tr:first-child th input:focus{border-bottom:1px solid #e5007c; color:#e5007c}
#data tr:first-child th input::placeholder{color:#555555; font-size:1.1em; font-weight:500}
#Catmen{color: #e5007c; float: left; width: 100%; font-size: .84em; margin-top:10px; } 
#data_length label{position: absolute; right: 21px; top: 30px; background: #fae695; padding:6px 10px; font-weight: bold; text-transform: uppercase; font-size: .9em;}
#data_length label select{height: 25px; margin: 0 4px 0 6px; border-radius: 4px; border: 1px solid #cfbc89;}
#menciones tbody tr{border-left: 1px solid #fff!important}
.wrapMencion{border-left:3px solid #fff; transition: border-left-color 0.3s ease-in-out;}
.wrapMencion:hover{border-left:3px solid #e5007c; cursor: pointer; background:#fbfafa}
.dataTables_info{background: #e9e9e9; margin-top: 20px;  text-align: right; padding: 6px 10px; font-weight: bold; text-transform: uppercase; font-size: .9em; border: 1px solid #d5c9c9; border-radius: 5px; color:#3e5896}
#data_paginate{text-align: right; padding: 10px; margin-top:10px}
#data_paginate a{color:#3e5896; font-family:system-ui, Roboto, Helvetica, Arial, sans-serif; padding:10px 8px;}
#data_paginate a:hover{background:#fff; border-radius:30px;}
.stackedBarChart{height:100px}
#promociones em{float: left; width: 100%; margin-top: 3px; color: #505050;}


.box{float: left; width: 100%; background: #fff; margin:34px 0 0; padding:10px 20px; box-shadow: 1px 1px 8px #d7d7d7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.boxBuscador{float: left; width:98%; background: #fff; margin:0 0 0; padding:10px 20px; box-shadow: 1px 1px 8px #d7d7d7; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.box table{width:100%}
.box table th{padding:5px; vertical-align:top}
.box table th{font-size: 1em; color: #909090; text-transform: uppercase; letter-spacing:.6px; font-weight: 600;}
.box table tr td:first-child{width:90px; background:#f4f4f4; text-align:left; padding-left:15px}
.sec{border-bottom:1px solid #ccc}
.box table td p{color:#777; text-transform:inherit!important}
.box table td em{text-transform:inherit!important}
.box .izzi .precio{font-size:1.2em; }
.box .precio{font-size:1.2em; color:#333; }
.box .precioDir{font-size:1.2em; color:#333; margin-bottom:4px; text-align:center}
.box .titulo{display: block; font-size: 1.5em; border-bottom: 1px solid #ccc; padding: 0 0 6px 0; margin-bottom: 6px; color: #273149; font-weight: 800; font-family: Arial!important; text-transform: uppercase; }
.box i{font-style: normal; font-size:.6em; font-weight:800}
.box table span{padding: 6px 0; float: left; margin-right:5px; font-weight: 800; color: #333; font-size:.8em}
.izzi{border: 1px solid #fbd5e8!important;}
.box table td{border-bottom:1px dashed #f4b1d2; padding:10px; vertical-align:middle; border-right: 1px dashed #eee;}
.sin{padding:10px 0px!important}
.box .preciosPromociones{padding-left:10px}
.preciosPromocionesDir{padding-left:10px; display: none}
.checkList{background: url(../graphics/palomita-lista.png) left 3px no-repeat; padding-left:20px; line-height:20px; }
.bullet{background: url(../graphics/bulletlist.png) left 3px no-repeat; padding-left:20px; line-height:20px; font-weight:600 }
.bulletizzi{background: url(../graphics/bulletlist.png) left 5px no-repeat; padding-left:20px; line-height:20px; font-weight:600 }
.bullet strong{text-decoration: underline}
.checkLis a{color: #555556!important}
.h1Precios{background: #555556; color: #fff; padding: 7px 5px; border-radius: 5px; font-size: 13px; font-weight: 800; margin-bottom: 10px;}
.preciosPromociones p, .box table ul li{font-weight:400; line-height:1.3em; float:left; width:100% }
.fecha{width:67px; text-transform: capitalize; float:left}
.tips li{ font-weight:400;  line-height:1.3em; float:left; width:100%; padding-right:0px!important}
.promos p{float:left; width:68%; padding-right:20px; text-align:justify}
.promos li{float:left; width:100%; padding:4px 0;}
.promos .even{background:#eef4ff91!important}
.promos strong{float: left; line-height: 17px; width: 23%;}
.infoTip, .infoClick{width:11px!important; position: absolute; right: -1px; top:-7px; cursor: pointer!important;}
.infoTipDos{width:12px!important; position: absolute; right: 8px; top:4px; cursor: pointer!important;}
.holder{float: left; width: 100%; border-bottom: 1px dashed #ccc;  padding:1px 0 0 6px; margin-bottom:6px; position:relative}
.holderWrap{float: left; width: 100%;  position:relative; padding:1px 0 0 6px}
.holder strong, .holderWrap strong{display:none; position: absolute; top: -29px;  left:0px; background: #555556; padding: 5px 6px; border: 1px solid #ccc; border-radius: 4px; color: #fff; font-size:.75em; font-weight:800; width:100%}
.holder:hover strong, .holderWrap:hover strong{display:block;}
.relative:hover{background:#f4f4f4!important}
.minimize{font-size: .9em;text-align: center; float: left; width:100%; line-height: 1.6em; vertical-align: middle;}
#BioMarca .logoMarca{    margin: 5px 0 10px 10px; float: left; cursor:pointer}
.logoMarca img{border:1px solid #ddd; background:#fff}
.logoMarca img:hover{border:1px solid #abcdf3;}
.aliceBlue{background:#eef5fa!important}
#marcasListas th{text-align:center}
.logotipoMarca img{width:40px}
.notiene, .tiene{background:#c1c8dca8; border: 1px solid #fff;}
.tiene{background:#00800085}
#descripcionPaq, #descripcionPaq li {background: none!important}
#descripcionPaq li{padding:0px!important}
#movilEstilos th{background: #fff5fb; border-bottom: 1px solid #fbd5e8; color: #333; text-transform: capitalize; font-size: .95em;}
#movilEstilos .prepa {
    display: none;
    position: absolute;
    background: #555556;
    color: #fff;
    width: 180px;
    left: -55px;
    top: 21px;
    line-height: 18px;
    z-index: 9999999;
}
td:hover .prepa{display:block;}
#movilEstilos sin{position:relative}
.redesSociales{display: block; margin:4px auto 0px; width:118px}
.redesSociales img{width:20px; margin:1px; border-radius:10px;}
.vermas{width: 2%!important; cursor: pointer}
.vermas img{width: 10px; }
.listaul{float: left; width: 100%; }
.listaul .bor{border-bottom: 1px solid #ddd }
.listaul td{float:left;padding:6px 1%; font-size:.9em}
.fechaU{width:8%!important}
.nombreU{width:22%!important}
.servicioU{width:21%!important}
.tipoServicioU{width:9%!important}
.megabyteU{width:9%!important}
.precioU{width:12%!important}
.canalesU{width:10%!important}
.logotipoMarca{width:60px}
.wrapPaquete p{padding:5px 0px!important}
.wrapPaquete{background: aliceblue; padding: 10px 20px 20px; float: left; width: 100%;}
.wrapPaquete a{color: #c30}
.wrapPaquete a:hover{text-decoration: underline}
.wrapPaquete strong{margin-top:10px}
.promoc, .promoc li, .promoPaq ul,.promoPaq li{background: none!important;}
.promoc, .promoPaq ul{padding:0px!important;}
.promoc li, .promoPaq li{font-weight: 400; padding: 0px!important; list-style: disc; margin-left: 17px;}
.smaller{font-size:.6em; float:left; line-height:31px}

.promoPaq li{float:left; width:99%!important; padding:1px 0px!important; font-size:12px; line-height:20px;}
.leOne .promoPaq:hover{background:#eaf4fd!important}
#cardex{float:left; width:100%; font-size:11px;}
#cardex .leOne{float: left; width: 100%; padding:0 0 0 10px!important; font-weight:400;  background:#f9f3dd; border-bottom:1px solid #f8f8f8}
.leOne span{float:left; width:16%; padding:6px 8px; background:#f9f3dd; font-size:12px; line-height:20px}
.leOne button{background:none; border:none; text-align:left; float:left; padding:0px 5px 0 0; font-size:12px; line-height:20px}
.leOne button:hover{color:#d1581f}
.leOne .promoPaq{float:left; width:84%; background:#f0f8ff; padding:8px; font-size:12px; line-height:20px}
.ott{float: left; width: 50px; margin-right: 10px; background: #fff; padding: 4px; border: 1px solid #a5cefd; border-radius: 4px;}
.ott img{width:100%}
.bor td{cursor:pointer}
#modalForm label, #modalFormPromocion label{float: left; width: 100%; color: #555556; font-size: 2em;}
#modalForm p, #modalFormPromocion p{float: left; width: 100%; padding: 10px 0; color: #717d9a; font-size:11px }
#modalForm fieldset, #modalFormPromocion fieldset{position:relative; float:left; width:100%}
#modalForm strong, #modalFormPromocion strong{float:left; width:100%; margin-bottom:6px}
#modalForm em, #modalFormPromocion em{font-style: normal;}	
#modalForm textarea, #modalFormPromocion textarea{float: left; width: 100%; height: 151px; border: 1px solid #a3afca; border-radius: 4px; padding:10px!important}
#modalForm .guardar, #modalFormPromocion .guardar{position: absolute; bottom:9px; right: 10px; z-index: 99999999999; background: #d70f6f; border: none; color: #fff;  font-weight: 600; padding: 6px 18px; border-radius: 4px; font-size: 1.1em;}
#modalForm .guardar:hover, #modalFormPromocion .guardar:hover{background:#e02d83}
#modalForm{width: 100%; height: 200px; position: relative;}
.leOne h3, #tabs-5 h3{background: #555556; padding:6px 9px; font-size: 1.1em; color: #fff; font-weight: 700; float: left; width: 100%;}
.leThree h3{background: #ededed; padding:6px 9px; font-size: 1.1em;  font-weight: 700; float: left; width: 100%;}
.leTwo h3{background: #274380; padding:6px 9px; font-size: 1.1em; color: #fff; font-weight: 700; float: left; width: 100%;}
.wrapPromo{background:#f9f3dd; float:left; width:100%}
.ottsWrap{float: left; width: 12.5%; background: #eceff1; border: 1px solid #fff;}
.ottsWrap span{display: block; margin: 10px 10px 0; text-align: center; height: 50px;}
.ottsWrap span img{width: 40px;}
.ottsWrap label{margin: 0px auto; display: block!important; float: none!important;}
.insideTabHead{padding: 10px 20px; color: #547ba5; font-size: 16px; float:left; width:100%;}
.wrapMunicipio{float: left; width: 33.3%; padding: 6px 20px; background: #c4dcf7; border:1px solid #fff;}
.wrapMunicipio span{font-size:11px; float: left; margin: 5px; width: 80%; color: #354778; font-weight: 600;}
.wrapMunicipioCien{float:left; width:100%}
.wrapMunicipioCien h5{float: left; padding:6px 20px; font-size:11px}
.wrapMunicipio label{margin:2px 0!important; }
.wrapEstado{float:left;width:100%; background:#e9e9e9; font-weight: 600; color: #425990;}
.wrapEstado span{float: left; font-size: 14px; padding: 0 20px; line-height: 39px;}
.wrapEstado label{margin:10px!important}
.GRIS{background: #ccc; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.NARANJA{background:orange; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.AZUL{background:#3395ff; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.MORADO{background:purple; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.VERDE{background:green; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.ROJO{background:#c30; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}
.CAFE{background:#a5642a; border-radius: 50px; height: 6px; width: 6px; float: left; margin:2px 7px 5px 0;}

.cambios{float:left;width:100%; }
.cambios div{float:left; width:100%; padding:10px 20px; border-top:1px dotted #b1c5f2; background:#f2f3f4}
.cambios p{padding: 0px!important; font-weight: 600; float: left; margin-top: 10px; width: 100%;}
.cambios em{text-decoration: line-through; color: #72b5f0; float: left; width: 100%; margin: 10px 0;}
.cambios span{display: block;  margin: 0 0 8px;}
.vigencia{font-size: .9em; font-style: italic; padding: 5px 0; float: left; width: 100%; color: #8496c0; font-weight: 600;}

.leOne h3 b{float:left;}
.activatePaquete{float: left; width:50px!important; height: 20px; margin-left: 10px;}

.leOne inp, .leOne li .inp, .leOne .promoPaq .inp{float:left; width:100%; border: none; padding-left:10px}
.promoPaq .inpDate{float:left; width:100px; border: none; padding-left:10px}
.leOne select{float:left; width:100%; border: none; background: none; padding-left:5px}
.leOne textarea{float:left; width:100%; border: none; height:180px; background: none; padding-left:10px} 
.promoPaq .currencySimbol{position: absolute; top:5px; }
.promoPaq li{position:relative}
.can{position: absolute; left: 41px;  top: 5px;}
.alert p{padding:5px 0!important}
.leOne h3 .item { margin-bottom: 0px!important; margin-right: 10px; float: left; height: 21px;}
.labelPro{float:left;  font-style:normal; line-height: 18px;}
.wraplabelPro{float:left; width:100%; padding:2px 10px}
.wraplabelPro input{float:left; margin-right:10px}
.wrapOtt{float:left; width:100%; padding:0px 10px 3px}
.wrapOtt div{float:left; width:100%}
.wrapOtt div strong, .wrapOtt div em, .wrapOtt div p{padding:0px!important}
.wrapOtt div b{float: left; width: 100%; padding:0px;}
.wrapOtt div em{float:left; width:100%; margin:10px 0 0 0; font-weight:800 }

.relacion img{width:150px;}
.relacion span{float:left; width:150px;}
.relacion p{float: left; width:400px; padding:0 0 0 10px; color:#6f7d9f!important; line-height:16px; font-size:1.1em;}
.relacion strong, .relacion em, .relacion i{color:#6f7d9f!important; font-style: normal}
.relacion em{margin-top:10px}
.relacion strong{font-size:1.1em}
.relacion h4{background: #eee; float: left; font-size:.9em; padding: 3px 10px; font-weight: 600; border-radius: 12px; text-transform:uppercase;}

.relacionMencion img{width:100%; border:1px solid #ccc; padding:2px;}
.relacionMencion span{float:left; width:100%;}
.relacionMencion p{float: left; width:400px; padding:0 0 0 10px; color:#6f7d9f!important; line-height:16px; font-size:.9em;}
.relacionMencion strong, .relacionMencion em, .relacionMencion i{color:#6f7d9f!important; font-style: normal}
.relacionMencion em, .relacionMencion i{ float:left; width:100%; margin-top:10px}
.relacionMencion strong{font-size:1.1em; float: left; width: 100%; margin-bottom:10px;}
.relacionMencion h4{background: #eee; float: left; font-size:.9em; padding: 3px 10px; font-weight: 600; border-radius: 12px; text-transform:uppercase;}

.thrity{float:left; width:20%;}
.thrity img{width:100%; border: 1px solid #ccc; padding: 2px;}
.seventy{float: left; width:80%; padding:0 20px;}
.bckWhite{background:#fff!important}
.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable{height:200px!important}
.note-editable{line-height:1.4em;}
.note-editable p{padding:0px!important;}
.note-editable li{background:none!important; margin-left:15px!important; list-style: disc; padding-bottom:0px!important;}
.note-editable span{float: none; width: inherit; background:none; text-align: left; height: inherit; padding:0px; margin-left:0px; border: none; margin-right:0px; margin-top: 0}
.note-editable ul{background:none!important; margin-left:0px!important; padding:0px!important; margin-top:6px!important}
.note-editable b{float:left; width:100%}
.note-editable h1, .note-dropdown-item h1{padding:10px 0!important;}
.note-dropdown-item p, .note-dropdown-item blockquote, .note-dropdown-item pre{padding:0px!important}
.note-editable .info{border-bottom:none!important; padding:0px!important; font-weight: inherit!important; font-size:inherit!important; color: #25334c!important}
.infoMencion strong{font-size:1.6em; line-height:1.4em; margin-bottom:14px; margin-top:6px}

.head{float: left; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px; border-top: 1px solid #ccc;}
.head span{width:12%; float:left; padding: 0px 20px;}
.head span img{height:100px}
.head p{float:left; width:86%; padding:0px 20px!important; height: 100px; padding: 26px 0 20px 25px!important;}
.head b{text-transform: uppercase}

.tools{display: block; height:34px; margin-bottom:10px; position:relative }
.tools li{float:left; width:100%;}
.tools li a{text-align:left; float:left; width:100%; padding:4px 10px!important; height:inherit!important;     border-bottom: 1px solid #ccc; padding: 3px 10px; margin:0px;}
.tools li a:hover{background:#fff;}
.tools span{float:right; padding:0 2px; background:#e2e2e2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border: 1px solid #ccc; height: 34px;}
.tools a{float:left;  padding:5px 8px; height:32px;}
.tools a:hover{background:#eee}
.tools span img{width:20px;}
#subMenuEnvio{display: none; position: absolute; top: 33px; right: 0px; background: #e2e2e2; width:200px; padding:0px; margin:0px;}
#envioAlerta{display:block; width: 100%; padding: 10px 0; text-align: center; background: #e2e2e2; border-radius: 5px; border: 1px solid #ccc; font-size: 1em; margin-bottom: 10px; text-transform: uppercase;}
#envioAlerta:hover{background:#d7106f; color: #fff}
.modalBoton{float: left; width: 100%; margin: 10px 0; background: #d70f6f; color: #fff; padding: 9px 0; text-align: center;  font-weight: 800; text-transform: uppercase; font-size: 1.2em;  letter-spacing: -.3px; border-radius: 4px; border: none}
.modalBoton:hover{color:#fff; background:#de4790}
.envioForm{text-align:center}
.envioForm h2{float:left; width:100%; text-align:center; margin-bottom:10px}
.envioForm .inp{float: left; width: 100%;  text-align: center; padding: 10px 0; border: 1px solid #ccc; border-radius: 4px; margin: 15px 0 0;}

.textarea{float: left; width: 100%; height: 80px; padding: 10px; border: 1px solid #ddd; border-radius: 4px;}
.prepa{float: left; width: 100%; font-size: .7em; color: #c04e87; padding: 2px 4px; text-align:center}

.precioDir:hover{color: #d70f6f!important}

#spanBlock td strong{display:block; width:100%!important; text-align:center}
#spanBlock td b{display:block; width:100%!important; text-align:center}

.promoca{ position: absolute; top: 0px; height: 1000vh!important; background: #fff; right:0px; z-index: 999999; width: 380px; padding: 83px 20px; box-shadow: -2px 8px 23px #617093; display:none}
.promoca h5{text-transform: uppercase; font-size: .96em; margin-top: 10px;}
.promoca h1{font-size:1.8em}
.infoMarca{position:absolute; top:0px; right:20px; cursor:pointer}
.cerrarDiv{position: absolute; right:22px; top: 90px; cursor:pointer}
.texto h3{background: #555556; color: #fff; border-radius: 4px; font-size: 1.3em; padding: 3px 10px; font-weight: 600; margin: 20px 0 10px;}
.oneplay{font-size:11px!important; text-align:left; line-height:16px;}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, 300px);
  /* minmax(300px, 1fr)*/
  grid-gap: 30px;
  padding: 20px;
  justify-items: center;
  justify-content: center;
  align-items: start;
}
.box {
  padding: 2em 2em 4em 2em;
}
.item {
  margin-bottom: 2em;
}

/* checkbox-rect */
.checkbox-rect input[type="checkbox"] {
  display: none;
}
.checkbox-rect input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px "Open Sans", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkbox-rect input[type="checkbox"]:hover + label:hover {
  color: rgb(23, 86, 228);
}
.checkbox-rect input[type="checkbox"]:hover + label:before {
  background: #50565a;
  box-shadow: inset 0px 0px 0px 2px #f7f2f2;
}
.checkbox-rect input[type="checkbox"] + label:last-child {
  margin-bottom: 0;
}
.checkbox-rect input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #343a3f;
  border-radius: 0.2em;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background: #f3f3f3;
}
.checkbox-rect input[type="checkbox"]:checked + label:before {
  width: 1.3em;
  height: 1.3em;
  border-radius: 0.2em;
  border: 2px solid #fff;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #50565a;
  box-shadow: 0 0 0 1px #000;
}
/* checkbox-rect end */

/* checkbox-rect2 */
.checkbox-rect2 input[type="checkbox"] {
  display: none;
}
.checkbox-rect2 input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px "Open Sans", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkbox-rect2 input[type="checkbox"]:hover + label:hover {
  color: rgb(23, 86, 228);
}
.checkbox-rect2 input[type="checkbox"]:hover + label:before { 
  border: 1px solid #343a3f;
  box-shadow: 2px 1px 0 #343a3f;
}
.checkbox-rect2 input[type="checkbox"] + label:last-child {
  margin-bottom: 0;
}
.checkbox-rect2 input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #343a3f;
  border-radius: 0.2em;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: -2px -1px 0 #343a3f;
  background: #f3f3f3;
}
.checkbox-rect2 input[type="checkbox"]:checked + label:before {
  border: 2px solid #fff;
  border-radius: 0.3em;
  background: #50565a;
  box-shadow: 2px 1px 0 #50565a;
}
/* checkbox-rect2 end */

/* checkbox-circle */
.checkbox-circle input[type="checkbox"] {
  display: none;
}
.checkbox-circle input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px "Open Sans", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkbox-circle input[type="checkbox"]:hover + label:hover {
  color: rgb(23, 86, 228);
}
.checkbox-circle input[type="checkbox"]:hover + label:before {
  border: 1px solid #343a3f;
  width: 1.2em;
  height: 1.2em;
  border: 2px solid #fff;
  background: #50565a;
  box-shadow: 0 0 0 1px #000;
}
.checkbox-circle input[type="checkbox"] + label:last-child {
  margin-bottom: 0;
}
.checkbox-circle input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #343a3f;
  border-radius: 1em;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s, transform 0.3s ease-in-out;
  transition: all 0.2s, transform 0.3s ease-in-out;
  background: #f3f3f3;
}
.checkbox-circle input[type="checkbox"]:checked + label:before {
  border-radius: 1em;
  border: 2px solid #fff;
  width: 1.2em;
  height: 1.2em;
  background: #50565a;
  box-shadow: 0 0 0 1px #000;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
/* checkbox-circle end */

/* checkbox-circle2 */
.checkbox-circle2 input[type="checkbox"] {
  display: none;
}
.checkbox-circle2 input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px "Open Sans", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checkbox-circle2 input[type="checkbox"]:hover + label:hover {
  color: rgb(23, 86, 228);
}
.checkbox-circle2 input[type="checkbox"]:hover + label:before {
  border: 1px solid #343a3f;
  box-shadow: 2px 1px 0 #343a3f;
}
.checkbox-circle2 input[type="checkbox"] + label:last-child {
  margin-bottom: 0;
}
.checkbox-circle2 input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #343a3f;
  border-radius: 1em;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background: #f3f3f3;
  box-shadow: -2px -1px 0 #343a3f;
}
.checkbox-circle2 input[type="checkbox"]:checked + label:before {
  border-radius: 1em;
  border: 2px solid #fff;
  width: 1.15em;
  height: 1.15em;
  background: #50565a;
  box-shadow: 2px 1px 0 #50565a;
}
/* checkbox-circle2 end */

/* toggle-rect */
.toggle-rect input[type="checkbox"] {
  display: none;
}
.toggle-rect input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em;
  height: 1.6em;
  margin-bottom: 20px;
  border-radius: 0.2em;
  background: #f3f3f3;
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.toggle-rect input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.2em;
  background: #50565a;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-rect input[type="checkbox"]:checked + label {
  background: #fff;
}
.toggle-rect input[type="checkbox"]:checked + label:before {
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
  left: 1.6em;
}
/* toggle-rect end*/

/* toggle-rect-bw */
.toggle-rect-bw input[type="checkbox"] {
  display: none;
}
.toggle-rect-bw input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em;
  height: 1.6em;
  margin-bottom: 20px;
  background: #50565a;
  border-radius: 0.2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.toggle-rect-bw input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.2em;
  background: #f7f2f2;
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-rect-bw input[type="checkbox"]:checked + label {
  background: #40464a;
}
.toggle-rect-bw input[type="checkbox"]:checked + label:before {
  left: 1.6em;
}
/* toggle-rect-bw end*/

/* toggle-rect-color */
.toggle-rect-color input[type="checkbox"] {
  display: none;
}
.toggle-rect-color input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em;
  height: 1.6em;
  margin-bottom: 20px;
  background: #e84d4d;
  border-radius: 0.2em;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.toggle-rect-color input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.2em;
  background: #50565a;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-rect-color input[type="checkbox"]:checked + label {
  background: #47cf73;
}
.toggle-rect-color input[type="checkbox"]:checked + label:before {
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
  left: 1.6em;
}
/* toggle-rect-color end*/

/* toggle-rect-color */
.toggle-rect-dark input[type="checkbox"] {
  display: none;
}
.toggle-rect-dark input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em;
  height: 1.6em;
  margin-bottom: 20px;
  background: #303e58;
  border-radius: 0.2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.toggle-rect-dark input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.2em;
  background: #e84d4d;
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-rect-dark input[type="checkbox"]:checked + label:before {
  background: #47cf73;
  left: 1.6em;
}
/* toggle-rect-dark end*/

/* toggle-pill */
.toggle-pill input[type="checkbox"] {
  display: none;
}
.toggle-pill input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em!important;
  height: 1.6em;
  margin-bottom: 20px;
  border-radius: 1em;
  background: #f3f3f3;
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.toggle-pill input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 1em;
  background: #fff!important;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-pill input[type="checkbox"]:checked + label {
  background: #4e6aab!important;
}
.toggle-pill input[type="checkbox"]:checked + label:before {
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
  left: 1.6em;
}
/* toggle-pill end */

/* toggle-pill-bw */
.toggle-pill-bw input[type="checkbox"] {
  display: none;
}
.toggle-pill-bw input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em;
  height: 1.6em;
  margin-bottom: 20px;
  background: #50565a;
  border-radius: 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.toggle-pill-bw input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 1em;
  background: #f7f2f2;
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-pill-bw input[type="checkbox"]:checked + label {
  background: #40464a;
}
.toggle-pill-bw input[type="checkbox"]:checked + label:before {
  left: 1.6em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* toggle-pill-bw end */

/* toggle-pill-color */
.toggle-pill-color input[type="checkbox"] {
  display: none;
}
.toggle-pill-color input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em;
  height: 1.6em;
  margin-bottom: 20px;
  border-radius: 1em;
  background: #e84d4d;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.toggle-pill-color input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 1em;
  background: #fff;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-pill-color input[type="checkbox"]:checked + label {
  background: #47cf73;
}
.toggle-pill-color input[type="checkbox"]:checked + label:before {
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
  left: 1.6em;
}
/* toggle-pill-color end */

/* toggle-pill-color */
.toggle-pill-dark input[type="checkbox"] {
  display: none;
}
.toggle-pill-dark input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 3em;
  height: 1.6em;
  margin-bottom: 20px;
  border-radius: 1em;
  background: #303e58;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.toggle-pill-dark input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 1em;
  background: #e84d4d;
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.toggle-pill-dark input[type="checkbox"]:checked + label:before {
  background: #47cf73;
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
  left: 1.6em;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
}
/* toggle-pill-dark end */

.noCursor{cursor: auto}
.mensajeAlerta{float: left; width: 100%; padding: 20px 10px; color: #e5007c; letter-spacing: 1px; font-weight: 600;}
.mensaje{padding:10px 0; float:left; width:100%; color: #555556; font-style: normal}
#homeDireccion{margin-top:60px!important}
.textoBig button, .textoBig span{font-size:1.3em!important}
.mystery{height:250px}
.mystery .infoMarca{top:-3px!important; right:10px;}
.mystery td{padding:6px 5px!important}
.veinticinco{float:left; width:20%; border:1px solid #eee; margin:10px 5px 10px 0}
.veinticinco span{float:left; width:100%; text-transform: uppercase; padding:5px; font-size:.9em; font-weight:800}
.veinticinco em{float:left; width:100%; font-size: 1.8em; font-style: normal; padding: 6px;}
.botonRed{display: block; padding: 10px 20px; background: #e42b7c; color: #fff; width: 200px; text-align: center; font-weight: bold; border-radius: 5px; text-transform: uppercase; margin:10px 0 20px 0;}
.botonRed:hover{color:#fff; background:#e43e87}
.wrapTipsAPlay{font-size:1.5em; font-weight:600}
.wrapPlay{float:left; width:100%; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px; text-align:center }

#mysteryForm{display: block;  font-size:1.2em}
#mysteryForm fieldset{display:block; padding: 4px 0;}
#mysteryForm fieldset span{float:left; width:25%; padding:0 10px;}
#mysteryForm label{display:block; padding:4px; margin-top:15px;}
#mysteryForm .inp{float:left; width:50%; border:1px solid #ccc; padding:0px 4px; height:32px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#mysteryForm select{float:left; height:32px; width:50%; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0px 4px; cursor:pointer}


/* Comparador*/
.promosCompara h3{color: #d70f6f; float: left; width: 100%; padding: 3px; font-size: 1.1em; margin: 4px 0;}
.promosCompara p{font-size:.8em; line-height:15px!important; margin-bottom:6px; float:left; width:100%}
.promosCompara strong{float:left; width:100%; float: left; width: 100%; text-transform:uppercase; font-size:.8em; margin-top:4px; padding-left:4px; line-height:15px;}
.boxCompara{background:#fff!important}
.boxCompara h1{font-size: 1.4em; font-weight: 600; padding-bottom: 7px; margin-bottom: 10px;  float:left; width:100%;  }
.boxCompara h2{font-size: 1.1em; font-weight: 600; margin-top: 10px; padding: 6px 7px; margin-bottom: 10px; float: left; width: 100%; background: #efeded; color: #0f0f0f; border-radius: 2px; text-transform: inherit;}
#buscadorCompara{}
#amount{border: 0; color: #333538; font-weight: bold; float: left; width: 100%; padding: 12px 0;}
#slider-range{float: left; width: 400px;}
.compaMarca{float:left; width:24.2%; border:1px solid #eee; margin:20px 5px 10px 0; padding: 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:1.2em;}
.compaMarcaTreinta{float:left; width:32.3%; border:1px solid #eee; margin:20px 5px 10px 0; padding: 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:1.2em;}
.compaMarcaVeinte{float:left; width:48.8%; border:1px solid #eee; margin:20px 5px 10px 0; padding: 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:1.2em;}
.colorCom{ background: #e4e4e4; border: 1px solid #d7e8f7;}
.compaMarca selectl{width:100%!important; float:left}
.compaMarca label{width:100%!important; float:left; padding:4px;}
#buscadorCompara fieldset{float: left; width:100%; padding:4px 0}
#buscadorCompara label{float: left; width:100%; font-weight: 600;  padding: 6px 4px 8px;} 
#buscadorCompara .inp{}
#buscadorCompara select{width: 100%; border: 1px solid #ccc; padding:5px 4px 4px; height: 29px; border-radius: 4px; background:#f8f8f8} 
.grayForm{padding:10px;}
#buscaCompara{background: #f22f1e; color: #fff; font-weight: 600; float: left; width: 100%; border-radius: 3px; border: none; height: 34px; font-size: 1em; text-transform: uppercase; box-shadow: 2px 4px 5px #e1e1e1; border: 1px solid #fca199; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; #fff6f5}
#buscaCompara:hover{background: #da2f20; border: 1px solid #cccccc;}
.diez{float:left; width:7%; padding:10px 0}
.diez img{width:100%}
.ochenta{float:left; width:92%; padding: 20px 40px;}
.bulletCompara {background: url(../graphics/bulletlist.png) left 7px no-repeat; padding-left: 20px; line-height: 20px;  font-weight: 600;}
.compaMarca ul, .ottsCompara ul{float:left; width:100%; font-size:1.3em; background:#f0f8ff; height:55px}
.compaMarca ul li{display:block; padding:5px 0; position:relative}
.compaMarca ul li span img{height: 13px; position: absolute; right:0px; top:2px;}
.compaMarca ul li span img:hover strong{display:block}
.compaMarca ul li img{float:left; margin: 2px 4px;}
.boxCompara em{font-style: normal; float: left; width: 100%; font-size: .8em; padding: 4px 0 4px; font-weight: 400; color: #555555;}
.ottsCompara li{float: left; width:30%; padding: 6px 10px;  text-align:center!important; position:relative}
.ottsCompara li span img { height: 13px; position: absolute; right: 0px; top: 2px}
.ottsCompara li strong{font-size:.6em!important}
.ottsCompara li img{height:45px;  margin:4px 0; float:none!important}
.ottsCompara li strong{float:left; line-height:14px; font-size:11px; text-transform: uppercase; float:left; width:100%; position: absolute; left: 0px; top: 49px;  display: none; background: #555556; color: #fff; font-size: .5em; padding: 2px 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  }
.imagenOtt{width:15px; margin-right:4px;}
.verdeTab{background:#ddffdd!important}
.rojaTab{background:#f797ac!important}
.pro{float: left; width: 100%; margin-bottom: 5px; line-height: 20px;  font-size: .9em; background: #f4f9fe; padding:7px 6px 4px; margin-top: 6px;}
.pro h6{font-size:1em; font-weight:600; text-transform: uppercase; font-size:.9em; line-height:15px;}
.precPromo td{position: relative}
.precPromo td .infoTip{left: 54px; top: 4px; display:none}
.precPromo td strong{float:left; width:100%; text-transform: uppercase; font-size: .9em; padding:4px 0 0 4px!important; }
.megasCompara td {height:40px;}
.botonBorrar{float:right; margin:10px 0}
.izziPrecio strong{font-size:14px!important; text-align:left!important;}
.dividr{float:left; font-weight:bold; font-size:12px; margin:0 4px 0 2px; line-height:18px}
#singleplayVideo #spanBlock tr td:nth-child(7), #singleplayVideo #subheader td:nth-child(2){ border-left: 1px solid #d80f6f;}
.izziprecios i{float: left; width: 100%; margin: 2px 0 6px 0; color: #d7276f; text-transform: uppercase;  font-size: 9px;}
#micT{background:#eee;}
.microTable{font-size:.7em; text-transform: uppercase; font-weight:bold; text-align:center; float: left; width: 50%;}
.microTable em{font-style: normal; font-size:.72em; font-weight:bold}
.microTable strong{font-size: 15px; color: #555555;}
.wrapTips{font-size:15px;}
#movilEstilos .wrapTips button{font-weight:800; font-size:.8em!important;}

/*---------------- Secciones  ------------------*/

/*---------------- Login  ------------------*/

/*---------------- Dashboard ------------------*/

/*---------------- General ------------------*/
.error{
	color: red; padding-left: 10px;
}

.personagen,.personafisica,.personamoral{display:none;}

.del{float:left;}
.al{float:left}

@media (min-width:640px) {

}

@media (min-width:768px) {

}

@media (max-width:1024px) {
  .wrapListForm fieldset .right{width:458px; border-bottom:1px solid #ddd;}
  .wrapLabel label{float:left; width:200px}
  .formTemplateDos .field{float:left; width:100%}
  
}

@media (max-width:1280px) {
	.formTemplateDos .field{float:left; width:50%}

}

@media (min-width:1366px) {

}

@media (min-width:1680px) {

}