@charset "UTF-8";
*,
*:before,
*:after {
  /*-webkit-user-select: none;*/
  /*-khtml-user-select: none;*/
  /*-moz-user-select: none;*/
  /*-ms-user-select: none;*/
  /*user-select: none;*/ }

input,
input:before,
input:after,
textarea,
textarea:before,
textarea:after {
  resize: none;
  /*-webkit-user-select: initial;*/
  /*-khtml-user-select: initial;*/
  /*-moz-user-select: initial;*/
  /*-ms-user-select: initial;*/
  /*user-select: initial;*/ }

@font-face {
  font-family: DINBold;
  src: url(../font/DINPro.ttf);
  src: url("../font/DINPro.eot");
  src: url("../font/DINPro.eot?#iefix") format("embedded-opentype"), url("../font/DINPro.woff") format("woff"), url("../font/DINPro.ttf") format("truetype"), url("../font/DINPro.svg#futura_bk_btbook") format("svg"); }

@font-face {
  font-family: DINMedium;
  src: url("../font/DINPro-Medium.eot");
  src: url("../font/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Medium.woff") format("woff"), url("../font/DINPro-Medium.ttf") format("truetype"), url("../font/DINPro-Medium.svg#futura_bk_btbook") format("svg"); }

@font-face {
  font-family: DINRegular;
  src: url("../font/DINPro-Regular_1.eot");
  src: url("../font/DINPro-Regular_1.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Regular_1.woff") format("woff"), url("../font/DINPro-Regular_1.ttf") format("truetype"), url("../font/DINPro-Regular_1.svg#futura_bk_btbook") format("svg"); }

@font-face {
  font-family: DINLight;
  src: url(../font/DINPro-Light.ttf);
  src: url("../font/DINPro-Light.eot");
  src: url("../font/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Light.woff") format("woff"), url("../font/DINPro-Light") format("truetype"), url("../font/DINPro-Light.svg#futura_bk_btbook") format("svg"); }

