/* FUENTES*/
@font-face {
  font-family: 'VodafoneRg';
  src: url('../fonts/vodafonerg-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/vodafonerg-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vodafonerg-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vodafonerg-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/vodafonerg-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vodafonerg-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'VodafoneLt';
  src: url('../fonts/VodafoneLt-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/VodafoneLt-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */      
       url('../fonts/VodafoneLt-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/VodafoneLt-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/VodafoneLt-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'VodafoneLt-Bold';
  src: url('../fonts/VodafoneLt-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/VodafoneLt-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/VodafoneLt-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/VodafoneLt-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/VodafoneLt-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'VodafoneRg-Bold';
  src: url('../fonts/vodafonergbd-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/vodafonergbd-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vodafonergbd-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/vodafonergbd-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vodafonergbd-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* GENERALES*/
*{ font-family: 'VodafoneRg', Arial, Helvetica, sans-serif; }
body{background-color: #191919; background-image: url('../img/resources/background-dark.jpg'); background-position: center top; background-repeat: no-repeat; background-size: auto;overflow-x:hidden; background-attachment: fixed;}
body{background-image: url('../img/resources/background-panel.jpg');}
body.panel-control-licencia { background-image: url('../img/resources/background-panel-licencia.jpg');}
body.avatar-licencia { background-image: url('../img/resources/background-avatar-licencia.jpg');}
a, a:hover{color:#e60000;}
p{}
p.big{ font-size: 24px; line-height: 26px; }
h1{ font-size: 36px; font-family: 'VodafoneLt', Arial, Helvetica, sans-serif; line-height: 40px;}
h1 strong{ font-family: 'VodafoneRg', Arial, Helvetica, sans-serif; font-weight: normal; }
h2{ margin: 0; font-size: 24px; line-height: 27px;}
h3{}
span{}
strong{}
label{ cursor: pointer; }
label > span{ font-size: 24px; line-height: 26px; font-family: 'VodafoneRg', Arial, Helvetica, sans-serif; color: #333333; font-weight: normal; margin-bottom: 15px; display: inline-block;}

.row.margin0{ margin-left: 0; margin-right: 0; overflow: hidden;}

/* ICONOS */
.ico-alert{display: inline-block; vertical-align: text-top; position: relative; text-align: center; margin-right: 7px;}
.ico-alert:before{content: "!"; font-family: 'VodafoneRg'; font-size: 14px; line-height: 20px; display: block; color: #fff; background-color: #e60000; width: 20px; height: 20px; border-radius: 50%; font-style: normal;}

/* ESTRUCTURA  */
/* HEADER */
#Header .container{background-color: rgba(255,255,255,.9); padding: 40px 70px;}
#Header .vdf-logo { width:137px; }
#Header .menu-principal { margin: 1px 0 0 0; }
#Header .menu-principal ul {margin:0 0 0 30px;}
#Header .menu-principal li { display:inline-block; }
#Header .menu-principal li.activo a { color:#e60000; }
#Header .menu-principal li a { font-family:'VodafoneLt-Bold';font-size:20px;line-height:22px;color:#303030; }
#Header .menu-principal li a:hover, #Header .menu-principal li a:focus { background:none; color: #e60000; }
.container{ padding: 30px 85px 70px 85px; }
.container.white{background-color: rgba(255,255,255,.9);}

/* FOOTER */
footer{ text-align: center; font-family: 'VodafoneLt', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #ffffff;}footer p{ margin-bottom: 5px; }
footer .container { background-color: transparent; padding: 60px 85px 70px; position: relative;}
.login footer .container { background-color: transparent;}
footer .enlaces { display: inline-block; float: left; text-align: left;}
footer .enlaces ul { padding: 0;}
footer .enlaces ul li { display: inline-block; margin-right: 10px;}
footer .enlaces ul li:after { content: "|"; margin-left: 10px;}
footer .enlaces ul li:last-child:after { content: none;}
footer .enlaces ul li a { color: #fff;}
footer .enlaces ul li a:hover { color: #fff; text-decoration: none;}
footer .copyright { display: inline-block; float: right;}
footer .alert { position: fixed; bottom: 0; right: 0; margin-bottom: 0; display: block; opacity: 1; border: none; border-radius: 0; background-color: #f5f3f3; color: #333333; padding: 30px; z-index: 2; width: 360px; max-height: 440px; transition: max-height .7s ease-in-out; -moz-transition: max-height .7s ease-in-out; -webkit-transition: max-height .7s ease-in-out; -o-transition: max-height .7s ease-in-out; box-shadow: -5px -5px 10px rgba(0,0,0,.21);}
footer .alert .alert-container { position: relative;}
footer .alert.fade { max-height: 77px; transition: max-height .7s ease-in-out; -moz-transition: max-height .7s ease-in-out; -webkit-transition: max-height .7s ease-in-out; -o-transition: max-height .7s ease-in-out;}
footer .alert .alert-heading { text-align: left; padding-bottom: 20px;}
footer .alert .alert-heading .close { font-size: 41px; color: #333333; opacity: 1; text-shadow: none; right: 0; top: 0; font-weight: normal; line-height: 20px; width: 18px; height: 18px; background: url(../img/resources/ico-close.png) no-repeat; margin-top: 6px;}
footer .alert.fade .alert-heading .close {background: url(../img/resources/arrow-up-white.png) no-repeat; height: 10px; width: 15px; margin-top: 9px;}
footer .alert .alert-content { text-align: left; border-top: 2px solid #333333; border-bottom: 2px solid #333333; padding: 20px 0 0; bottom: 0;}
footer .alert .alert-content ul { padding: 0; list-style: none;}
footer .alert .alert-content ul li { margin-bottom: 25px; font-size: 18px; position: relative; padding-left: 20px;}
footer .alert .alert-content ul li:before { content: ""; background: url(../img/resources/ico-arrow-right.png) no-repeat; width: 10px; height: 15px; position: absolute; left: 0; top: 50%; margin-top: -7px;}
footer .alert .alert-content ul li a { color: #333333;}
footer .alert .alert-content ul li a:hover, footer .alert .alert-content ul li a:before { text-decoration: underline;}
.avatar-licencia footer .container { background-color: transparent;}

/*COOKIES*/
.cookies { position: fixed; bottom: 0; background: rgba(0,0,0,0.8); width: 100%; color: #fff; z-index: 2;}
.cookies .container { padding: 30px 85px;}
.cookies .container p { margin-bottom: 10px; width: 80%; float: left;}
.cookies .container a { color: #fff; border: 1px solid #fff; padding: 10px 30px; margin-left: 15px; display: inline-block;}
.cookies .container a:hover { text-decoration: none; background: #fff; color: #333;}

/* INPUTS */
.input-group { margin-bottom: 15px;}
.form-control{border-radius: 0; font-size: 24px; line-height: 42px; color: #333333; height: 42px; width: 100%; border-radius: 0; border: 1px solid #e6e6e6;}
.form-control:focus{-webkit-box-shadow: inset 0 1px 1px rgba(230,0,0,.075), 0 0 8px rgba(1230,0,0,.6);
    box-shadow: inset 0 1px 1px rgba(230,0,0,.075), 0 0 8px rgba(230,0,0,.6);}
input[type="checkbox"]{ position: absolute; display: block; width: 0; height: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="checkbox"] + label{ position: relative; }
input[type="checkbox"] + label:before{content: "✔"; width: 21px; height: 21px; border-radius: 3px; border: 1px solid #e6e6e6; background-color: #fff; display: inline-block; line-height: 21px; font-size: 14px; text-align: center; color: #fff;}
input[type="checkbox"]:checked + label:before{ color: #333;}


	/* BOTONES */
.btn.btn-default{font-family: 'VodafoneRg'; background-color: #e60000; color: #fff; font-size: 24px; line-height: 44px; transition: opacity .2s ease-in-out; width: 100%; border: 0; border-radius: 0;}
.btn.btn-default:hover{opacity: 0.8;}
.btn.btn-default[disabled]:hover{background-color: #e60000; color: #fff;}

/* LOGIN */
body.login #Header .container{background-color: rgba(255,255,255,.8);}
body.login .container.white{background-color: rgba(255,255,255,.8);}
body.login{background-image: url('../img/resources/background-login.jpg'); background-color: #d8d8d8;}
body.login footer{color:#000000;}
body.login header h1 + p{font-family: 'VodafoneLt'; color: #666666; font-size: 18px; line-height: 24px; }
#LoginWrap{ max-width: 770px; padding-top: 15px;}
#LoginWrap .input-group{ width: 100%; }
#LoginWrap .input-group label{width: 100%;}
#LoginWrap .input-group.recordar{ margin: 35px 0 45px 0;} 
#LoginWrap .input-group.recordar label{ display: inline-block; width: auto; margin-right: 5px;}
input.recordar{ margin-right: 10px; }
.recordar .txt{color:#333333; font-size: 14px; line-height: 16px; font-family: 'VodafoneRg', Arial, Helvetica, sans-serif;}
body.login .avatar-creatividad{ margin-top: 47px; margin-left: -163px; }
body.login-licencia .avatar-creatividad{ margin-left: 0; }
body.login-licencia header h1 + p a { margin-right: 7px;}
body.login-licencia .ico-alert { margin-right: 0;}


/* PANEL DE CONTROL */
.panel-control #Header .container, .panel-control .container.white{ background-color: rgba(255,255,255,0.95); }

.menu-principal{}
.menu-principal .navbar-default{ background-color: transparent; border: 0; border-radius: 0; margin-bottom: 0;}

.controlPanel .container { padding: 60px 35px 0; }
.controlPanel .info-col { padding: 0 200px 0 140px; } 
.controlPanel .contenedor-info { background: #333;overflow:hidden;padding:10px 35px 10px 20px; }
.controlPanel .contenedor-info:after { content:'';display:block;background:url('../img/vdf-microredwards-clan-logo.png') no-repeat;position:absolute;height:210px;width:158px; top:-60px;right:0; }
.controlPanel .contenedor-info .informacion, .controlPanel .contenedor-info .puntos { width: 50%;}
.controlPanel .informacion { padding: 0 0 0 35px;}
.controlPanel .puntos { text-align:right;padding: 0 30px 0 0;}
.controlPanel .info .imagen-clan,
.controlPanel .info .imagen-escudo { position:absolute;border:10px solid #333;border-radius:50%;overflow:hidden; }
.controlPanel .info .imagen-clan { top:-10px;left:30px; }
.controlPanel .info .imagen-escudo { overflow:visible;top:-30px;right:50px;width:185px;height:185px;background:white;z-index:1; }
.controlPanel .info p { font-size:24px;line-height:24px;color: #fff;margin: 0 0 0 0; }
.controlPanel .info .bienvenido { margin: 0 0 10px 0; }
.controlPanel .info .bienvenido span { font-family:'VodafoneLt-Bold'; }
.controlPanel .info .clan { font-size:30px;color:#a1a1a1;margin: 0 0 20px 0; }
.controlPanel .info .editar-perfil { font-size:18px; }
.controlPanel .info .editar-perfil a { color:#fff;margin: 0 20px 0 0; }
.controlPanel .info .mes { margin: 0 0 15px 0; }
.controlPanel .info .mes .cantidad { font-family:'VodafoneLt-Bold';font-size:36px; }
.controlPanel .info .actividad { font-size:18px;margin: 0 0 5px 0; }
.controlPanel .info .agencia { font-size:18px; }
.controlPanel .actividad .col-xs-12 { padding:0 30px;text-align:center;overflow:hidden; }
.controlPanel h1 { font-size:36px;line-height:38px;color:#e60000;display:inline-block;margin:60px 0 35px 0;position:relative;padding: 0 15px; }
.controlPanel h1:after { content:'';position:absolute;top: 50%;left:100%;width:600px;height:1px;background: #d6d6d4 repeat-x center center; }
.controlPanel h1:before { content:'';position:absolute;top: 50%;right:100%;width:600px;height:1px;background: #d6d6d4 repeat-x center center; }
.controlPanel h2{color: #666666; font-size: 36px; font-family: "VodafoneRg", Arial, Helvetica, sans-serif; display:inline-block;margin:60px 0 20px 0;position:relative;padding: 0 15px; line-height: 38px; }
.controlPanel h2:after { content:'';position:absolute;top: 50%;left:100%;width:600px;height:1px;background: #d6d6d4 repeat-x center center; }
.controlPanel h2:before { content:'';position:absolute;top: 50%;right:100%;width:600px;height:1px;background: #d6d6d4 repeat-x center center; }


.controlPanel .filtros{}
.controlPanel.Trofeos .filtros{margin-top: 85px;}
.controlPanel .filtros .filtro{ line-height: 73px; border: 1px solid #ececec; border-bottom: 3px solid #e60000; background-color: #fff; margin-bottom: 10px; padding: 0 25px;}
.controlPanel .filtros .filtro .toggle{ overflow: hidden; cursor: pointer; }
.controlPanel .filtros .filtro .toggle + .collapse{float: left; width: 100%; margin-top: 15px; margin-bottom: 35px;}
.controlPanel .filtros .filtro .toggle + .collapsing{margin-top: 15px; margin-bottom: 35px;}

.controlPanel .filtros .filtro .toggle .abrir, .controlPanel .filtros .filtro .toggle .cerrar{color: #333333; font-size: 20px; line-height: 23px;}
.controlPanel .filtros .filtro .toggle .abrir i, .controlPanel .filtros .filtro .toggle .cerrar i{ margin-left: 7px; vertical-align: middle; color: #e60000; }
.controlPanel .filtros .filtro .toggle.collapsed .cerrar{ display: none;  }
.controlPanel .filtros .filtro .toggle .abrir{ display: none; font-size: 20px; line-height: 23px;}
.controlPanel .filtros .filtro .toggle.collapsed .abrir{ display: inline-block; }
.controlPanel .filtros .filtro .dropdown { line-height: 0; margin-bottom: 30px;}
.controlPanel .filtros .filtro .dropdown .dropdown-menu{ width: 100%; border-radius: 0; margin-top: -1px;}
.controlPanel .filtros .filtro .col-xs-6{}
.controlPanel .filtros .filtro .ico-calendario{display: inline-block; width: 40px; height: 40px; position: relative; background: url("../img/resources/ico-calendario.png") center center no-repeat #e60000; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
.controlPanel .filtros .filtro .ico-filtro{display: inline-block; width: 40px; height: 40px; position: relative; background: url("../img/resources/ico-filtro.png") center center no-repeat #e60000; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
.controlPanel.Trofeos .filtros .filtro .ico-filtro{display: inline-block; width: 40px; height: 40px; position: relative; background: url("../img/resources/ico-trofeos.png") 6px 8px no-repeat #e60000; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
.controlPanel .filtros .filtro .ico-filtro + p, .controlPanel .filtros .filtro .ico-calendario + p{ display: inline-block; vertical-align: middle; margin-bottom: 0; font-size: 30px; color: #e60000;}
.controlPanel .filtros .filtro .mes{ width: 16.6666%; display: inline-block; vertical-align: middle; float: left; line-height: 45px;}
.controlPanel .filtros .filtro .mes input, .controlPanel.Trofeos .filtros .filtro .tipo input{    position: absolute;display: block;width: 0;height: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.controlPanel .filtros .filtro .mes input + label, .controlPanel.Trofeos .filtros .filtro .tipo input + label{ font-size: 20px; font-weight: bold; color: #333; margin-left: 7px; display: inline-block;vertical-align: middle; }
.controlPanel .filtros .filtro .mes input + label:before, .controlPanel.Trofeos .filtros .filtro .tipo input + label:before{content: "●";width: 25px;height: 25px;background-color: rgb(255, 255, 255);display: inline-block;line-height: 23px;font-size: 36px;text-align: center;color: #fff;border-radius: 50%;border-width: 1px;border-style: solid;border-color: rgb(230, 230, 230);border-image: initial; margin-right: 7px;vertical-align: middle;}
.controlPanel .filtros .filtro .mes input:checked + label:before, .controlPanel.Trofeos .filtros .filtro .tipo input:checked + label:before{color: #e60000;}
.controlPanel .filtros .filtro .dropdown .btn{ line-height: 38px; border: 0; border-bottom: 1px solid #c8c8c8; background-color: #f0f0f1; padding-top: 0; padding-bottom: 0; color: #333333; font-size: 20px; font-weight: bold; text-align: left; outline: none;}
.controlPanel .filtros .filtro .dropdown .btn .glyphicon{ margin-top: 7px; position: absolute; right: 20px; color: #e60000; }
.controlPanel .filtros .filtro .btn.btn-default{ line-height: 35px; padding-top: 0; padding-bottom: 0;}
.controlPanel .filtros .filtro .dropdown select { height: 35px; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; background: url("../img/resources/dropdown-ico.png") center right 22px no-repeat;}
.controlPanel.Trofeos .filtros .filtro .col-sm-4 { line-height: 45px; vertical-align: middle;}
.controlPanel.Trofeos .filtros .filtro .tipo input + label { line-height: 27px;}
.controlPanel.Trofeos .filtros .filtro .tipo .tipo-menu { list-style: none; visibility: hidden; line-height: 30px; padding-left: 10px; opacity: 0; height: 0px;}
.controlPanel.Trofeos .filtros .filtro .tipo .tipo-menu.open { opacity: 1; visibility: visible; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: auto;}
.controlPanel.Trofeos .filtros .filtro .tipo .tipo-menu li input + label { font-size: 16px; font-weight: normal; line-height: 30px;}
.controlPanel.Trofeos .filtros .filtro .tipo .tipo-menu li input + label:before { width: 20px; height: 20px; line-height: 18px; font-size: 26px; margin-top: -4px;}

.controlPanel .impulsores{  }
.controlPanel .impulsores .datos, .controlPanel.Trofeos .kpis .datos{background-color: #fff;-webkit-box-shadow: -4px 3px 9px rgba(0,0,0,.21);-moz-box-shadow: -4px 3px 9px rgba(0,0,0,.21);box-shadow: -4px 3px 9px rgba(0,0,0,.21);border: solid 1px #e6e6e6; margin-bottom: 20px; display: table; text-align: center; width: 100%; }
.controlPanel .impulsores .datos .impulsor, .controlPanel.Trofeos .kpis .datos .impulsor{ padding-bottom: 10px; position: relative; display: table-cell; float: none;}
.controlPanel .impulsores .datos .impulsor:not(:last-child):before, .controlPanel.Trofeos .kpis .datos .impulsor:not(:last-child):before{content:""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #c9c8c8; width: 1px; height: 70%;}
.controlPanel .impulsores .datos .impulsor .titulo, .controlPanel.Trofeos .kpis .datos .impulsor .titulo{ }
.controlPanel .impulsores .datos .impulsor .titulo h3, .controlPanel.Trofeos .kpis .datos .impulsor .titulo h3{ font-size: 24px; line-height: 27px; color: #e60000; font-weight: bold; min-height: 54px; }
.controlPanel .impulsores .datos .impulsor .desc{}
.controlPanel .impulsores .datos .impulsor .desc span, .controlPanel.Trofeos .kpis .datos .impulsor .desc span{ font-size: 14px; line-height: 18px; color: #aab519; }
.controlPanel .impulsores .datos .impulsor .desc p, .controlPanel.Trofeos .kpis .datos .impulsor .desc p{color: #aab519; font-size: 30px; line-height: 24px; margin-bottom: 0; font-weight: bold;}
.controlPanel .impulsores .datos .impulsor .desc p span, .controlPanel.Trofeos .kpis .datos .impulsor .desc p span{font-weight: normal;}
.controlPanel .impulsores .datos .impulsor .desc .col-xs-6, .controlPanel.Trofeos .kpis .datos .impulsor .desc .col-xs-6{ padding: 5px 10px 10px 10px; }
.controlPanel .impulsores .datos .impulsor .desc .destacado, .controlPanel.Trofeos .kpis .datos .impulsor .desc .destacado{ background-color: #f2f2f2; }
.controlPanel .impulsores .datos .impulsor .desc .detractores span, .controlPanel.Trofeos .kpis .datos .impulsor .desc .detractores span{color: #666666;}
.controlPanel .impulsores .datos .impulsor .desc .detractores p, .controlPanel.Trofeos .kpis .datos .impulsor .desc .detractores p{color: #666666;}

.controlPanel .impulsores .graficos{}
.controlPanel .impulsores .graficos .col-sm-4{background-color: #fff;-webkit-box-shadow: -4px 3px 9px rgba(0,0,0,.21);-moz-box-shadow: -4px 3px 9px rgba(0,0,0,.21);box-shadow: -4px 3px 9px rgba(0,0,0,.21);border: solid 1px #e6e6e6; float: none; display: inline-block; margin: 15px; width: 30.433333%; padding-bottom: 15px;}
.controlPanel .impulsores .graficos .titulo{}
.controlPanel .impulsores .graficos .titulo h3{color: #e60000; font-size: 36px; line-height: 39px; font-weight: bold; margin-bottom: 25px; min-height: 80px;}
.controlPanel .impulsores .graficos .titulo h3 br{display: none;}
.controlPanel .impulsores .graficos .estadisticas{ text-align: center; padding: 0 15px; margin-bottom: 20px;}
.controlPanel .impulsores .graficos .estadisticas p{ font-size: 17px; line-height: 24px; font-weight: bold; margin-bottom: 0;}
.controlPanel .impulsores .graficos .estadisticas span{ font-size: 20px; line-height: 24px; }
.controlPanel .impulsores .graficos .estadisticas .puntos{color: #aab519; padding: 0 15px; text-align: center;}
.controlPanel .impulsores .graficos .estadisticas .altas{ color: #01b0cb; }
.controlPanel .impulsores .graficos .estadisticas .altas:before{content:""; background-color: #e5e5e5; position: absolute; width: 1px; height: 70%; top: 50%; left: 0; transform: translate(-50%, -50%); display: block;}
.controlPanel .impulsores .graficos .estadisticas .altas:after{content:""; background-color: #e5e5e5; position: absolute; width: 1px; height: 70%; top: 50%; right: 0; transform: translate(-50%, -50%); display: block;}
.controlPanel .impulsores .graficos .estadisticas .bajas{ color: #e60000; }
.controlPanel .impulsores .graficos .llave{ display: inline-block; float: right; margin-top: -85px; }
.controlPanel .impulsores .graficos .llave .titulo{ font-size: 20px; color: #333333;  line-height: 22px; margin-bottom: 10px; }
.controlPanel .impulsores .graficos .llave .imagen{}
.controlPanel .impulsores .graficos .llave .imagen img{}

.controlPanel .impulsores .FirmaTienda{}
.controlPanel .impulsores .FirmaTienda .col-sm-6{background-color: #fff;-webkit-box-shadow: -4px 3px 9px rgba(0,0,0,.21);-moz-box-shadow: -4px 3px 9px rgba(0,0,0,.21);box-shadow: -4px 3px 9px rgba(0,0,0,.21);border: solid 1px #e6e6e6; float: none; display: inline-block; margin: 15px; width: 47.3333%; padding-bottom: 30px;}
.controlPanel .impulsores .FirmaTienda .titulo, .controlPanel .impulsores .FirmaTienda .titulo h3{ font-size: 36px; line-height: 39px; color: #e60000; font-weight: bold; text-align: center; margin-bottom: 25px; margin-top: 15px; letter-spacing: 1.2px;}
.controlPanel .impulsores .FirmaTienda .desc{ text-align: center; }
.controlPanel .impulsores .FirmaTienda .desc .dato{color: #01b0cb; text-align: center; margin-top: 0; padding: 0; width: 100px; display: inline-block; position: relative;} 
.controlPanel .impulsores .FirmaTienda .desc .dato:first-child{ color: #aab519; }
.controlPanel .impulsores .FirmaTienda .desc .dato:first-child:before{content: ""; display: block; width: 1px; height: 75%; position: absolute; top: 50%; right: -1px; transform: translateY(-60%); background-color: #e5e5e5;}
.controlPanel .impulsores .FirmaTienda .desc .dato p{ font-size: 30px; line-height: 24px; font-weight: bold; margin-bottom: 0;}
.controlPanel .impulsores .FirmaTienda .desc .dato p + span{ font-size: 20px; line-height: 24px;  }

.controlPanel .fabricantes{ margin-bottom: 75px; }
.controlPanel .fabricantes .fabricante{background-image: url("../img/resources/fabricante-bg.png"); background-position: 98% center; background-repeat: no-repeat; background-color: #fff;-webkit-box-shadow: -4px 3px 9px rgba(0,0,0,.21);-moz-box-shadow: -4px 3px 9px rgba(0,0,0,.21);box-shadow: -4px 3px 9px rgba(0,0,0,.21);border: solid 1px #e6e6e6; float: none; display: inline-block; margin: 15px; width: 47%; padding: 25px 45px;}
.controlPanel .fabricantes .fabricante .titulo{ color: #333333; font-size: 36px; line-height: 39px; }
.controlPanel .fabricantes .fabricante .desc{color: #01b0cb;}
.controlPanel .fabricantes .fabricante .desc p{ font-size: 48px; line-height: 60px; font-weight: bold; }
.controlPanel .fabricantes .fabricante .desc p small{ font-size: 30px; line-height: 24px; font-weight: normal; font-family: "VodafoneLt", Arial, Helvetica, sans-serif; }

/* GENERALES */
.sombreado{background-color: #fff;-webkit-box-shadow: -4px 3px 9px rgba(0,0,0,.21);-moz-box-shadow: -4px 3px 9px rgba(0,0,0,.21);box-shadow: -4px 3px 9px rgba(0,0,0,.21);border: solid 1px #e6e6e6; }
.noMargin{ margin: 0; }
.noFloat{ float: none; display: inline-block;}

.controlPanel.Trofeos .kpis { text-align: center;}
.controlPanel.Trofeos .kpis .datos { display: inline-block; width: auto;}
.controlPanel.Trofeos .kpis .datos .impulsor .titulo h3 { font-size: 18px;}
.controlPanel.Trofeos .kpis .datos .impulsor .desc .detractores { padding: 5px 10px 10px 0;}
.controlPanel.Trofeos .kpis .datos .impulsor .desc span { font-size: 12px;}
.controlPanel.Trofeos .kpis .datos .impulsor .desc p { font-size: 18px;}
.controlPanel.Trofeos .kpis .posicion { margin-bottom: 45px;}
.controlPanel.Trofeos .kpis .posicion .SellerName { font-family: 'VodafoneRg-Bold'; color: #666; font-size: 30px;}
.controlPanel .kpis .posicion .col-sm-6.sombreado{ padding: 20px 15px;}
.controlPanel .kpis .posicion .col-sm-6.sombreado .col-sm-6{ min-height: 80px;}
.controlPanel .kpis .posicion .col-sm-6.sombreado .col-sm-6:first-child{ border-right: 1px solid #c7c7c7;}
.controlPanel .kpis .posicion .col-sm-6 h3{ color: #e60000; margin-top: 0; font-family: 'VodafoneRg-Bold';}
.controlPanel .kpis .posicion .col-sm-6 .numero{ color: #aab519; font-size: 40px; line-height: 40px; font-family: 'VodafoneRg-Bold';}
.controlPanel .kpis .posicion .col-sm-6 .numero-puntos{ font-size: 30px;}
.controlPanel .kpis .posicion .col-sm-6 .numero-puntos small{ font-size: 20px;}
.controlPanel .kpis .estadisticas .dato{ float: none; display: inline-block; width: 30.499%; margin: 15px;}
.controlPanel .kpis .estadisticas .sombreado{ padding: 20px 15px;}
.controlPanel .kpis .estadisticas .dato .titulo p{ font-family: 'VodafoneRg-Bold'; font-size: 21px; color: #666666;}
.controlPanel .kpis .estadisticas .dato .desc .dato{ padding: 0 15px; margin: 0; text-align: center; width: 45%;}
.controlPanel .kpis .estadisticas .dato .desc .dato.puntos{ color: #01b0cb; border-right: 1px solid #e6e5e5;}
.controlPanel .kpis .estadisticas .dato .desc .dato.altas{ color: #aab519;}
.controlPanel .kpis .estadisticas .dato .desc .dato p{font-size: 30px; font-family: 'VodafoneRg-Bold'; margin: 0; line-height: 30px;}
.controlPanel .kpis .estadisticas .dato .desc .dato span{font-size: 20px; font-family: "VodafoneLt", Arial, Helvetica, sans-serif;}
.controlPanel.Trofeos .kpis .ranking { margin-bottom: 45px;}
.controlPanel .kpis .ranking h3{ color: #e60000; margin-bottom: 25px; margin-top: 30px; font-family: 'VodafoneRg-Bold';}
.controlPanel .kpis .ranking .table-responsive table th{ text-align: center; background-color: #f1f1f1; border-right: 10px solid #ffffff; border-bottom: none; font-size: 21px; font-family: 'VodafoneRg-Bold'; font-weight: normal;}
.controlPanel .kpis .ranking .table-responsive table th:last-child{ border-right: none;}
.controlPanel .kpis .ranking .table-responsive table tbody tr.usuario td{ border-top: none; color: #e60000; vertical-align: middle; font-family: 'VodafoneRg-Bold';}
.controlPanel .kpis .ranking .table-responsive table tbody td{ text-align: center; font-size: 18px; font-family: "VodafoneRg", Arial, Helvetica, sans-serif; position: relative; color: #666666;}
.controlPanel .kpis .ranking .table-responsive table tbody td.posicion{color: #333333; font-family: 'VodafoneRg-Bold';}
.controlPanel .kpis .ranking .table-responsive table tbody td span{ position: absolute; left: 15px;}
.controlPanel .cumplimiento .sombreado{ padding: 20px 0;}
.controlPanel .cumplimiento .sombreado .col-sm-4 { border-right: 1px solid #c7c7c7;}
.controlPanel .cumplimiento .sombreado .col-sm-4:last-child { border-right: none;}
.controlPanel .cumplimiento .titulo{ font-size: 36px; color: #e60000; font-family: 'VodafoneRg-Bold'; text-align: center;}
.controlPanel .cumplimiento .desc{ font-size: 36px; color: #aab519; font-family: 'VodafoneRg-Bold'; text-align: center;}
.controlPanel .cumplimiento .desc span{ font-size: 24px; font-family: 'VodafoneLt';}
.controlPanel  .table tbody span{ width: 28px; display: inline-block;}
.controlPanel  .table tbody span img{max-width: 100%;}
.controlPanel.News .latestNews { margin-bottom: 60px;}
.controlPanel.News .latestNews .text-center { text-align: left;}
.controlPanel.News .latestNews .posicion .new { width: 45%; margin: 10px; float: none; display: inline-block; vertical-align: top;}
.controlPanel.News .latestNews .posicion .new .imgNew.New { position: relative; display: inline-block;}
.controlPanel.News .latestNews .posicion .new .imgNew.New:after { content: ""; background: url('../img/resources/new.png') no-repeat; width: 94px; height: 94px; position: absolute; top: 0; left: 15px;}
.controlPanel.News .latestNews .posicion .new .imgNew img { max-width: 100%; border: none;}
.controlPanel.News .latestNews .posicion .new .textNew { text-align: left; color: #666;}
.controlPanel.News .latestNews .posicion .new .textNew .tituloNew, .controlPanel.News .latestNews .posicion .new .textNew .ligaNew { font-family: 'VodafoneRg-Bold'; font-size: 24px; color: #e60000; line-height: 26px; margin-bottom: 5px;}
.controlPanel.News .latestNews .posicion .new .textNew .fechaNew { font-size: 18px; line-height: 20px;}
.controlPanel.News .latestNews .posicion .new .textNew .contenidoNew { font-size: 16px; line-height: 18px;}
.controlPanel.News .latestNews .posicion .new .textNew .enlaceNew { font-size: 18px; line-height: 20px; display: block;}
.controlPanel.News .latestNews .posicion .btn.btn-default { width: auto; line-height: 28px; padding: 3px 45px; margin-top: 60px;}
.controlPanel .faqs .posicion { margin-bottom: 40px;}
.controlPanel .faqs .main { background: url("../img/resources/faqs.jpg") no-repeat; padding: 30px 35px; text-align: left; color: #fff; background-size: cover;}
.controlPanel .faqs .main .preguntaMain { font-size: 30px; line-height: 32px;}
.controlPanel .faqs .main .respuestaMain { font-size: 18px; line-height: 20px; margin-bottom: 0; padding-right: 50px;}
.controlPanel .faqs .preguntas { margin-bottom: 50px;}
.controlPanel .faqs .preguntas .preguntaBox { margin-bottom: 8px; padding: 0 15px;}
.controlPanel .faqs .preguntas .preguntaBox .col-sm-12 { border-bottom: 1px solid #c8c8c8; padding: 0;}
.controlPanel .faqs .preguntas .preguntaBox .pregunta { background-color: #eaecec; padding: 15px 30px; cursor: pointer;}
.controlPanel .faqs .preguntas .preguntaBox .pregunta p { font-size: 18px; color: #333; padding-right: 20px; position: relative; margin-bottom: 0; line-height: 20px; text-align: left; font-family: 'VodafoneRg-Bold'; cursor: pointer;}
.controlPanel .faqs .preguntas .preguntaBox .pregunta p i { position: absolute; right: 0; color: #e60000;}
.controlPanel .faqs .preguntas .preguntaBox .pregunta.collapsed p i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.controlPanel .faqs .preguntas .preguntaBox .respuesta { background-color: #fff; padding: 20px 45px; text-align: left;}
.controlPanel .faqs .preguntas .preguntaBox .respuesta p { font-size: 16px; line-height: 18px; color: #333; margin-bottom: 20px;}


.btn.btn-download{ background-color: #333333;  color: #fff; line-height: 45px; font-size: 20px; padding: 0 50px; border: 0; border-radius: 0; margin-top: 15px; transition: all .2s ease-in-out; }
.btn.btn-download:hover{ background-color: #e60000; }
.btn.btn-download .txt{ display: inline-block; vertical-align: middle; }
.btn.btn-download .ico-download{ width: 31px; height: 25px; background: url("../img/resources/ico-download.png") center center no-repeat; display: inline-block; vertical-align: middle; margin-left: 25px;}


/*LEGALES*/
.legales { margin-bottom: 30px;}
.legales h2 { margin-top: 0;}
.legales h4 { font-family: 'VodafoneRg-Bold';}

/* SELECTORES BASE  */
.row.banner{ background-color: #333333; padding: 30px 45px; color: #fff;}
.row.banner h1{ margin: 0; }

.row.instrucciones{ padding: 33px 0; }
.row.instrucciones .col-xs-2, 
.row.instrucciones .col-xs-3,
.row.instrucciones .col-xs-9,
.row.instrucciones .col-xs-10 { float: none; display: inline-block; box-sizing: border-box; vertical-align: middle; }
.row.instrucciones .col-xs-9, 
.row.instrucciones .col-xs-10 {width: 78%;padding: 0 15px 0 0;}
.row.instrucciones .col-xs-2 { margin: 0 0 0 10px;padding: 0 0 0 15px; }
.row.instrucciones .col-xs-2 img,
.row.instrucciones .col-xs-3 img{ margin: 0 auto; }
.row.instrucciones .col-xs-3 { padding: 0 0 0 15px; }
.row.instrucciones p{font-size: 24px; line-height: 27px; color: #333333; margin-bottom: 0;}

.row.pasos{ background-color: rgba(255,255,255,.5); }
.row.pasos .btn.btn-default{ line-height: 35px; padding: 0;}
.row.pasos .col-sm-4{ position: relative; padding: 25px 30px;opacity:1;transition: opacity .5s linear;-webkit-transition: opacity .5s linear;-moz-transition: opacity .5s linear;-o-transition: opacity .5s linear;}
.row.pasos .col-sm-4.completado { opacity: .4; }
.row.pasos .col-sm-4.completado:after { content:'';z-index:999;position:absolute;top:0;bottom:0;left:0;right:0; } 
.row.pasos .col-sm-4:not(:last-child):before{content:""; position: absolute; width: 1px; height: 37px; background-color: #cdcdcd; display: block; top: 0; right: 0; }
.row.pasos .titulo {}
.row.pasos .titulo h2{ color: #e60000; margin-bottom: 0; font-weight: bold;}
.row.pasos .titulo h2 + p{ font-size: 18px; line-height: 21px;  color: #e60000;}
.row.pasos .titulo p.big{color: #e60000; font-size: 24px; line-height: 24px; text-align: center;}
.row.pasos .contenido{ margin-bottom: 15px;display:inline-block;width:100%;}
.row.pasos .contenido .selector{ display:none;margin: 80px 0 0 0;padding: 0 20px; }
.clanBuilder .row.pasos .contenido .selector { display:block; }
.row.pasos .contenido .selector.activo { display:block; }
.avatarBuilder .row.pasos .contenido .selector{ margin: 35px 0 0 0; }
.row.pasos .contenido .selector .slick-arrow{width: 16px; height: 26px; background: url('../img/resources/arrow-red.png') center center no-repeat; font-size: 0; border: 0; background-color: transparent; position: absolute; top: 50%; transform: translateY(-50%); outline: none;}
.row.pasos .contenido .selector .slick-arrow.slick-prev{ left: 0; }
.row.pasos .contenido .selector .slick-arrow.slick-next{transform: rotate(180deg) translateY(50%); right: 0;}
.row.pasos .contenido .selector .slick-dots{ text-align: center; padding: 0;position:relative;top:40px;}
.avatarBuilder .row.pasos .contenido .selector .slick-dots{ top:55px;}
.row.pasos .contenido .selector .slick-dots li{margin: 5px; list-style: none; display: inline-block; width: auto; line-height: 0;}
.row.pasos .contenido .selector .slick-dots li.slick-active{}
.row.pasos .contenido .selector .slick-dots li button{ display: inline-block; width: 10px; height: 10px; vertical-align: middle; background-color: #ebebeb; transition: all .2s ease-in-out; border: 0; padding: 0; border-radius: 50%; font-size: 0;}
.row.pasos .contenido .selector .slick-dots li button:focus{ outline: none; }
.row.pasos .contenido .selector .slick-dots li.slick-active button{background-color: #e60000;}
.slick-initialized .slick-slide{ outline: none; cursor: pointer;}
.row.pasos .contenido .selector .wrap{ position: relative; padding: 25px 0; }
.row.pasos .contenido .selector .slick-current.slick-active .wrap:before{ content:""; position: absolute; width: 37px; height: 37px; display: block; background: url('../img/resources/icon-on.png') center center no-repeat; top: 15px; right: 44%; transform: translateX(125%);}
.row.pasos .contenido .selector .slick-current.slick-active .noDisponible .wrap:before{background: url('../img/resources/icon-noDisponible.png') center center no-repeat;}
.row.pasos .contenido .selector .wrap img{ margin: 0 auto;}
.row.pasos .contenido .nombreEquipo{ position: relative;margin:130px 0 0 0; }
.row.pasos .contenido .nombreEquipo.active:before{ content:""; position: absolute; width: 37px; height: 37px; display: block; background: url('../img/resources/icon-on.png') center center no-repeat; top: -10px; right: 0px;}
.row.pasos .contenido .nombreEquipo p{ color: #333333;  } 
.row.pasos .contenido .resultado { margin-bottom: 25px; }
.row.pasos .contenido .resultado .escudo{ width: 220px; height: 220px; overflow: visible; background: url('../img/resources/resultado-escudo-bg.png') center center no-repeat; display: block; margin: 0 auto; text-align: center; margin-top: 55px;}
.avatarBuilder .row.pasos .contenido .resultado .escudo{ margin-top: 15px;}
.row.pasos .contenido .resultado .escudo img{ margin-top: -40px; max-width: 165px;}
.row.pasos .contenido .resultado .escudo .nombreClan{ display: block; font-size: 24px; line-height: 24px; font-weight: bold; color: #fff;padding:0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.row.pasos .contenido .footer{ text-align: center; color: #e60000;}
.row.pasos .contenido .footer p{}
.row.pasos .contenido .footer p.big{}
.row.pasos .contenido .footer p.big-2{ font-size: 26px; margin-bottom: 0; }
.row.pasos .submit { padding: 0 30px; }

.panel-control-licencia .avatarBuilder .row.pasos .contenido .selector .slick-dots{ top:15px;}
.panel-control-licencia .row.pasos .contenido .selector .slick-current.slick-active .wrap:before{ top: 46px; right: 35%;}
.panel-control-licencia .row.pasos .contenido .selector .wrap{ overflow: hidden; }
.panel-control-licencia .row.pasos .contenido .selector .wrap img { max-width: 100%;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .graficos .titulo h3{font-size: 24px; line-height: 26px;}
.panel-control-licencia.consulta-puntos .controlPanel h2 { font-family: 'VodafoneRg', Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px; color: #e60000; margin-top: 110px; margin-bottom: 25px;}
.panel-control-licencia.consulta-puntos .controlPanel h2:after { display: none;}
.panel-control-licencia.consulta-puntos .controlPanel h2:before { display: none;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .datos .impulsor { padding-bottom: 20px;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .datos .impulsor .titulo h3 { margin-bottom: 35px; font-weight: normal;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .datos .impulsor.saldo .titulo h3 { font-weight: bold;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .datos .impulsor .desc p { color: #333333; font-family: 'VodafoneRg-Bold', Arial, Helvetica, sans-serif; font-weight: normal;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .datos .impulsor .desc span { color: #333333; font-size: 15px; font-family: 'VodafoneLt', Arial, Helvetica, sans-serif;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .datos .impulsor.saldo .desc p { color: #e60000;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .datos .impulsor.saldo .desc span { color: #e60000;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .caducidad ul { list-style: none; padding-left: 30px;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .caducidad ul li { font-size: 16px; line-height: 24px; font-family: 'VodafoneLt', Arial, Helvetica, sans-serif; position: relative; padding-left: 20px;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .caducidad ul li:before { content: ""; background: url('../img/resources/arrow-right-red.png') no-repeat; width: 7px; height: 10px; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .caducidad ul li span { color: #e60000; font-family: 'VodafoneLt', Arial, Helvetica, sans-serif; font-size: 18px;}
.panel-control-licencia.consulta-puntos .controlPanel .impulsores .caducidad ul li span strong { font-family: 'VodafoneLt-Bold', Arial, Helvetica, sans-serif; font-weight: normal;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros { margin: 50px 0 110px;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .ico-filtro, .panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .ico-calendario { display: none;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle .abrir span strong, .panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle .cerrar span strong { font-family: 'VodafoneRg-Bold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table { width: 100%;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table tr td { text-align: center;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table tr td.empty { width: 2%; background: transparent;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table thead tr td { background: #f4f4f4; font-size: 21px; font-family: 'VodafoneRg-Bold', Arial, Helvetica, sans-serif; line-height: 40px;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table thead tr td.w64 { width: 64%;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table thead tr td.w49 { width: 49%;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table thead tr td.w16 { width: 16%;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table tbody tr { border-bottom: 1px solid #dfdfdf;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table tbody tr:last-child { border: none;}
.panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .toggle + .collapse table tbody tr td { font-size: 16px; color: #666666; line-height: 50px;}

/* ESCUDO SELECTOR */


/* AVATAR SELECTOR */
.row.banner.clanBanner{}
.row.banner.clanBanner h1{ font-family: 'VodafoneLt', Arial, Helvetica, sans-serif; }
.row.banner.clanBanner h1 .userName{ font-family: 'VodafoneRg', Arial, Helvetica, sans-serif; }
.row.banner.clanBanner h1 .clanName{color: #e60000;  font-family: 'VodafoneRg', Arial, Helvetica, sans-serif;}
.row.banner.clanBanner .clanEscudo{width: 100%; height: 100%; position: relative;}
.row.banner.clanBanner .clanEscudo img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%); }
.row.instrucciones p.big{ font-size: 30px; }

.avatarBuilder .row.pasos .sexo { margin: 22px 0; }
.avatarBuilder .row.pasos .sexo.hombre { margin: 40px 0 22px 0; }
.avatarBuilder .row.pasos .sexo > div{ display: inline-block; clear: both; position: relative; cursor: pointer;}
.avatarBuilder .row.pasos .sexo .activo:before{content:""; background: url('../img/resources/icon-on.png') center center no-repeat; width: 37px; height: 37px; position: absolute; display: block; top: -10px; right: 0px;}
.avatarBuilder .row.pasos .sexo .activo{ display: none; }
.avatarBuilder .row.pasos .sexo .inactivo{ display: inline-block; }
.avatarBuilder .row.pasos .sexo.selected .activo{ display: inline-block; } 
.avatarBuilder .row.pasos .sexo.selected .inactivo{ display: none; }
.panel-control-licencia .avatarBuilder .row.pasos .sexo.hombre .activo:before{right: 37px;}

.avatarBuilder .row.pasos .contenido .resultado .escudo{ background:url('../img/resources/resultado-avatar-bg.png') center center no-repeat; padding-top: 25px; position: relative;}
.avatarBuilder .row.pasos .contenido .resultado .escudo .interrogacion{ font-size: 110px; line-height: 110px; color: #fff; text-align: center; width: 100%; display: block; font-style: normal; font-weight: bold;}
.avatarBuilder .row.pasos .contenido .resultado .escudo img{ max-width: 85px; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); }

.panel-control-licencia .row.pasos .paso-tres .contenido { margin-bottom: 9px;}
.panel-control-licencia .row.pasos .contenido .resultado { margin-bottom: 0; margin-top: 75px; }
.panel-control-licencia .avatarBuilder .row.pasos .contenido .resultado .escudo{ background:url('../img/resources/licencia-comienzo-bg.png') center center no-repeat; background-size: contain;}


/* GRAFICOS ------------------------------------------------------------------------------*/
  .graphWrap{ text-align:center;}
  .graphBox{float:none;display:inline-block;width:auto;height:200px;text-align:center;position:relative;margin:0 0 0 30px; }
  .graphBox:first-child { margin:0 0 0 0; }
  .graphBox .progress {
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: transparent;
    overflow: visible;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .graphBox .progress:after{content:"";    
    position: absolute;
    width: 174px;
    height: 174px;
    border: 18px solid #ebebeb;
    border-radius: 50%;
    left: 9px;
    top: 9px;
    display: block;
    z-index: 1;}
  .graphBox .progress.Two:after{
    width: 138px;
    height: 138px;
    top:27px;
    left:27px;
    border-color:#f0f0f0;
    }
    .graphBox .progress.Three:after{
    width: 102px;
    height: 102px;
    top:45px;
    left:45px;
    border-color:#f4f4f4;
    }    
  .graphBox .progress { position:absolute;width:192px;height:192px;left:50%;margin-left:-100px; margin-bottom: 0;}
  .graphBox .progress .number{position: absolute; top:14px; left:50%; transform:translateX(-111%); color:#fff; font-size:14px; line-height:14px;}
  .graphBox .progress.Two .number{top: 33px;}
  .graphBox canvas{ position: relative; z-index: 2; }

.modal-video .modal-dialog, .modal-video-news .modal-dialog { width: 1000px; margin: 160px auto 0; }
.modal-video .modal-header, .modal-video-news .modal-header { position: absolute; top: 0; width: 100%; z-index: 1; border-bottom: 0;}
.modal-video .modal-header .close, .modal-video-news .modal-header .close { opacity: 1; font-size: 40px; color: #fff; text-shadow: none;}
.modal-video .modal-body, .modal-video-news .modal-body { padding: 0;}
.modal-video .modal-body video, .modal-video-news .modal-body video { vertical-align: top;}

.AccordionLegales .panel-default .panel-heading .panel-title a { display: block; background: url('../img/resources/arrow-up.png') center right 20px no-repeat; font-size: 18px; padding-right: 55px;}
.AccordionLegales .panel-default .panel-heading .panel-title a.collapsed { background: url('../img/resources/dropdown-ico.png') center right 20px no-repeat;}
.AccordionLegales .panel-default .panel-heading .panel-title a:hover, .AccordionLegales .panel-default .panel-heading .panel-title a:focus { text-decoration: none;}

.panel-control-licencia #Header .container { background-color: rgb(255,255,255);}
.panel-control-licencia #Header .menu-principal { padding: 0;}
.panel-control-licencia #Header .menu-principal .navbar-collapse { padding: 0;}
.panel-control-licencia #Header .menu-principal ul { margin: 0;}
.panel-control-licencia #Header .menu-principal li a { padding: 10px 8px;}
.panel-control-licencia .controlPanel .container, .panel-control-licencia .avatarBuilder .container { background-color: rgb(255,255,255);}
.panel-control-licencia .controlPanel .contenedor-info { padding: 15px 35px 10px 20px;}
.panel-control-licencia .controlPanel .contenedor-info:after { display: none;}
.panel-control-licencia .controlPanel .contenedor-info .informacion { padding: 0 0 0 75px;}
.panel-control-licencia .controlPanel .info .imagen-clan { top: -30px; left: 30px; overflow: visible; width: 185px; height: 185px; background-color: #ffffff;}
.panel-control-licencia .controlPanel .info .imagen-clan .img-responsive { bottom: 50%; margin-bottom: -106px; position: absolute; max-width: none; left: 50%; margin-left: -92px;}
.panel-control-licencia .controlPanel .info .clan { margin: 0 0 10px 0;}
.panel-control-licencia .controlPanel .info .mes { margin: 0 0 5px 0;}
.panel-control-licencia .controlPanel .info .actividad { margin: 0;}
.panel-control-licencia .controlPanel .info .bienvenido, .panel-control-licencia .controlPanel .info .editar-perfil, .panel-control-licencia .controlPanel .info .mes, 
.panel-control-licencia .controlPanel .info .agencia { font-family: 'VodafoneLt', Arial, Helvetica, sans-serif;}
.panel-control-licencia .controlPanel .info .mes .cantidad { font-size: 24px; font-family: 'VodafoneRg', Arial, Helvetica, sans-serif;}
.panel-control-licencia .controlPanel .info .imagen-escudo { background: url(../img/resources/escudo-puntos-licencia.png) no-repeat; border-radius: 0; border: none; height: 201px; width: 172px; top: -40px; right: 60px;}
.panel-control-licencia .controlPanel .info .imagen-escudo .saldo-box { position: absolute; width: 100%; text-align: center; top: 30px;}
.panel-control-licencia .controlPanel .info .imagen-escudo .saldo-box p { font-size: 14px; line-height: 29px;}
.panel-control-licencia .controlPanel .info .imagen-escudo .saldo-box .saldo { font-family: 'VodafoneRg-Bold'; font-size: 36px;}
.panel-control-licencia .controlPanel .info .imagen-escudo .img-responsive { position: absolute; left: 50%; margin-left: -24px; bottom: 54px;}
.panel-control-licencia .row.pasos { border: 1px solid #eeeeee;}

.tooltip-txt { text-align: left; padding: 10px; margin-bottom: 0;}

/* PANEL DE CONTROL DE AGENTE */
.barra-resultados { margin-top: 20px; }
.barra-resultados .titular { font-size: 30px; line-height: 32px; color: #e60000; margin-bottom: 10px; }
.barra-resultados .resultadousuario { background: #ffffff; transition: all 0.5 ease-in-out; -webkit-box-shadow: -4px 3px 9px rgba(0,0,0,.21); -moz-box-shadow: -4px 3px 9px rgba(0,0,0,.21); box-shadow: -4px 3px 9px rgba(0,0,0,.21); border: solid 1px #e6e6e6; padding: 20px 0; }
.barra-resultados .resultadousuario .titulo p { font-size: 20px; color: #e60000; margin: 0; }
.barra-resultados .resultadousuario .titulo p span { display: none;}
.barra-resultados .resultadousuario .desc p { font-size: 16px; margin: 0; }
.barra-resultados .resultadousuario .desc p strong { font-size: 22px;   }
.barra-resultados .resultadousuario .resultado:not(:last-child):before, .barra-resultados .resultadousuario .resultado:not(:last-child):before { content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #c9c8c8; width: 1px; height: 70%; }
.barra-resultados .resultadousuario .agente .desc p { word-wrap:break-word; }

.resultadousuario.affix{ position: fixed; top: 0; right: auto; left: auto; width: 100%; z-index: 999999; margin: 0; margin-left: -35px; max-width: 1170px; }


/* TRIMESTRALES */
.trimestrales h2{ color: #666666; font-size: 30px; font-family: "VodafoneRg-Bold", Arial, Helvetica, sans-serif; display: inline-block; margin: 60px 0 20px 0; position: relative; padding: 0 15px; line-height: 38px; }
.trimestrales h2:before { content: ''; position: absolute; top: 50%; right: 100%; width: 600px; height: 1px; background: #d6d6d4 repeat-x center center; }
.trimestrales h2:after { content: ''; position: absolute; top: 50%; left: 100%; width: 600px; height: 1px; background: #d6d6d4 repeat-x center center; }
.trimestrales .premiados .col-sm-4 { background-color: #fff; -webkit-box-shadow: -4px 3px 9px rgba(0,0,0,.21); -moz-box-shadow: -4px 3px 9px rgba(0,0,0,.21); box-shadow: -4px 3px 9px rgba(0,0,0,.21); border: solid 1px #e6e6e6; float: none; display: inline-block; margin: 15px; width: 30.433333%; padding-bottom: 15px; }
.trimestrales .premiados .titulo h3{ font-size: 36px; line-height: 40px; color: #e60000; }
.trimestrales .premiados .titulo h3 sup { font-size: 27px;  }
.trimestrales .premiados .imagenpremio { padding: 20px 0 30px 0; }
.trimestrales .premiados .imagenpremio img { max-width: 100%;}
.trimestrales .premiados .resultado { padding: 0 43px; }
.trimestrales .premiados .resultado .categoria { font-size: 18px; line-height: 20px; margin-bottom: 5px; } 
.trimestrales .premiados .resultado .premiado { font-size: 24px; line-height: 26px; font-family: 'VodafoneRg-Bold', Arial, Helvetica, sans-serif; }
.trimestrales .premiados .resultado.candidato { color: #666666; }
.trimestrales .premiados .resultado.candidato .premiado { font-family: 'VodafoneRg', Arial, Helvetica, sans-serif;}


@media only screen and (max-width:1199px){
.graphBox{width:auto;}

}
@media only screen and (max-width:991px){
  
.graphBox{width:auto; margin:0; padding-bottom:125px;}
.graphBox .labelWrap{float: left; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); }
.graphBox .labelWrap ul li{ margin:0 auto; width:300px; max-width:100%;}
.graphBox .labelWrap ul li:after{display: none;}

}
@media only screen and (max-width:767px){
.graphWrap{ text-align:center;}
.graphBox{width:100%; margin:0;}

h2.dottedBox{padding: 20px 15px;}
}
  /* FIN GRAFICOS ------------------------------------------------------------------------------*/


/* RESPONSIVE */
@media only screen and (max-width: 1199px){
	/* LOGIN */
	body.login .avatar-creatividad{ margin-left: -100px; }
	/* SELECTORES BASE  */
	.row.banner h1 { font-size:32px;line-height:36px; }
	.row.pasos .col-sm-4 { padding: 25px 15px; }

  /* CONTROL PANEL */
  .panel-control-licencia #Header .container { overflow: visible;}
  .panel-control-licencia #Header .container .row { position: relative;}
  .panel-control-licencia #Header .col-xs-3{width: 33.333%; float: none !important; margin: 0 auto;}
  .panel-control-licencia #Header .menu-principal{ float: right; width: 100%; position: absolute;}
  .panel-control-licencia .menu-principal .navbar-default { right: 0;}
  .panel-control-licencia .menu-principal .navbar-default .navbar-header { float: right;}
  .panel-control-licencia .menu-principal .navbar-default .navbar-toggle{ border: 0; z-index: 3; padding: 13px 10px; margin-top: 0; display: block;}
  .panel-control-licencia .menu-principal .navbar-default .navbar-toggle.in { background-color: #fff; border-radius: 0;}
  .panel-control-licencia .menu-principal .navbar-default .navbar-toggle.in:hover, .menu-principal .navbar-default .navbar-toggle.in:focus { background-color: #fff;}
  .panel-control-licencia .menu-principal .navbar-default .navbar-toggle:hover, .menu-principal .navbar-default .navbar-toggle:focus{ background-color: transparent; }
  .panel-control-licencia .menu-principal .navbar-default .navbar-toggle .icon-bar{ background-color: #303030; width: 35px; margin-bottom: 9px;}
  .panel-control-licencia .menu-principal .navbar-default .navbar-toggle .icon-bar:last-child { margin-bottom: 0;}
  .panel-control-licencia .menu-principal .navbar-collapse { max-height: 100%; overflow: hidden; background-color: #fff; width: 100%; margin: 0; border: none; box-shadow: none; padding: 0; height: auto !important; right: -100%; position: relative; transition: all .6s ease-in-out; z-index: 99999; top: 15px; padding: 15px 20px;}
  .panel-control-licencia .menu-principal .navbar-collapse.collapse { overflow: hidden !important; display: none !important;}
  .panel-control-licencia .menu-principal .navbar-collapse.in { right: -21%; display: block !important;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion { width: 100%; background-color: #333; padding: 15px;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .imagen-clan { display: inline-block; border-radius: 50%; overflow: hidden; max-width: 80px; position: absolute;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .info-text { color: #fff; vertical-align: top; font-size: 18px; font-family: 'VodafoneLt'; width: 100%; padding-left: 90px; overlow-wrap: break-word;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .info-text p { margin-bottom: 0;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .info-text .nombre { font-family: 'VodafoneRg-Bold';}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .info-text .clan { color: #a1a1a1;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .info-text .editar-perfil { margin-top: 8px;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .info-text .editar-perfil a { color: #fff; margin-right: 5px;}
  .panel-control-licencia .menu-principal .close-tab { content: ""; position: fixed; right: 0; background: rgba(0,0,0,.8);left: 0; top: 0; width: 100%; height: 100%; z-index: 2; border-radius: 0; box-shadow: none; border: none; display: none;}
  .panel-control-licencia #Header .menu-principal .navbar-collapse .nav { text-align: left; margin: 0; display: inline-block; width: 100%;}
  .panel-control-licencia #Header .menu-principal li { display: block;}
  .panel-control-licencia #Header .menu-principal li a { font-size: 18px;}
  #Header .menu-principal li a{ padding: 10px 12px; }
  .controlPanel .impulsores .graficos .col-sm-4{width: 29.833333%;}
  .controlPanel .impulsores .graficos .llave .titulo{ font-size: 16px; }
  .controlPanel .impulsores .FirmaTienda .col-sm-6{width: 46.7333%;}
  .controlPanel .fabricantes .fabricante{width: 46%;}
	
  .modal-video .modal-dialog, .modal-video-news .modal-dialog { width: 900px;}
  
  .panel-control-licencia #Header .menu-principal { padding: 0 15px;}
  .panel-control-licencia #Header .menu-principal .navbar-collapse { padding: 15px 20px;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .imagen-clan { overflow: visible; position: relative;}
  .panel-control-licencia .menu-principal .navbar-collapse .informacion .info-text { width: auto; padding-left: 10px; display: inline-block; vertical-align: bottom;}

  .trimestrales .premiados .col-sm-4 {width: 29.833333%;}
  .resultadousuario.affix {max-width: 970px; }

}

@media only screen and (max-width: 991px){
  body.login .avatar-creatividad{ margin-left: -15px; }
  body.login-licencia .avatar-creatividad{ margin-left: 0; }
  body.login .avatar-creatividad img{max-width: 100%; }
  footer .enlaces { float: none; margin-bottom: 15px; text-align: center;}
  footer .copyright { float: none;}
	
  /*COOKIES*/
  .cookies .container p { width: 75%;}

  /* SELECTORES BASE */
  .row.banner h1 { font-size:28px;line-height:32px; }
  .row.instrucciones .col-xs-9, 
  .row.instrucciones .col-xs-10 {padding: 0 15px;}
  .row.pasos .contenido .selector .wrap img{ max-width: 100%; }
  .row.pasos .contenido .resultado{ margin-bottom: 0; }
  .row.pasos .contenido .resultado .escudo{ background-size: contain; max-width: 100%; }
  .row.pasos .contenido .resultado .escudo img{ max-width: 100%; }
  .row.pasos .submit { padding: 0 0 0 0; }
  .row.pasos .contenido .selector .slick-dots { top:80px; }
  .avatarBuilder .row.pasos .contenido .selector .slick-dots { top:95px; }
  .panel-control-licencia .avatarBuilder .row.pasos .contenido .selector .slick-dots{ top:75px;}

  /**/
  .row.banner.clanBanner .clanEscudo img{ max-width: none; }

  /* CONTROL PANEL */
  #Header .menu-principal li a{ padding: 10px 5px; font-size: 15px; }

  .controlPanel .info .informacion{ width: 100%; margin-bottom: 20px;}
  .controlPanel .info .puntos{ float: left !important; width: 100%; text-align: left; padding: 0 0 0 35px;}
  .controlPanel .filtros .filtro .mes{ width: 25%; }
  .controlPanel .impulsores .graficos .col-sm-4{width: 45.533333%;}
  .controlPanel .impulsores .FirmaTienda .col-sm-6{width: 45.7333%;}
  .controlPanel .impulsores .row.datos, .controlPanel.Trofeos .kpis .row.datos { overflow: visible; margin-bottom: 60px; display: flex; width: auto;}
  .controlPanel .impulsores .datos .impulsor:not(:last-child):before, .controlPanel.Trofeos .kpis .datos .impulsor:not(:last-child):before { display: none;}
  .controlPanel .impulsores .row.datos .slick-arrow, .controlPanel.Trofeos .kpis .row.datos .slick-arrow { display: none !important;}
  .controlPanel .impulsores .row.datos .slick-dots, .controlPanel.Trofeos .kpis .row.datos .slick-dots { text-align: center; padding: 0; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%);}
  .controlPanel .impulsores .row.datos .slick-dots li, .controlPanel.Trofeos .kpis .row.datos .slick-dots li { margin: 5px; list-style: none; display: inline-block; width: auto; line-height: 0;}
  .controlPanel .impulsores .row.datos .slick-dots li button, .controlPanel.Trofeos .kpis .row.datos .slick-dots li button { display: inline-block; width: 10px; height: 10px; vertical-align: middle; background-color: #ebebeb; transition: all .2s ease-in-out; border: 0; padding: 0; border-radius: 50%; font-size: 0;}
  .controlPanel .impulsores .row.datos .slick-dots li.slick-active button, .controlPanel.Trofeos .kpis .row.datos .slick-dots li.slick-active button { background-color: #e60000;}
  .controlPanel .fabricantes .fabricante{width: 45.533333%;}
  .controlPanel .kpis .ranking .table-responsive table tbody td span { position: relative; left: 0;}
  .controlPanel .kpis .estadisticas .dato { width: 42.499%;}
  .controlPanel .cumplimiento .sombreado .col-sm-4 { width: 100%;}
  .controlPanel.Trofeos .filtros .filtro .tipo input + label { font-size: 18px; line-height: 26px;}
	
  .modal-video .modal-dialog, .modal-video-news .modal-dialog { width: 90%;}
	
  .panel-control-licencia .menu-principal .navbar-collapse.in { right: -30%; display: block !important;}
  .panel-control-licencia .controlPanel .info .informacion { margin-bottom: 0;}

  .resultadousuario.affix {max-width: 750px; }

  .trimestrales .premiados .col-sm-4{width: 45.533333%;}

}

@media only screen and (max-width: 991px) and (min-width: 768px){
  .avatarBuilder .row.pasos .contenido .resultado .escudo{
    background-size: contain;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .avatarBuilder .row.pasos .contenido .resultado .escudo .interrogacion{
    font-size: 75px; line-height: 135px;
  }
  .panel-control-licencia #Header .menu-principal { padding: 0 15px;}
  .panel-control-licencia .controlPanel .info-col { padding: 0 140px;}
  .panel-control-licencia .controlPanel .info .puntos { padding: 0 0 0 75px;}
}

@media only screen and (max-width: 767px){
  h1{ font-size: 28px; line-height: 34px;}
  h2{}
  label > span{ font-size: 20px; line-height: 22px; margin-bottom: 5px; }
  .mbl-Block{ display: block; }

  .container{ padding: 25px 8%; overflow: hidden;}
  .container.white{background-color: #fff;}

  /* HEADER */
  #Header .container{ padding: 40px 8%; background-color: #fff; }
  /* LOGIN */
  body.login header h1 + p{ font-size: 16px; line-height: 22px; }
  body.login .avatar-creatividad { display:none;margin-left:0; }
  body.login .noRecuerdo { padding-left:20px; }
  body.modal-open { padding: 0 !important;}
  #LoginWrap{ max-width: 100%; }
	
  /*COOKIES*/
  .cookies { text-align: center;}
  .cookies .container p { width: 100%;}
  .cookies .container a { float: none; margin-left: 0; margin-top: 15px; display: inline-block;}

  /*  */
  .row.banner{ padding: 15px; position: relative;}
  .row.banner:before{ content: ""; display: block; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #333333;}
  .row.banner:after{ content: ""; display: block; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #333333;}
  .row.banner.clanBanner{ text-align: center; margin-top: 30px;}
  .row.banner.clanBanner .col-sm-9{ width: 73%; display: inline-block; vertical-align: middle;}
  .row.banner.clanBanner .col-sm-3{ width: 25%; display: inline-block; vertical-align: middle;}
  .row.banner.clanBanner .clanEscudo img{ transform: translate(-50%, -50%); max-width: 150%;} 
  .row.instrucciones .col-xs-9, 
  .row.instrucciones .col-xs-10 {padding: 0 15px;}
  .row.instrucciones p{ font-size: 22px; line-height: 25px; }
  .row.pasos{ position: relative;overflow:hidden; }
  .row.pasos .contenedor-pasos { position:relative;overflow: hidden; }
  .row.pasos .col-sm-4 { position:relative;float:left;opacity:0;height:0;display:inline-block;width:100%;padding: 25px 30px;margin: 0 15px 0 0;}
  .row.pasos .col-sm-4.activo { height: auto;opacity:1; }
  .row.pasos .paso{ border: 1px solid #b4b4b4; }
  .row.pasos .paso:not(:last-child):before{ display: none; }
  .row.pasos .contenido .selector .slick-dots { top: auto; }
  .avatarBuilder .row.pasos .contenido .selector .slick-dots { top: auto; }
  .avatarBuilder .row.pasos .sexo { margin: 20px 0 20px 0; }
  .row.pasos .contenido{ margin: 0 0 25px 0; }
  .row.pasos .contenido .img-responsive { width: 100%; }
  .row.pasos .contenido .selector { margin: 10px 0 0 0; }
  .avatarBuilder .row.pasos .contenido .selector { margin: 10px 0 0 0; }
  .row.pasos .contenido .nombreEquipo { margin: 10px 0 0 0; }
  .row.pasos .contenido .nombreEquipo.active:before{ top: -10px;}
  .row.pasos .submit { padding: 0 0 0 0; }
  .panel-control-licencia .avatarBuilder .row.pasos .contenido .selector .slick-dots{ top:15px;}

  .controlPanel .impulsores .graficos .titulo h3{min-height: auto;}

  /**/
  .row.instrucciones p.big{ font-size: 22px; }
  .row.instrucciones .col-xs-9{ width: 73%; }

  .avatarBuilder .row.pasos .paso { border: none;}
  .avatarBuilder .row.pasos .contenido .resultado .escudo{ margin-top: 0; margin-bottom: 25px; }

  /* CONTROL PANEL */
  .panel-control #Header .container { overflow: visible;}
  .panel-control #Header .container .row { position: relative;}
  .panel-control #Header .col-xs-3{width: 33.333%; float: none !important; margin: 0 auto;}
  #Header .menu-principal{ float: right; width: 100%; position: absolute;}
  .menu-principal .navbar-default { right: 0;}
  .menu-principal .navbar-default .navbar-toggle{ border: 0; z-index: 3; padding: 13px 10px; margin-top: 0;}
  .menu-principal .navbar-default .navbar-toggle.in { background-color: #fff; border-radius: 0;}
  .menu-principal .navbar-default .navbar-toggle.in:hover, .menu-principal .navbar-default .navbar-toggle.in:focus { background-color: #fff;}
  .menu-principal .navbar-default .navbar-toggle:hover, .menu-principal .navbar-default .navbar-toggle:focus{ background-color: transparent; }
  .menu-principal .navbar-default .navbar-toggle .icon-bar{ background-color: #303030; width: 35px; margin-bottom: 9px;}
  .menu-principal .navbar-default .navbar-toggle .icon-bar:last-child { margin-bottom: 0;}
  .menu-principal .navbar-collapse { max-height: 100%; overflow: hidden; background-color: #fff; width: 100%; margin: 0; border: none; box-shadow: none; padding: 0; height: auto !important; right: -100%; position: relative; transition: all .6s ease-in-out; z-index: 99999; top: 15px; padding: 15px 20px;}
  .menu-principal .navbar-collapse.in { right: -60px; display: block;}
  .menu-principal .navbar-collapse .informacion { width: 100%; background-color: #333; padding: 15px;}
  .menu-principal .navbar-collapse .informacion .imagen-clan { display: inline-block; border-radius: 50%; overflow: hidden; max-width: 80px; position: absolute;}
  .menu-principal .navbar-collapse .informacion .info-text { color: #fff; vertical-align: top; font-size: 18px; font-family: 'VodafoneLt'; width: 100%; padding-left: 90px; overlow-wrap: break-word;}
  .menu-principal .navbar-collapse .informacion .info-text p { margin-bottom: 0;}
  .menu-principal .navbar-collapse .informacion .info-text .nombre { font-family: 'VodafoneRg-Bold';}
  .menu-principal .navbar-collapse .informacion .info-text .clan { color: #a1a1a1;}
  .menu-principal .navbar-collapse .informacion .info-text .editar-perfil { margin-top: 8px;}
  .menu-principal .navbar-collapse .informacion .info-text .editar-perfil a { color: #fff; margin-right: 5px;}
  .menu-principal .close-tab { content: ""; position: fixed; right: 0; background: rgba(0,0,0,.8);left: 0; top: 0; width: 100%; height: 100%; z-index: 2; border-radius: 0; box-shadow: none; border: none; display: none;}
  #Header .menu-principal .navbar-collapse .nav { text-align: left; margin: 0; display: inline-block; width: 100%;}
  #Header .menu-principal li { display: block;}
  #Header .menu-principal li a { font-size: 18px;}
  .controlPanel .info-col { padding: 0 15px;}
  .controlPanel .contenedor-info::after { display: none;}
  .controlPanel .contenedor-info { padding: 10px 20px; background: transparent;}
  .controlPanel .info .informacion, .controlPanel .info .puntos { background: #333; padding: 20px; position: relative;}
  .controlPanel .info .puntos { text-align: right;}
  .controlPanel .info .imagen-clan, .controlPanel .info .imagen-escudo { position: relative; display: inline-block; border: none;}
  .controlPanel .info .imagen-clan { top: auto; left: auto;}
  .controlPanel .info .imagen-escudo { width: 80px; height: 80px; top: 5px; right: auto; z-index: 0;}
  .controlPanel .info .imagen-escudo img { top: 15px; position: absolute;}
  .controlPanel .info .info-text { display: inline-block; vertical-align: top; padding: 10px 15px; text-align: left;}
  .controlPanel .info .puntos .info-text { text-align: right; margin-right: 5px;}
  .controlPanel .info p { font-size: 18px; line-height: 20px;}
  .controlPanel .info .editar-perfil { font-size: 32px; line-height: 32px; position: absolute; right: 10px; bottom: 10px;}
  .controlPanel .info .mes .cantidad { font-size: 25px; margin: 0;}
  .controlPanel .info .agencia, .controlPanel .info .actividad { font-size: 18px; line-height: 20px;}
  .controlPanel .filtros .filtro .col-xs-6 { padding: 0; width: auto;}
  .controlPanel .filtros .filtro .mes { width: 50%;}
  .controlPanel .impulsores .datos{ display: block; flex-direction: unset; }
  .controlPanel .impulsores .datos .impulsor:not(:last-child):before{ display: none; }
  .controlPanel .impulsores .graficos .col-sm-4{ width: 100%; margin: 15px 0; }
  .row.margin0{ margin-left: -15px; margin-right: -15px; }
  .btn.btn-download { width: 100%;}
  .controlPanel .impulsores .FirmaTienda .col-sm-6 { width: 100%; display: inline-block; margin: 15px 0;}
  .controlPanel .fabricantes .fabricante { width: 100%; display: inline-block; margin: 15px 0;}
  .controlPanel .cumplimiento .sombreado .col-sm-4 { border-right: 0;}
  .controlPanel .kpis .posicion .col-sm-6.sombreado { width: 100%;}
  .controlPanel .kpis .posicion .col-sm-6.sombreado .col-sm-6 { width: 50%; float: left;}
  .controlPanel .kpis .estadisticas .dato { width: 100%; margin: 15px 0;}
  .controlPanel.News .latestNews .posicion .new { float: left;}
  .controlPanel.News .latestNews .posicion .new .textNew { margin: 15px 0 25px;}
  .controlPanel .faqs .main { margin-bottom: 15px;}
	
  .modal-video, .modal-video-news { padding: 0 !important;}
  .modal-video .modal-dialog, .modal-video-news .modal-dialog { margin: 20px auto 0;}
	
  .panel-control-licencia .menu-principal .navbar-collapse.in { right: -60px; display: block !important;}
  .panel-control-licencia .controlPanel .info .puntos { text-align: center;}
  .panel-control-licencia .controlPanel .info .info-text { vertical-align: middle;}
  .panel-control-licencia .controlPanel .info .imagen-escudo { height: 175px; width: 150px; background-size: contain; top: 5px; right: auto; vertical-align: middle;}
  .panel-control-licencia .controlPanel .info .imagen-escudo .saldo-box { top: 24px;}
  .panel-control-licencia .controlPanel .info .imagen-escudo .saldo-box p { font-size: 12px; line-height: 20px;}
  .panel-control-licencia .controlPanel .info .imagen-escudo .saldo-box .saldo { font-size: 26px;}
  .panel-control-licencia .controlPanel .info .imagen-escudo .img-responsive { top: auto;}
  .panel-control-licencia.consulta-puntos .controlPanel .filtros .filtro .col-xs-6 span span { display: none;}

  /* PANEL DE CONTROL DE AGENTE */
  .barra-resultados .resultadousuario .titulo { display: inline; margin-right: 5px;} 
  .barra-resultados .resultadousuario .desc {  display: inline; }
  .barra-resultados .resultadousuario .titulo p { display: inline;}
  .barra-resultados .resultadousuario .titulo p span { display: inline;}
  .barra-resultados .resultadousuario .desc p { display: inline; }
  .barra-resultados .resultadousuario .desc p strong { font-size: 20px; }
  .barra-resultados .resultadousuario .resultado:not(:last-child):before, .barra-resultados .resultadousuario .resultado:not(:last-child):before { display: none; }

  .barra-resultados .resultadousuario.affix{ padding: 6px 0; }

  /* TRIMESTRALES  */
  .trimestrales .premiados .col-sm-4{ width: 100%; margin: 15px 0; }
}

@media only screen and (max-width: 479px){

  /**/
  .row.instrucciones p{ font-size: 18px; line-height: 22px; }

  .row.banner.clanBanner{ margin-top: 0; }
  
  /* CONTROL PANEL */
  .controlPanel .info .informacion, .controlPanel .info .puntos { text-align: center; padding: 20px 5px}
  .controlPanel .info .puntos .info-text { margin: 0;}
  .controlPanel .info .puntos .info-text span { display: block;}
  .controlPanel .info .info-text, .controlPanel .info .puntos .info-text { text-align: center; display: block;}
  .controlPanel .info .editar-perfil { font-size: 32px; line-height: 32px; position: relative; right: auto;}
  .controlPanel .info .editar-perfil a { margin-bottom: 10px; display: block; margin-right: 0;}
  .controlPanel .info .editar-perfil a:last-child { margin-bottom: 0;}
  .controlPanel .filtros .filtro { padding: 0 15px;}
  .controlPanel .filtros .filtro .col-xs-6 span span { display: none;}
  .controlPanel .filtros .filtro .mes { width: 100%;}
  .controlPanel.News .latestNews .text-center { text-align: center;}
  .controlPanel.News .latestNews .posicion .new { width: 100%;}
	
  
  .modal-video .modal-header .close, .modal-video-news .modal-header .close { font-size: 20px;}
  
  .panel-control-licencia .menu-principal .navbar-collapse.in { right: -37px; display: block !important;}
  
  /* PANEL DE CONTROL DE AGENTE */
  .barra-resultados .resultadousuario .titulo p {font-size: 18px;  }
  .barra-resultados .resultadousuario .desc p strong {font-size: 18px; }


}