html {
  font-size: 14px; }
  html *,
  html *:before,
  html *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html * {
    padding: 0px;
    margin: 0px; }
  html .border-red {
    border: solid #EE3224 3px; }
  html .display-none, html .visible-lg.display-none, html .visible-sm.display-none, html .visible-xs.display-none {
    display: none !important; }
  html header {
    height: 50px; }
  html body {
    font-family: DINRegular;
    background-color: #f8f7f7;
    /*textarea*/
    /*rows*/
    /*page*/
    /*flex*/
    /*input*/
    /*link*/
    /*contact*/
    /*massage erorr*/
    /*main*/
    /*form*/
    /*select*/
    /*label*/
    /*square*/
    /* .square-color.valid {*/
    /*  img {*/
    /* filter: url('#grayscale');
        /*        /* Versi�n SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
    /*        -webkit-filter: grayscale(0%);*/
    /*        -moz-filter: grayscale(0%);*/
    /*        -ms-filter: grayscale(0%);*/
    /*        -o-filter: grayscale(0%); */
    /*        filter: grayscale(0%);*/
    /*        /* Para cuando es est�ndar funcione en todos */
    /*        filter: none;*/
    /*        /* IE4-8 and 9 */
    /*         width: 100%;*/
    /*        height: 100%;*/
    /*   }  
         /*  } 
         */
    /*list*/
    /*iconos*/
    /*botones*/
    /*panel*/
    /*leyenda*/
    /*table*/
    /*modal*/
    /*tooltip*/
    /*pagination*/
    /*navbar*/
    /*login*/ }
    html body input[type="radio"]:checked + .square-color {
      -webkit-box-shadow: 5px 5px 5px #888888;
      box-shadow: 5px 5px 5px #888888; }
      html body input[type="radio"]:checked + .square-color img {
        filter: url("#grayscale");
        /* Versi�n SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        /* Para cuando es est�ndar funcione en todos */
        /* IE4-8 and 9 */
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 100%;
        height: 100%; }
    html body svg {
      width: auto !important; }
    html body .equal-height-left .panel.panel-principal {
      height: 100%; }
    html body .wj-flexchart {
      margin: 0 auto;
      border: none;
      height: auto;
      max-width: 400px !important; }
      html body .wj-flexchart.custom-pie-chart {
        max-width: 200px !important; }
    html body .align-middle {
      vertical-align: top !important; }
    html body .max-w-240 {
      width: 240px; }
    html body .f-red {
      color: #EE3224; }
      
    html body .f-top-red {
       border-top: 12px solid #EE3224; 
    }
      
    html body .bk-red{
      background-color:#EE3224;
    }
    
    html body .border-red{
      border:1px solid #EE3224 !important 
      /*border-color:#EE3224;*/
    }
    
     html body .f-red-important {
      color: #EE3224 !important; }
      
    html body .campoTitulo 
	{
	  	padding-top: 12px;
		padding-bottom: 12px;
		text-align: center;
		background-color: #EE3324;
		color: white;
		font-family: DINRegular;
    	font-size: 1rem;
    }
    
    html body .f-m {
      font-family: DINMedium; }
    html body .f-r {
      font-family: DINRegular; }
    html body .f-l {
      font-family: DINLight; }
    html body .f-b {
      font-family: DINBold; }
    html body input.input-normal {
      font-size: 1rem;
      max-width: 700px; }
      html body input.input-normal.input-clave.on {
        border: 1px solid #cecece; }
        html body input.input-normal.input-clave.on.error {
          border: 2px solid #EE3224; }
      html body input.input-normal.error {
        border: 2px solid #EE3224; }
    html body input.input-normal.disabled, html body input.input-normal.disabledTemporal {
      opacity: .65;
      background-color: #E6E6E6; }
    html body input.input-normal.disabledTemporal {
      cursor: pointer; }
    html body textarea.textarea-simple.error {
      border: 2px solid #EE3224; }
    html body p {
      padding: 10px 0 10px 0;
      font-size: 1rem; }
    html body span.text-important {
      font-size: 1rem; }
    html body td,
    html body th,
    html body span {
      font-size: 1rem; }
    html body h1 {
      font-size: 1.9rem; }
    html body h1.page-header,
    html body h1.page-header span {
      font-size: 1.6rem; }
    html body h2 {
      font-size: 1.3rem; }
    html body h1,
    html body h2,
    html body h3,
    html body h4 {
      font-family: DINRegular;
      font-weight: 600; }
    html body b {
      font-family: DINRegular;
      font-weight: 600; }
    html body label {
      font-family: DINRegular;
      font-weight: 600; }
    html body .h-100p {
      height: 100%; }
    html body .group-sm {
      max-width: 220px; }
    html body .group-lg {
      max-width: 300px; }
    html body hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border-top: 1.5px solid #D5D5D5; }
      html body hr.line {
        margin-top: 0px;
        margin-bottom: 0px; }
    html body i,
    html body em,
    html body b,
    html body strong,
    html body span {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
    html body .v-total {
      color: #EE3224;
      font-family: DINRegular;
      font-weight: 900; }
    html body .bg-w {
      background-color: white; }
    html body .bg-gray {
      background-color: rgba(248, 247, 247, 0.25); }
    html body .bg-p {
      background-color: #efefef;
      padding: 10px 5px 10px 5px; }
    html body .v-m {
      vertical-align: middle; }
    html body .p-5 {
      padding: 0px 10px; }
    html body .p-10 {
      padding: 10px; }
    html body .p-35 {
      padding: 35px; }
    html body .p-b-0 {
      padding-bottom: 0px; }
    html body .p-0 {
      padding: 0px; }
    html body .linea-0 {
      padding: 0;
      line-height: 0;
      margin-top: -15px; }
    html body .m-0 {
      margin: 0px; }
    html body .p-0-5 {
      padding: 0 5px; }
    html body .p-l-5 {
      padding-left: 5px; }
    html body .p-l-0 {
      padding-left: 0px; }
    html body .p-l-15 {
      padding-left: 15px; }
    html body .p-t-0 {
      padding-top: 0px; }
    html body .p-t-5 {
      padding-top: 5px; }
    html body .p-b-10 {
      padding-bottom: 10px; }
    html body .p-l-13 {
      padding-left: 13px; }
    html body .p-b-15 {
      padding-bottom: 15px; }
    html body .p-t-15 {
      padding-top: 15px !important; }
    html body .p-t-20 {
      padding-top: 20px !important; }
    html body .p-t-40 {
      padding-top: 40px; }
    html body .p-r-0 {
      padding-right: 0px;;
    }
    html body .m-l {
      margin: 0px 0px 0px auto; }
    html body .m-b-0 {
      margin-bottom: 0px !important; }
    html body .m-b-10 {
      margin-bottom: 10px !important; }
    html body .m-h-7 {
      margin: 7px 0px 7px 0px; }
    html body .m-center {
      margin: 0px auto !important; }
    html body .m-right {
      margin: 0px 0px 0px auto !important; }
    html body .m-left {
      margin: 0px auto 0px 0px !important; }
    html body .m-w-100 {
      min-width: 100px; }
    html body .m-w-200 {
      min-width: 200px; }
    html body .dr-mc {
      margin: 0 0 0 auto !important; }
    html body .dl-mc {
      margin: 0 auto 0 0 !important; }
    html body .w-100p {
      width: 100% !important; }
    html body .disabled {
      pointer-events: none; }
    html body .container-grafioc {
      max-width: 80%;
      margin: 0 auto; }
    html body .text-firma {
      text-align: center;
      max-width: 250px;
      margin: 0 auto; }
      html body .text-firma .hr-contrato {
        margin: 0; }
    html body .text-important {
      color: #EE3224; }
    html body .grafic-home {
      width: 100%;
      max-width: 450px; }
    html body canvas {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
    html body .img-publicidad {
      width: 100%; }
    html body textarea.textarea-simple {
      border: none;
      background-color: #efefef; }
    html body .row-vertical .form-group-normal {
      padding-bottom: 10px; }
    html body .row-vertical .row {
      padding-bottom: 10px; }
      html body .row-vertical .row > div {
        padding-bottom: 10px; }
    html body .row-vertical-img .form-group-normal {
      padding-bottom: 10px; }
    html body .row-vertical-img .row {
      padding-bottom: 10px; }
      html body .row-vertical-img .row > div {
        padding-bottom: 14px; }
    html body .page-header {
      border-bottom: 1px solid #f8f7f7; }
    html body h1.page-header {
      margin: 0px;
      padding-top: 6px; }
    html body .pager-normal {
      margin-bottom: 5px; }
      html body .pager-normal li > a {
        border: none;
        color: #595959;
        padding: 0; }
        html body .pager-normal li > a span {
          color: #EE3224; }
      html body .pager-normal.pager-especial {
        max-width: 120px;
        margin: 0 0 0 auto; }
    html body .flex-center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    html body .flex-between {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    html body .flex-label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      html body .flex-label i {
        margin-top: 2px; }
      html body .flex-label label {
        margin-bottom: 0px; }
    html body input.input-normal {
      border: none;
      background-color: #f0f0f0; }
    html body a.link-bold {
      font-size: 1rem; }
    html body a.link-bold {
      color: #EE3224;
      text-decoration: underline;
      font-family: DINMedium; }
    html body a.link-normal {
      color: #5b5b5b; }
    html body a.flex-between {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    html body a.link {
      color: #EE3224;
      text-decoration: underline;
      cursor: pointer; }
      html body a.link:hover {
        color: #B61003; }
    html body .nav-tabs.active {
      color: #595959; }
    html body .nav-tabs li a {
      color: #EE3224;
      background-color: #E6E6E6;
      text-decoration: underline; }
    html body .nav-tabs li.active a {
      text-decoration: none; }
    html body .map-content {
      width: 100%;
      min-height: 210px; }
    html body .g-recaptcha > div {
      margin: 0 auto; }
    html body .row-special {
      margin: -10px -25px 0px -25px; }
    html body .message-error {
      height: 0px;
      overflow: hidden;
      padding: 0px 20px;
      background-color: #d41c1c;
      color: white;
      font-size: 1.5rem;
      font-weight: 900;
      text-align: center; }
      html body .message-error.on {
        padding: 20px;
        height: auto; }
        html body .message-error.on + .container-main-login .container-main-login3 {
          min-height: 650px; }
        html body .message-error.on span {
          font-size: 1.2rem; }
    html body .message-success {
      display: none;
      padding: 5px;
      border: 1px solid #aaedaa;
      background-color: #f8fff8; }
      html body .message-success .fa.fa-check-circle {
        color: #aaedaa; }
      html body .message-success.on {
        display: block; }
    html body .message-alert {
      display: none;
      padding: 5px;
      border: 1px solid #F5A9A9;
      background-color: rgba(246, 206, 206, 0.51);
      color: #EE3224; }
      html body .message-alert .fa.fa-exclamation-triangle {
        color: #EE3224; }
      html body .message-alert.on {
        display: block; }
    html body .main-principal {
      height: auto; }
    html body .container-fixed {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    html body .container-main {
      top: 50px;
      left: 20%;
      width: 80%;
      padding-top: 10px;
      padding-bottom: 0px;
      overflow-y: auto;
      height: calc(100% - 50px);
      position: fixed; }
      html body .container-main.print-format {
        width: 100%;
        left: 0;
        position: absolute;
        height: auto; }
      html body .container-main.container-formato {
        left: 0px;
        width: 100%; }
      html body .container-main footer {
        height: 36px;
        width: 100%;
        padding: 0px;
        margin: 0px 0px 10px 0px; }
        html body .container-main footer hr {
          margin-top: 0px;
          margin-bottom: 13px; }
        html body .container-main footer a {
          font-family: DINRegular;
          font-weight: 900;
          padding-right: 20px; }
      html body .container-main main > .row > .col-lg-1,
      html body .container-main main > .row > .col-lg-10,
      html body .container-main main > .row > .col-lg-11,
      html body .container-main main > .row > .col-lg-12,
      html body .container-main main > .row > .col-lg-2,
      html body .container-main main > .row > .col-lg-3,
      html body .container-main main > .row > .col-lg-4,
      html body .container-main main > .row > .col-lg-5,
      html body .container-main main > .row > .col-lg-6,
      html body .container-main main > .row > .col-lg-7,
      html body .container-main main > .row > .col-lg-8,
      html body .container-main main > .row > .col-lg-9,
      html body .container-main main > .row > .col-md-1,
      html body .container-main main > .row > .col-md-10,
      html body .container-main main > .row > .col-md-11,
      html body .container-main main > .row > .col-md-12,
      html body .container-main main > .row > .col-md-2,
      html body .container-main main > .row > .col-md-3,
      html body .container-main main > .row > .col-md-4,
      html body .container-main main > .row > .col-md-5,
      html body .container-main main > .row > .col-md-6,
      html body .container-main main > .row > .col-md-7,
      html body .container-main main > .row > .col-md-8,
      html body .container-main main > .row > .col-md-9,
      html body .container-main main > .row > .col-sm-1,
      html body .container-main main > .row > .col-sm-10,
      html body .container-main main > .row > .col-sm-11,
      html body .container-main main > .row > .col-sm-12,
      html body .container-main main > .row > .col-sm-2,
      html body .container-main main > .row > .col-sm-3,
      html body .container-main main > .row > .col-sm-4,
      html body .container-main main > .row > .col-sm-5,
      html body .container-main main > .row > .col-sm-6,
      html body .container-main main > .row > .col-sm-7,
      html body .container-main main > .row > .col-sm-8,
      html body .container-main main > .row > .col-sm-9,
      html body .container-main main > .row > .col-xs-1,
      html body .container-main main > .row > .col-xs-10,
      html body .container-main main > .row > .col-xs-11,
      html body .container-main main > .row > .col-xs-12,
      html body .container-main main > .row > .col-xs-2,
      html body .container-main main > .row > .col-xs-3,
      html body .container-main main > .row > .col-xs-4,
      html body .container-main main > .row > .col-xs-5,
      html body .container-main main > .row > .col-xs-6,
      html body .container-main main > .row > .col-xs-7,
      html body .container-main main > .row > .col-xs-8,
      html body .container-main main > .row > .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px; }
    html body .container-main-login {
      overflow-y: auto;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      html body .container-main-login footer {
        height: 100px;
        width: 100%;
        padding: 0px 20px 15px 20px; }
        html body .container-main-login footer hr {
          margin-bottom: 10px; }
        html body .container-main-login footer a {
          font-family: DINMedium;
          padding-right: 20px; }
    html body .form-group-normal > p {
      margin-left: 13px;
      font-weight: 100; }
    html body .dropdown .ui-selectmenu-button.ui-button {
      width: 100%; }
    html body .dropdown-sm-m {
      min-width: 220px;
      margin: 0 auto; }
    html body .form-group .dropdown-sm {
      max-width: 220px;
      margin: 0 auto; }
    html body .form-group .dropdown-sm-l {
      max-width: 220px; }
    html body .form-group textarea {
      font-size: 1rem; }
    html body .form-control {
      border-radius: 0px; }
    html body .form-content {
      border: 1px solid #c5c5c5;
      padding: 10px 20px;
      margin-bottom: 10px; }
      html body .form-content .form-title {
        padding: 15px 0; }
        html body .form-content .form-title span {
          font-size: 1rem;
          color: #EE3224; }
      html body .form-content.container-gray {
        background-color: #f6f6f6; }
        html body .form-content.container-gray input {
          background-color: white; }
    html body select {
      background-image: url(../images/icon/normal/dropdown-icon.png);
      background-position: calc(100% - 5px);
      background-size: 12px;
      background-repeat: no-repeat;
      height: 32px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 5px 25px 5px 5px;
      border: none;
      background-color: #efefef;
      border-radius: 4px;
      width: 100%; }
      html body select option {
        min-height: 20px;
        padding: 5px 0; }
    html body select.error {
      border: 2px solid #EE3224; }
      html body select.error ~ span.select2 {
        border: 2px solid #EE3224;
        overflow: hidden; }
    html body label.label--checkbox {
      font-size: 1rem; }
    html body label.error {
      display: none !important;
      color: #EE3224;
      font-family: DINRegular;
      font-size: 1rem; }
    html body label.simple {
      font-family: DINRegular;
      font-weight: 100; }
    html body label,
    html body a {
      font-size: 1rem; }
    html body .label-normal {
      font-weight: 100;
      color: #595959; }
    html body .container-square input {
      display: none; }
    html body .square-color {
      width: 100%; }
      html body .square-color img {
        filter: url("#grayscale");
        /* Versi�n SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        /* Para cuando es est�ndar funcione en todos */
        -webkit-filter: Gray();
        filter: Gray();
        /* IE4-8 and 9 */
        width: 100%;
        height: 100%; }
      html body .square-color .color {
        width: 100%;
        height: 100%; }
      html body .square-color.red {
        background-color: #FF0000; }
      html body .square-color.blue {
        background-color: #0000FF; }
      html body .square-color.yellow {
        background-color: #FFFF00; }
      html body .square-color.green {
        background-color: #00FF00; }
      html body .square-color.lila {
        background-color: #FF00FF; }
      html body .square-color.orange {
        background-color: #FF8000; }
    html body .square-cont {
      width: 110px;
      float: right; }
    html body .square-content {
      width: 110px;
      height: 110px; }
      html body .square-content img {
        width: 100%;
        height: 100%; }
    html body .square-content-color {
      background-color: #FAA634; }
    html body .select-simple {
      background-color: white;
      min-width: 174px; }
    html body .list-radio-horizontal {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 0px; }
      html body .list-radio-horizontal li.list__item {
        margin-top: 8px;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline; }
      html body .list-radio-horizontal label {
        margin-right: 15px; }
      html body .list-radio-horizontal .list__item_input label {
        margin-right: 0px; }
    html body .li-simple {
      list-style-type: none; }
      html body .li-simple i {
        color: #EE3224;
        font-size: 0.6rem;
        /*font-size: 8px;*/
        margin-right: 5px; }
    html body .img-estrella {
      background-image: url("../images/seguridad/01estrellaOff.jpg");
      background-size: 100%;
      background-repeat: no-repeat; }
      html body .img-estrella:hover, html body .img-estrella.valid {
        background-image: url("../images/seguridad/01estrellaOn.jpg"); }
    html body .img-corazon {
      background-image: url("../images/seguridad/02corazonOff.jpg");
      background-size: 100%;
      background-repeat: no-repeat; }
      html body .img-corazon:hover, html body .img-corazon.valid {
        background-image: url("../images/seguridad/02corazonOn.jpg"); }
    html body .img-foco {
      background-image: url("../images/seguridad/03focoOff.jpg");
      background-size: 100%;
      background-repeat: no-repeat; }
      html body .img-foco:hover, html body .img-foco.valid {
        background-image: url("../images/seguridad/03focoOn.jpg"); }
    html body .img-usb {
      background-image: url("../images/seguridad/04usbOff.jpg");
      background-size: 100%;
      background-repeat: no-repeat; }
      html body .img-usb:hover, html body .img-usb.valid {
        background-image: url("../images/seguridad/04usbOn.jpg"); }
    html body .img-cafe {
      background-image: url("../images/seguridad/05cafeOff.jpg");
      background-size: 100%;
      background-repeat: no-repeat; }
      html body .img-cafe:hover, html body .img-cafe.valid {
        background-image: url("../images/seguridad/05cafeOn.jpg"); }
    html body .img-feliz {
      background-image: url("../images/seguridad/06felizOff.jpg");
      background-size: 100%;
      background-repeat: no-repeat; }
      html body .img-feliz:hover, html body .img-feliz.valid {
        background-image: url("../images/seguridad/06felizOn.jpg"); }
    html body .icon-redes {
      margin-right: 10px;
      float: left;
      width: 42px;
      height: 42px;
      color: white;
      text-align: center;
      border-radius: 50%; }
      html body .icon-redes-f {
        background-color: #3b5998; }
      html body .icon-redes-t {
        background-color: #55acee; }
      html body .icon-redes-y {
        background-color: #c4302b; }
      html body .icon-redes i.fa-facebook,
      html body .icon-redes i.fa-twitter,
      html body .icon-redes i.fa-youtube {
        font-size: 1.6rem;
        /*font-size: 25px;*/
        margin-top: 10px; }
    html body .ico-40 {
      height: 40px;
      width: 40px; }
    html body .icon-question {
      margin-left: 8px;
      color: #EE3224; }
      html body .icon-question:hover {
        color: #B61003; }
    html body .icon-question2 {
      margin-left: 5px; }
    html body i.icon-special {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 5px; }
      html body i.icon-special.icon-cuenta {
        background: url(../images/icon/normal/icon-cuenta.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat; }
      html body i.icon-special.icon-fondos {
        background: url(../images/icon/normal/icon-fondos.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat; }
      html body i.icon-special.icon-actualizar {
        background: url(../images/icon/normal/icon-actualizar.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat; }
      html body i.icon-special.icon-operaciones {
        background: url(../images/icon/normal/icon-operaciones.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat; }
      html body i.icon-special.icon-constancias {
        background: url(../images/icon/normal/icon-constancias.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat; }
      html body i.icon-special.icon-contacto {
        background: url(../images/icon/normal/icon-contacto.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat; }
      html body i.icon-special.icon-profuturo-y {
        background: url(../images/icon/normal/icon-prof-yellow.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat;
        width: 7px;
        height: 7px;
        min-width: 7px;
        min-height: 7px; }
      html body i.icon-special.icon-profuturo-r {
        background: url(../images/icon/normal/icon-prof-red.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat;
        width: 7px;
        height: 7px;
        min-width: 7px;
        min-height: 7px; }
      html body i.icon-special.icon-dropdown {
        background: url(../images/icon/normal/dropdown-icon.png);
        background-position: 50%;
        background-size: 80%;
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0px;
        top: 5px; }
    html body button.btn {
      font-size: 1.07rem; }
    html body button.btn.btn-secundario {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: #EE3224;
      background-color: #fff;
      border: 1px solid #595959;
      opacity: 0.5;
      margin: 0 0 0 auto;
      padding: 0px; }
      html body button.btn.btn-secundario span {
        font-size: 1.07rem;
        color: #595959; }
      html body button.btn.btn-secundario .icon-special {
        margin-left: 16px;
        margin-right: 0px;
        color: #595959; }
        html body button.btn.btn-secundario .icon-special.icon-print {
          background: url(../images/icon/normal/imprimir-desactivado.png);
          background-position: 50%;
          background-size: 80%;
          background-repeat: no-repeat;
          width: 18px;
          height: 18px; }
        html body button.btn.btn-secundario .icon-special.fa-calculator:before {
          vertical-align: sub; }
        html body button.btn.btn-secundario .icon-special.fa-times:before {
          vertical-align: sub; }
      html body button.btn.btn-secundario .btn-normal-text-complete {
        float: left;
        padding: 9px 19px 8px 19px;
        -webkit-padding-before: 9px;
        width: 100%;
        background-color: transparent;
        color: #595959;
        height: 38px;
        border-radius: 2px 0 0 2px; }
      html body button.btn.btn-secundario .btn-normal-text {
        float: left;
        padding: 9px 19px 8px 19px;
        -webkit-padding-before: 9px;
        width: calc(100% - 40px);
        background-color: transparent;
        color: #595959;
        height: 38px;
        border-radius: 2px 0 0 2px; }
      html body button.btn.btn-secundario .btn-normal-icon {
        float: left;
        padding: 10px 16px 0px 16px;
        height: 38px;
        width: 36px;
        background-color: transparent;
        color: #595959;
        border-radius: 0 2px 2px 0; }
      html body button.btn.btn-secundario.btn-secundario-print {
        padding: 6px 16px; }
      html body button.btn.btn-secundario.btn-right {
        margin: auto 0 auto auto; }
      html body button.btn.btn-secundario.btn-left {
        margin: auto auto auto 0; }
      html body button.btn.btn-secundario.btn-center {
        margin: 0 auto; }
      html body button.btn.btn-secundario:hover {
        opacity: 1;
        color: #EE3224; }
      html body button.btn.btn-secundario:focus {
        outline: transparent !important; }
      html body button.btn.btn-secundario.btn-active {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        border: 1px solid #595959;
        opacity: 1; }
        html body button.btn.btn-secundario.btn-active span {
          font-size: 1.07rem;
          color: #595959; }
        html body button.btn.btn-secundario.btn-active:hover {
          border: 1px solid #EE3224; }
          html body button.btn.btn-secundario.btn-active:hover span {
            font-size: 1.07rem;
            color: #EE3224; }
          html body button.btn.btn-secundario.btn-active:hover .btn-normal-text {
            color: #EE3224; }
          html body button.btn.btn-secundario.btn-active:hover .btn-normal-icon {
            color: #EE3224; }
          html body button.btn.btn-secundario.btn-active:hover .icon-special {
            color: #EE3224; }
            html body button.btn.btn-secundario.btn-active:hover .icon-special.icon-print {
              background: url(../images/icon/normal/imprimir-hover.png);
              background-position: 50%;
              background-size: 80%;
              background-repeat: no-repeat;
              width: 18px;
              height: 18px; }
        html body button.btn.btn-secundario.btn-active:active {
          border: 2px solid #EE3224; }
          html body button.btn.btn-secundario.btn-active:active span {
            color: #EE3224; }
          html body button.btn.btn-secundario.btn-active:active .icon-special {
            color: #EE3224; }
            html body button.btn.btn-secundario.btn-active:active .icon-special.icon-print {
              background: url(../images/icon/normal/imprimir-clic.png);
              background-position: 50%;
              background-size: 80%;
              background-repeat: no-repeat;
              width: 18px;
              height: 18px; }
        html body button.btn.btn-secundario.btn-active .icon-special {
          margin-left: 16px;
          margin-right: 0px; }
          html body button.btn.btn-secundario.btn-active .icon-special.icon-print {
            background: url(../images/icon/normal/imprimir-normal.png);
            background-position: 50%;
            background-size: 80%;
            background-repeat: no-repeat;
            width: 18px;
            height: 18px; }
    html body .btn-drop-principal {
      min-width: 100%;
      color: #333;
      background-color: #efefef;
      border-color: #efefef;
      text-align: left; }
      html body .btn-drop-principal .icon-special {
        float: right; }
    html body .btn-group {
      pointer-events: none;
      width: auto; }
      html body .btn-group button.btn {
        padding: 8.5px 16px; }
      html body .btn-group button:focus {
        outline: transparent !important; }
      html body .btn-group button:nth-child(1) {
        padding: 8.5px 19px 8.5px 16px;
        width: calc(100% - 40px);
        background-color: #595959;
        opacity: 0.3;
        color: white;
        border: none; }
      html body .btn-group button:nth-child(2) {
        width: 36px;
        background-color: #595959;
        opacity: 0.5;
        color: white;
        border: none; }
      html body .btn-group.btn-movil {
        width: 100%; }
      html body .btn-group.btn-active {
        pointer-events: all; }
        html body .btn-group.btn-active button:nth-child(1) {
          opacity: 1;
          width: calc(100% - 70px);
          background-color: #EE3224;
          color: white; }
        html body .btn-group.btn-active button:nth-child(2) {
          opacity: 1;
          width: 36px;
          background-color: #B61003;
          color: white; }
        html body .btn-group.btn-active:hover button:nth-child(1) {
          background-color: #D62416; }
        html body .btn-group.btn-active:hover button:nth-child(2) {
          background-color: #B61003; }
        html body .btn-group.btn-active:focus button:nth-child(1) {
          background-color: #B61003; }
        html body .btn-group.btn-active:focus button:nth-child(2) {
          background-color: #B61003; }
          
            html body .btn-group-95 {
      pointer-events: none;
      width: auto; }
      html body .btn-group-95 button.btn {
        padding: 8.5px 16px; }
      html body .btn-group-95 button:focus {
        outline: transparent !important; }
      html body .btn-group-95 button:nth-child(1) {
        padding: 8.5px 19px 8.5px 16px;
        width: calc(100% - 100px);
        background-color: transparent;
        opacity: 0.3;
        color: red;
    border: 2px solid red;
    border-style: solid; }
      html body .btn-group-95 button:nth-child(2) {
        width: 36px;
        background-color: transparent;
        opacity: 0.5;
         color: red;
    border: 2px solid red;
    border-style: solid; }
      html body .btn-group-95.btn-movil {
        width: 100%; }
      html body .btn-group-95.btn-active {
        pointer-events: all; }
        html body .btn-group-95.btn-active button:nth-child(1) {
          opacity: 1;
          width: calc(100% - 100px);
             background-color: transparent;
    color: red;
    border: 2px solid red;
    border-style: solid; }
        html body .btn-group-95.btn-active button:nth-child(2) {
          opacity: 1;
          width: 36px;
          background-color: transparent;
          color: white; }
        html body .btn-group-95.btn-active:hover button:nth-child(1) {
          background-color: transparent; }
        html body .btn-group-95.btn-active:hover button:nth-child(2) {
          background-color: transparent; }
        html body .btn-group-95.btn-active:focus button:nth-child(1) {
          background-color: transparent; }
        html body .btn-group-95.btn-active:focus button:nth-child(2) {
          background-color: transparent; }
          
          
          
    html body button.btn {
      border-radius: 2px;
      font-family: DINRegular;
      font-weight: 900;
      padding: 6px 16px; }
    html body button.btn-normal {
      pointer-events: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0px;
      border: none;
      background-color: transparent;
      margin: 0 0 0 auto; }
      html body button.btn-normal.btn-modal {
        margin: 0 auto; }
      html body button.btn-normal.btn-movil {
        width: 100%; }
      html body button.btn-normal:focus {
        outline: transparent !important; }
      html body button.btn-normal .btn-normal-text {
        float: left;
        padding: 9px 19px 8px 19px;
        -webkit-padding-before: 9px;
        width: calc(100% - 40px);
        background-color: #595959;
        opacity: 0.3;
        color: white;
        height: 38px;
        border-radius: 2px 0 0 2px; }
      html body button.btn-normal .btn-normal-icon {
        float: left;
        padding: 10px 16px 0px 16px;
        height: 38px;
        width: 36px;
        background-color: #595959;
        opacity: 0.5;
        color: white;
        border-radius: 0 2px 2px 0; }
      html body button.btn-normal.btn-active {
        pointer-events: all; }
        html body button.btn-normal.btn-active .btn-normal-text {
          opacity: 1;
          width: calc(100% - 40px);
          background-color: #EE3224;
          color: white; }
        html body button.btn-normal.btn-active .btn-normal-icon {
          opacity: 1;
          width: 36px;
          background-color: #B61003;
          color: white; }
        html body button.btn-normal.btn-active:hover .btn-normal-text {
          background-color: #D62416; }
        html body button.btn-normal.btn-active:hover .btn-normal-icon {
          background-color: #B61003; }
        html body button.btn-normal.btn-active:focus .btn-normal-text {
          background-color: #B61003; }
        html body button.btn-normal.btn-active:focus button:nth-child(2) {
          background-color: #B61003; }
        
        /* Actualización de datos PEP*/  
        html body .btn-pf-primary  {
          background-color: #B61003;
          color: white !important; 
          outline: none !important;
   		  box-shadow: none !important;
        }

		html body .btn-pf-primary:hover {
			color: white !important;
			outline: none !important;
    		box-shadow: none !important;
    		background-color: #D62416; 
    		opacity: 0.9;
		}
		
        html body .btn-outline-pf{
	      background-color: white;
		  border-color: #B61003 ;
		  color: #B61003 !important;
          outline: none !important;
    	  box-shadow: none !important;
        }
        
        html body .btn-outline-default{
          background-color: white;
		  border-color: #595959 ;
		  color: #595959 !important;
		  outline: none !important;
		  box-shadow: none !important;
        }
        
		html body .div-pep {
			margin-top: 15px;
			margin-bottom: 20px;
		}
		
		html body .div-pep-section{
			margin-top: 10px;
			margin-bottom: 20px;
		}
		
	    html body .label-secondary {
	    	color: #B61003;
	    	margin-top: 5px;
	    	margin-bottom: 10px;
    	}  
		
		html body .chkForm {
			position: absolute !important;
			top: 25px;
			left: 0px;
			z-index: 1;
		}
		
		html body .hr-clone {
			margin-top: 0px;
			margin-bottom: 10px;
			border-top: 1px solid #D5D5D5;
		}
		
		html body #div-pep-parentesco-section-datos, #div-pep-espep-section-datos,
				  #div-pep-relacion-section-datos, div-pep-socio-section-datos {
			margin-bottom: 10px;
		}
		
		html body .btn-right {
			position:absolute; 
			right:15px;
		}
	/* ----------------------------*/
    html body .dropdown.dr-tl {
      margin: 0px 0px 0px auto; }
    html body button.dropdown-toggle {
      font-family: DINRegular;
      width: 100%;
      overflow: hidden; }
      html body button.dropdown-toggle .dropdown-selected {
        overflow: hidden;
        width: calc(100% - 20px); }
    html body .panel-body .text-big {
      font-size: 1.6rem; }
    html body .panel-body .text-big-rent {
      font-size: 2.4rem; }
    html body .panel-body.panel-body-top {
      padding-top: 15px; }
    html body .panel-body p,
    html body .panel-body div,
    html body .panel-body b {
      font-size: 1rem; }
    html body .panel-body .panel-title {
      font-size: 1rem; }
    html body .panel-body label {
      font-size: 1rem; }
    html body .panel.panel-default {
      border-radius: 0px; }
    html body .panel-principal {
      margin-bottom: 18px;
      -webkit-box-shadow: none;
      box-shadow: none; }
      html body .panel-principal .panel-heading {
        font-size: 1.2rem;
        font-family: DINRegular;
        font-weight: 600; }
        html body .panel-principal .panel-heading .flex-label {
          font-size: 1.2rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          html body .panel-principal .panel-heading .flex-label.flex-label-step {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
          html body .panel-principal .panel-heading .flex-label i {
            margin-top: 2px; }
          html body .panel-principal .panel-heading .flex-label h2 {
            font-size: 1.2rem; }
          html body .panel-principal .panel-heading .flex-label span {
            font-size: 1.2rem;
            font-weight: 600; }
        html body .panel-principal .panel-heading hr {
          margin-top: 5px;
          margin-bottom: 0px; }
        html body .panel-principal .panel-heading .step {
          color: #EE3224; }
        html body .panel-principal .panel-heading span {
          font-size: 1rem;
          font-family: DINRegular;
          font-weight: 100; }
          html body .panel-principal .panel-heading span.span-heading {
            font-size: 1.2rem;
            font-family: DINRegular;
            font-weight: 600; }
      html body .panel-principal .panel-heading-principal {
        background-color: #EE3224;
        color: white;
        border-radius: 0px; }
      html body .panel-principal .panel-body {
        padding-top: 5px; }
    html body .panel-open .panel-body {
      height: 0px;
      overflow: hidden;
      padding: 0px 15px; }
    html body .panel-open hr {
      display: none; }
    html body .panel-open.on .panel-heading .open-content {
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -webkit-transform: rotate(180deg);
      /* Chrome, Safari, Opera */
      transform: rotate(180deg); }
    html body .panel-open.on .panel-heading hr {
      display: block;
      margin-top: 10px;
      margin-bottom: 0px; }
    html body .panel-open.on .panel-body {
      overflow: visible;
      height: auto;
      padding: 15px; }
    html body .leyenda-color {
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-gray {
      background-color: #E6E6E6;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-red {
      background-color: #EE3224;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-blue {
      background-color: #0067B1;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-lightblue {
      background-color: #0081C6;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-green {
      background-color: #008A5F;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-lightgreen {
      background-color: #7BC143;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-pink {
      background-color: #C50083;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-orange {
      background-color: #F58025;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .leyenda-yellow {
      background-color: #FAA634;
      width: 15px;
      height: 15px;
      display: inline-block; }
    html body .table-scroll {
      overflow: auto; }
      html body .table-scroll table {
        width: 99%; }
    html body .table-border {
      border: 1px solid #ddd; }
    html body .table-border-header > thead > tr > th {
      border: 1px solid #ddd; }
    html body .table tr.child {
      text-align: left; }
    html body .table.table-striped-reverse > tbody > tr:nth-of-type(2n) {
      background-color: #f9f9f9; }
    html body .table th {
      font-family: DINRegular; }
    html body .table td b {
      font-family: DINRegular; }
    html body .table thead td {
      font-weight: bold; }
    html body .table.table-password button,
    html body .table.table-password a {
      font-size: 1rem;
      font-family: DINMedium;
      background-color: #EE3224;
      width: 100%;
      height: 100%;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #fff;
      padding: 10px;
      min-height: 28px;
      height: 40px;
      padding-top: 11.5px; }
      html body .table.table-password button:hover,
      html body .table.table-password a:hover {
        background-color: #D62416; }
      html body .table.table-password button:focus,
      html body .table.table-password a:focus {
        outline: transparent !important; }
    html body .table.table-password .btn-nopass {
      background-color: #cf392e;
      color: #cf392e; }
    html body .table.table-password > tbody > tr > td {
      width: 30%;
      padding: 3px; }
    html body .table.table-password .btn-delete-password {
      color: #EE3224; }
    html body .table.table-password2 {
      margin: 0 0 0 auto;
      max-width: 200px; }
      html body .table.table-password2 button {
        background-color: #eaeaea;
        width: 100%;
        height: 38px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: black;
        font-weight: bold;
        padding: 10px; }
      html body .table.table-password2 > tbody > tr > td {
        width: 30%;
        padding: 3px; }
      html body .table.table-password2 .b-psw {
        background-color: #bdbaba; }
    html body .table.table-transparent > tbody > tr > td,
    html body .table.table-transparent td {
      border: none; }
    html body .table.table-steps td {
      background-color: #f8f7f7; }
      html body .table.table-steps td p {
        font-size: 1rem; }
    html body .table.table-leyenda > tbody > tr > td {
      padding: 2px;
      font-size: 0.8rem; }
    html body .table.table-leyenda > tbody > tr > th {
      padding: 2px;
      font-size: 0.8rem; }
    html body .table.table-simple thead > tr > th,
    html body .table.table-simple tbody > tr > th {
      vertical-align: middle;
      background-color: #EE3224;
      color: white; }
    html body .table.table-striped-special > tbody > tr > td:nth-of-type(odd) {
      background-color: #f9f9f9; }
    html body .table.table-especial tr > th:nth-child(1) {
      background-color: transparent; }
    html body .table.table-especial td {
      border: 1px solid #ddd; }
    html body .table.table-especial td.td-title {
      color: #EE3224;
      font-weight: 700;
      text-align: left; }
    html body .table td.td-title {
      color: #EE3224;
      font-weight: 700; }
    html body .table.table-center th {
      text-align: center; }
    html body .table-responsive.table-aportes {
      border: transparent; }
    html body table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
    html body table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
      background-color: #EE3224; }
    html body table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
    html body table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
      content: '-';
      background-color: #B61003; }
    html body .modal-body.modal-especial {
      padding: 15px 30px; }
    html body .modal-normal.modal-patron .panel-principal {
      margin-bottom: 0px; }
      html body .modal-normal.modal-patron .panel-principal .panel-body {
        padding-bottom: 0px; }
    html body .modal-normal.modal-patron .modal-footer {
      padding-top: 0px; }
    html body .modal-normal.modal-patron .modal-body {
      padding-top: 0px;
      padding-bottom: 0px; }
    html body .modal-normal .modal-subtitle {
      font-size: 1.3rem;
      text-align: center; }
    html body .modal-normal .modal-body button.close {
      position: absolute;
      right: 10px;
      top: 0px;
      opacity: 1; }
      
      html body .modal-normal .modal-body button.close span {
        color: #EE3224;
        font-size: 3rem; }
              .modal-title-complete{
      color:red;
      }
    html body .modal-normal .modal-header {
      border-bottom: none;
      text-align: center; }

      html body .modal-normal .modal-header .modal-title {
        font-size: 1.9rem;
        /*font-size: 30px;*/
        color: #EE3224;
        font-weight: bold; }
        html body .modal-normal .modal-header .modal-title.modal-tooltip-title {
          color: gray; }
          html body .modal-normal .modal-header .modal-title.modal-tooltip-title .i {
            margin-left: 0px; }
            html body .modal-normal .modal-header .modal-title-95 {
        color: #EE3224;
        font-weight: bold; }
        html body .modal-normal .modal-header .modal-title-95.modal-tooltip-title {
          color: gray; }
          html body .modal-normal .modal-header .modal-title-95.modal-tooltip-title .i {
            margin-left: 0px; }
      html body .modal-normal .modal-header button {
        opacity: 1; }
        html body .modal-normal .modal-header button span {
          font-size: 3rem; }
        html body .modal-normal .modal-header button:focus {
          outline: transparent !important; }
      html body .modal-normal .modal-header span {
        font-size: 1.9rem;
        /*font-size: 30px;*/
        color: #EE3224; }
    html body .modal-normal .modal-footer {
      border-top: none; }
    html body .modal-content-simple .modal-body {
      padding: 0px 40px 15px 40px; }
    html body .modal-content-simple .modal-footer {
      padding: 15px 15px 50px 15px; }
    html body .tooltip.left .tooltip-inner,
    html body .tooltip.right .tooltip-inner {
      opacity: 1;
      background-color: #595959;
      color: white;
      margin-top: 50px;
      padding: 8px 16px;
      font-size: 0.8rem;
      z-index: 900;
      /*font-size: 10px;*/
      text-align: left;
      -webkit-box-shadow: 0px 0px 5px grey;
      box-shadow: 0px 0px 5px grey; }
    html body .tooltip.left .tooltip-arrow,
    html body .tooltip.right .tooltip-arrow {
      border-right-color: #595959;
      border-left-color: #595959; }
    html body .pagination > .active > a,
    html body .pagination > .active > a:focus,
    html body .pagination > .active > a:hover,
    html body .pagination > .active > span,
    html body .pagination > .active > span:focus,
    html body .pagination > .active > span:hover {
      outline: transparent !important;
      z-index: 3;
      color: #fff;
      cursor: default;
      background-color: #EE3224;
      border-color: #EE3224; }
    html body .pagination > li > a,
    html body .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #EE3224;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd;
      font-size: 1rem; }
    html body .pagination > li > a:focus,
    html body .pagination > li > a:hover,
    html body .pagination > li > span:focus,
    html body .pagination > li > span:hover {
      outline: transparent !important;
      z-index: 2;
      color: #d42d21;
      background-color: #eee;
      border-color: #ddd; }
    html body .pager li > a:focus,
    html body .pager li > a:hover {
      text-decoration: none;
      background-color: transparent;
      color: #EE3224; }
    html body .pager li > a.on {
      text-decoration: none;
      color: #EE3224;
      cursor: pointer; }
    html body .navbar-user {
      cursor: pointer;
      float: right; }
      html body .navbar-user .logo span {
        font-size: 20px; }
      html body .navbar-user img {
        width: 30px;
        height: auto; }
      html body .navbar-user a {
        color: gray; }
      html body .navbar-user .nav > li a:hover {
        background-color: transparent; }
      html body .navbar-user .nav > li a.logo {
        padding: 10px; }
      html body .navbar-user li {
        float: left; }
    html body .navbar-user-submenu {
      -webkit-transition: height 1s;
      -o-transition: height 1s;
      transition: height 1s;
      height: 0px;
      overflow: hidden;
      background-color: #f0f0f0;
      position: absolute;
      top: 40px;
      z-index: 100; }
      html body .navbar-user-submenu.on {
        -webkit-transition: height 1s;
        -o-transition: height 1s;
        transition: height 1s;
        height: 73.6px; }
      html body .navbar-user-submenu ul li {
        width: 100%; }
        html body .navbar-user-submenu ul li a {
          width: 100%; }
    html body .navbar-interno ul.navbar-right li > a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center; }
    html body .navbar-interno {
      background-color: #FF2F1F; }
      html body .navbar-interno.navbar-login {
        background-color: #FF2F1F; }
      html body .navbar-interno .navbar-brand {
        padding: 5px 0px 5px 17px; }
      html body .navbar-interno .icon-bar {
        background-color: white; }
      html body .navbar-interno ul {
        padding-right: 10px; }
        html body .navbar-interno ul > li {
          padding: 15px 0px; }
          html body .navbar-interno ul > li > a {
            border-left: 1px solid white;
            color: rgba(255, 255, 255, 0.8);
            padding: 0px 7px;
            display: -webkit-inline-box;
            cursor: pointer; }
            html body .navbar-interno ul > li > a.navbar-icons-login {
              border-left: 1px solid transparent; }
            html body .navbar-interno ul > li > a.first-navbar-icons {
              border-left: 1px solid transparent;
              display: -webkit-inline-box; }
            html body .navbar-interno ul > li > a:hover {
              background-color: transparent;
              color: white; }
            html body .navbar-interno ul > li > a:focus {
              background-color: transparent; }
      html body .navbar-interno ul li .navbar-icons,
      html body .navbar-interno ul li:hover .navbar-icons,
      html body .navbar-interno ul li:focus .navbar-icons {
        font-size: 1rem; }
      html body .navbar-interno ul li i {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 7px; }
      html body .navbar-interno ul li .icon-home {
        background: url(../images/icon/icon-home.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat; }
      html body .navbar-interno ul li .icon-email {
        background: url(../images/icon/icon-email.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat; }
      html body .navbar-interno ul li .icon-logout {
        background: url(../images/icon/icon-logout.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat; }
      html body .navbar-interno ul li .icon-private {
        background: url(../images/icon/icon-private.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-left: 8px; }
      html body .navbar-interno ul li:hover .icon-home {
        background: url(../images/icon/icon-home.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat; }
      html body .navbar-interno ul li:hover .icon-email {
        background: url(../images/icon/icon-email.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat; }
      html body .navbar-interno ul li:hover .icon-logout {
        background: url(../images/icon/icon-logout.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat; }
      html body .navbar-interno ul li:hover .icon-private {
        background: url(../images/icon/icon-private.png);
        background-position: 0%;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-left: 8px; }
      html body .navbar-interno .navbar-brand .navbar-brand-content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 350px; }
        html body .navbar-interno .navbar-brand .navbar-brand-content a {
          height: 100%;
          width: auto;
          float: left; }
        html body .navbar-interno .navbar-brand .navbar-brand-content img {
          height: 100%;
          width: auto;
          float: left; }
        html body .navbar-interno .navbar-brand .navbar-brand-content h4 {
          color: white;
          float: left;
          margin-top: 0px;
          font-weight: 500; }
      html body .navbar-interno img.navbar-icon {
        height: 30px; }
    html body .navbar-vertical .navbar-icons-principal {
      margin-right: 5px; }
    html body .navbar-vertical.nav > li > a {
      font-family: DINRegular;
      padding: 15px 17px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      html body .navbar-vertical.nav > li > a span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        html body .navbar-vertical.nav > li > a span .icon-special {
          margin-right: 17px; }
    html body .navbar-vertical > li {
      border-top: 1px solid #E6E6E6;
      border-bottom: 1px solid #E6E6E6; }
      html body .navbar-vertical > li a {
        color: gray; }
        html body .navbar-vertical > li a:hover {
          text-decoration: none; }
        html body .navbar-vertical > li a i.icon-open {
          float: right; }
      html body .navbar-vertical > li ul {
        height: 0px;
        overflow: hidden;
        list-style-type: none; }
        html body .navbar-vertical > li ul > li > a {
          font-size: 1rem;
          position: relative;
          display: block;
          padding: 15px;
          color: gray; }
    html body .navbar-vertical > li.on i.icon-open {
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -webkit-transform: rotate(180deg);
      /* Chrome, Safari, Opera */
      transform: rotate(180deg); }
    html body .navbar-vertical > li.on ul {
      -webkit-transition: height 1s;
      -o-transition: height 1s;
      transition: height 1s;
      background-color: #E6E6E6;
      /*height: auto;*/
      overflow: hidden; }
      html body .navbar-vertical > li.on ul > li > a {
        text-decoration: none;
        font-size: 1rem;
        position: relative;
        display: block;
        padding: 15px;
        color: gray; }
        html body .navbar-vertical > li.on ul > li > a.on {
          color: #2F2F2F; }
        html body .navbar-vertical > li.on ul > li > a:focus {
          color: #EE3224; }
          html body .navbar-vertical > li.on ul > li > a:focus span {
            color: #EE3224; }
        html body .navbar-vertical > li.on ul > li > a:active {
          color: #EE3224; }
          html body .navbar-vertical > li.on ul > li > a:active span {
            color: #EE3224; }
        html body .navbar-vertical > li.on ul > li > a:hover {
          color: #2F2F2F; }
    html body .login-main {
      position: fixed;
      right: 0px;
      padding-top: 0px;
      padding-bottom: 40px; }
      html body .login-main .row-special {
        margin: 0px -15px 0px -15px; }
    html body .login-content {
      max-width: 300px;
      margin: 0 auto 40px auto; }
      html body .login-content .login-header {
        padding: 0px 15px 15px 15px; }
        html body .login-content .login-header span {
          color: #EE3224;
          font-size: 1.6rem;
          /*font-size: 30px;*/
          padding-right: 5px; }
        html body .login-content .login-header h1 {
          font-size: 1.6rem; }
        html body .login-content .login-header .steps {
          padding-bottom: 10px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
    html body .imagen-familia {
      position: fixed;
      overflow: hidden;
      background-image: url(https://s3.amazonaws.com/digital.profuturo/nuevazonaprivada/images/familia.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding-left: 0;
      height: 100%; }
      html body .imagen-familia img {
        height: 100%;
        width: auto;
        min-height: 500px; }
    html body .footer-login {
      position: absolute;
      bottom: 0px;
      width: 100%;
      left: 0px;
      padding: 0px 20px 15px 20px; }
      html body .footer-login hr {
        margin-bottom: 10px; }
      html body .footer-login a {
        font-family: DINRegular;
        font-weight: 900;
        padding-right: 20px; }
  html .text-redirect {
    font-size: 25px;
    padding-top: 30px; }

.sidebar {
  width: 20%; }
  .sidebar li.li-menu img {
    margin-right: 17px;
    width: 20px;
    height: 20px; }

.grafic-container {
  width: 85%;
  margin: 0 auto; }
  .grafic-container.bar-grafic {
    width: 100%;
    margin: 0 auto; }

.modal-dialog {
  height: 85% !important;
  padding-top: 4%; }

@media (min-width: 768px) {
  .modal-normal.modal-patron .modal-dialog {
    width: 670px;
    padding-top: 5%; } }

@media (max-width: 1467px) {
  html body .panel-body.panel-rentabilidad .text-big-rent {
    font-size: 1.2rem;
    /*font-size: 24px;*/ } }

@media (max-width: 1000px) {
  html body .panel-body.panel-rentabilidad .text-big-rent {
    font-size: 0.8rem;
    /*font-size: 24px;*/ }
  html body .panel-body.panel-rentabilidad .ico-40 {
    width: 20px;
    height: 20px; }
  html body .panel-body.panel-rentabilidad p {
    padding-bottom: 0px; } }

@media (max-width: 767px) {
  html body .login-content .login-header h1 {
    font-size: 1.5rem; }
  html body input.input-normal {
    max-width: 100%; }
  html body .message-error {
    font-size: 1.3rem; }
  html body .navbar-interno .navbar-brand .navbar-brand-content {
    width: auto; }
  html body .panel-body.panel-rentabilidad .text-big-rent {
    font-size: 1.5rem;
    /*font-size: 24px;*/ }
  html body .btn-normal,
  html body .btn-secundario {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  html body .btn-secundario-print {
    display: none; }
  html body .btn-group {
    width: 100%; }
  html body .border-movil {
    padding: 20px; }
  html body .dropdown.dr-tl {
    margin: 0px auto 0px 0px; }
  html body .form-group .dropdown-sm {
    width: 100%; }
  html body .dr-mc {
    margin: 0 auto !important; }
  html body .dl-mc {
    margin: 0 auto !important; }
  html body .container-main {
    width: 100%;
    position: fixed;
    left: 0; }
  html body .loadingIcon {
    width: 100%;
    left: 0; }
  html body .login-main .loadingIcon {
    width: 100%;
    left: 0; }
    html body .login-main .loadingIcon .loader {
      left: 45%; }
  html body span.select2.select2-container.select2-container--classic {
    max-width: 100%; }
  html body .sidebar {
    overflow: hidden;
    display: block;
    height: 100%;
    position: fixed;
    width: 0px;
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #EFEFEF;
    border-right: 1px solid #eee;
    padding: 0px; }
    html body .sidebar ul {
      -webkit-transition: width 2s;
      -o-transition: width 2s;
      transition: width 2s;
      width: 213px;
      background-color: #E6E6E6;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px; }
    html body .sidebar.on {
      width: 213px;
      -webkit-transition: width 0.5s;
      -o-transition: width 0.5s;
      transition: width 0.5s; }
      html body .sidebar.on.nav {
        overflow: auto;
        -webkit-overflow-scrolling: touch; }
      html body .sidebar.on + .container-main {
        position: fixed;
        left: 213px; }
        html body .sidebar.on + .container-main .loadingIcon {
          position: fixed;
          left: 213px; }
      html body .sidebar.on ~ .sidebar-background {
        background-color: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        opacity: .1;
        top: 0;
        width: 100%;
        z-index: 3;
        position: fixed; }
  html body .navbar-interno .navbar-brand .navbar-brand-content h4 {
    font-size: 0.8em; } }

@media (max-width: 400px) {
  html body .panel-body.panel-rentabilidad .text-big-rent {
    font-size: 0.8rem;
    /*font-size: 24px;*/ }
  html body .panel-body.panel-rentabilidad .ico-40 {
    width: 20px;
    height: 20px; }
  html body .panel-body.panel-rentabilidad p {
    padding-bottom: 0px; } 
 
  html body #tooltip-pep {
  	position: absolute;
  	right: 20px;
  }   

 }

@media (min-width: 992px) {
  .dropdown.dr-tl {
    margin: 0px auto 0px 0px; } }

@media (min-width: 1200px) {
  .dropdown.dr-tl {
    margin: 0px auto 0px 0px; }
  .grafic-container.bar-grafic {
    width: 75%;
    margin: 0 auto; } 

	  
  html body .btn-outline-pf:hover {
  	color: #B61003 !important;
  	outline: none !important;
	box-shadow: none !important;
	background-color: #EEEEEE; 
	opacity: 0.9;
  }
}

.tooltip p {
  text-align: justify; }

/*checkbox*/
.checkbox-simple ul {
  list-style: none; }

.checkbox-simple input {
  display: block;
  float: left; }

.checkbox-simple label {
  font-weight: 200; }
  .checkbox-simple label.label--radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.checkbox-simple .checkbox-label {
  margin-left: 2rem;
  display: block; }

.checkbox-simple .checkbox-label2 {
  margin-left: 2rem;
  display: contents;
  }

.checkbox-simple .number {
  position: absolute;
  top: 2.1875rem;
  left: -1.25rem;
  color: #EE3224;
  font-size: 2rem;
  font-family: Helvetiva, Arial, sans-serif; }

.checkbox-simple .list__item {
  margin: 0 0 .5rem 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
  .checkbox-simple .list__item.list__item_input {
    margin-top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.checkbox-simple .list-group-special {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.checkbox-simple .label--checkbox {
  position: relative;
  cursor: pointer; }
.checkbox-simple .label--checkbox .checkbox-checkmark {
  position: absolute;
  top: 4px;
  left: -1px; }
    
.checkbox-simple .label--checkbox .checkbox-tooltip{
  cursor: pointer; }  

.checkbox-simple .label--radio {
  position: relative;
  cursor: pointer; }
  .checkbox-simple .label--radio .radio-checkmark {
    position: absolute;
    top: 3px;
    left: 0; }

.checkbox-simple .checkbox {
  position: relative;
  margin-right: 1rem;
  cursor: pointer;
  opacity: 0; }
  .checkbox-simple .checkbox:checked ~ .checkbox-checkmark:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1); }

.checkbox-simple .checkbox-checkmark:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -o-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  -moz-transform: rotate(-45deg) scale(0, 0);
  -ms-transform: rotate(-45deg) scale(0, 0);
  -o-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  content: "";
  position: absolute;
  left: 0.1875rem;
  top: 0.125rem;
  z-index: 1;
  width: 15px;
  height: 5px;
  border: 2px solid #EE3224;
  border-top-style: none;
  border-right-style: none; }

.checkbox-simple .checkbox-checkmark:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 2px solid #f2f2f2;
  cursor: pointer; }

.checkbox-simple .radio {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
  opacity: 0; }
  .checkbox-simple .radio:checked ~ .radio-checkmark:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

.checkbox-simple .radio-checkmark:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -o-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  content: "";
  position: absolute;
  top: 3px;
  left: 2px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #EE3224;
  border-radius: 50%; }

.checkbox-simple .radio-checkmark:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -3px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #f2f2f2;
  border-radius: 50%; }

span.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  height: 18px;
  left: 60%;
  margin-left: -15px;
  margin-top: -2px;
  position: absolute;
  top: 35%;
  width: 20px;
  background-image: url(../images/icon/normal/dropdown-icon.png);
  background-position-x: 100%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  border-color: transparent;
  border-style: none; }

span.select2.select2-container.select2-container--classic {
  max-width: 300px; }

.dropdown-movil span.select2.select2-container.select2-container--classic {
  max-width: 100%; }

span.select2-container--classic .select2-selection--single .select2-selection__arrow {
  height: 35px;
  width: 36px;
  background-image: none;
  background-color: #f0f0f0;
  border-left: 1px solid #E6E6E6;
  border-radius: 0px; }

span.select2-selection--single {
  background-color: #f0f0f0 !important;
  border: transparent !important;
  height: 36px !important; }

span.select2-container--classic .select2-selection--single {
  background-image: none;
  background-color: #f0f0f0;
  border-radius: 0px; }

span.select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  text-align: left !important; }

span.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  background-image: none; }

.select2-dropdown {
  border: transparent !important;
  background-color: #f0f0f0 !important; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #E6E6E6 !important;
  color: black !important; }

.max-select span.select2 {
  width: 100% !important; }

.tool-container .tool-items a {
  width: 100% !important;
  padding: 10px 0px; }

.tool-container.tool-top,
.tool-container.tool-bottom {
  height: auto !important; }

.tool-container.toolbar-primary {
  background-color: #EFEFEF;
  opacity: 1; }
  .tool-container.toolbar-primary a {
    color: gray;
    opacity: 1; }
  .tool-container.toolbar-primary a:hover {
    background-color: #E6E6E6;
    color: gray;
    text-decoration: none;
    opacity: 1; }

.toolbar-primary.tool-bottom .arrow {
  border-color: transparent transparent #EFEFEF !important; }

.panel-rentabilidad-l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

#OPC0125 {
  display: none; }
  #OPC0125 i {
    display: none; }

.loadingIcon {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: gray;
  z-index: 1200;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none; }
  .loadingIcon.on {
    display: block; }
  .loadingIcon .loader,
  .loadingIcon .loader:after {
    border-radius: 50%;
    width: 6em;
    height: 6em; }
  .loadingIcon .loader {
    top: 30%;
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media (max-width: 767px) {
  html body #OPC0125 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  html body button.btn.btn-secundario.btn-secundario-print {
    display: none; }
  html body .xs-p-l-15 {
    padding-left: 15px; } }

@media only screen and (min-width: 430px) {
  html body .panel-principal .panel-heading .flex-label.flex-label-l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; } }

html body .panel-principal .panel-heading .flex-label.flex-label-l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

@media (max-width: 500px) {
  .col-xxs-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    float: left; }
  .col-xxs-12 {
    width: 100%; }
  .col-xxs-11 {
    width: 91.66666667%; }
  .col-xxs-10 {
    width: 83.33333333%; }
  .col-xxs-9 {
    width: 75%; }
  .col-xxs-8 {
    width: 66.66666667%; }
  .col-xxs-7 {
    width: 58.33333333%; }
  .col-xxs-6 {
    width: 50%; }
  .col-xxs-5 {
    width: 41.66666667%; }
  .col-xxs-4 {
    width: 33.33333333%; }
  .col-xxs-3 {
    width: 25%; }
  .col-xxs-2 {
    width: 16.66666667%; }
  .col-xxs-1 {
    width: 8.33333333%; }
  .xxs-p-25 {
    padding-left: 25px; } }

@media print {
  @page {
    size: A4;
    margin: 10mm 0 10mm 0; }
  html body .form-content {
    border: transparent; }
  html body .panel-body {
    padding: 0; }
  html body .container-main {
    top: 0; }
  html body #cna-pie {
    page-break-inside: avoid; } }

.changeUpper {
  text-transform: uppercase; }

#googleForm {
  max-width: 304px; }

.g-recaptcha {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

::-webkit-input-placeholder {
  text-transform: initial; }

:-moz-placeholder {
  text-transform: initial; }

::-moz-placeholder {
  text-transform: initial; }

:-ms-input-placeholder {
  text-transform: none; }

.contacto-reclamaciones-panel {
  padding: 15px;
  margin: 20px 10px 10px 10px;
  background-color: #f8f7f7;
  border: 1px solid #e6e6e6; }
  .contacto-reclamaciones-panel h3 {
    font-size: 15px; }
  .contacto-reclamaciones-panel i.icon-reclamos {
    background: url(../images/icon/normal/reclamos.png);
    background-position: 50%;
    background-size: 80%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 5px; }
  .contacto-reclamaciones-panel .flex-label.reclamos {
    padding-bottom: 0px; }
  .contacto-reclamaciones-panel p {
    padding-left: 10px; }

.contacto-ver-agencias {
  padding: 0px 13px 0 13px; }
  
.datos-adicionales {
	padding: 5px !important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
td.details-control {
    background: url('../images/btn_vermas_1.png') no-repeat left center !important; 
    cursor: pointer; 
} 
tr.shown td.details-control {
    background: url('../images/btn_vermenos_1.png') no-repeat left center !important;  
    cursor: pointer; 
} 
.image-timeline_1{
   width:65%;
   content: url("../images/svg/time_line_n_1.svg");
   text-align: center;
}
.image-timeline_2{
   width:65%;
   content: url("../images/svg/time_line_n_2.svg");
   text-align: center;
}
.image-timeline_3{
   width:65%;
   content: url("../images/svg/time_line_n_3.svg");
   text-align: center;
}
.image-timeline_4{
   width:65%;
   content: url("../images/svg/time_line_n_4.svg");
   text-align: center;
}