/* Minification failed. Returning unminified contents.
(2019,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(2020,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(4734,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*
 * Skin for jQuery Smooth Scroll Utility Top Widget
 * 
 * Copyright (c) 2014 Adam J De Lucia
 * Licensed under the MIT License.
 * http://opensource.org/licenses/MIT
 * 
 * Author: Adam J De Lucia
 * Skin Version: 1.0.0 (Smooth Scroll 1.0.1)
 * Date: December 21, 2014
 * 
 */

#scroll-to-top {
  position: fixed;
  right: 40px;
  bottom: 100px;
  cursor: pointer;
  color: white;
  background-color: #666666;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  opacity: 0.4;
  filter: alpha(opacity = 40);
  padding: 10px;
}
#scroll-to-top:hover,
#scroll-to-top:active,
#scroll-to-top:focus {
  opacity: 1;
  filter: alpha(opacity = 100);
}

#md-nav-bar .md-nav-bar {
  background: rgba(255, 255, 255, 0.8) !important;
}
form[name="UserForm"] {
  background: white;
}
.table-responsive {
  border: none !important;
}
.textoNormativaFooter {
  display: block;
  text-wrap: balance;
}
.View {
  min-height: calc(100vh - 99px) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
md-tab-content div md-content form {
  padding-top: 30px;
}
md-tab-content div md-input-container label {
  font-family: sans-serif;
  font-weight: 600 !important;
  font-size: 12px;
}
md-input-container:focus-within input {
  background-color: #2222221a;
  color: #222222 !important;
}
md-input-container p {
  padding-top: 25px;
  color: #222222 !important;
  font-family: sans-serif;
  font-weight: 600 !important;
  font-size: 12px;
}
#select_value_label_116 {
  color: #222222;
}
.ExportButton button {
  cursor: pointer !important;
}
/**/
/* para eliminar las flechas en los inputs de tipo number */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
/* -- */

/* * {
  @media(max-width: 1150px) {
    .FixedBottomButtons {
      position: relative !important;
      z-index: -1;
    }
    
    .carousel-container-custom-unique {
      position: relative !important;
      z-index: -1;
    }
  }
} */

/* .md-nav-bar {
  background: red !important; 
} */

.md-content {
  position: inherit !important;
}
.FixedBottomButtonsPreHome {
  position: fixed;
  z-index: 100;
  right: 0;
  text-align: center;
  top: 0px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
  height: 99px;
  width: 100%;
  left: 0;
}
/* Estilos para desktop (ancho mayor a 1150px) */

@media (min-width: 1151px) {
  .FixedBottomButtonsPreHome {
    left: 210px;
    height: 99px;
  }
  .BottomButtonsHome {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 0 0px 0;
  }
  .BottomButtonsHome .md-button {
    margin: 0;
    margin-right: 5px;
    color: white;
    font-weight: bolder;
    border-radius: 2px;
    height: 80px;
    display: inline-block;
    transition: all 0.5s;
    top: 0;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .BottomButtonsHome .md-button:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .mobile-menu-button {
    display: none;
  }
}
/* Estilos para tablet y móvil (ancho menor a 1150px) */

@media (max-width: 1150px) {
  .FixedBottomButtonsPreHome {
    left: 0;
    height: 99px;
  }
  .BottomButtonsHome {
    display: none;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 99px;
    left: 0;
    flex-direction: column;
  }
  .BottomButtonsHome.show {
    display: flex;
  }
  .BottomButtonsHome .md-button {
    width: 100% !important;
    margin: 5px 0 !important;
    padding: 15px !important;
    height: auto !important;
    display: block;
    box-sizing: border-box;
  }
  .mobile-menu-button {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 26px;
    font-weight: 600;
    cursor: pointer;
    z-index: 101;
  }
}
.extraFooter1 {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.ColumnaFooter {
  width: 100%;
  height: auto !important;
  margin: 0;
  top: 8px;
  padding-top: 0 !important;
  left: 0;
  right: 0px;
  text-align: inherit !important;
  padding-left: 0 !important;
  padding-bottom: 20px;
}
.ColumnaFooter2 {
  width: 100%;
  height: auto !important;
  background: white;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ColumnaFooter2 .footer-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.ColumnaFooter2 .linkInstagram {
  text-align: center;
  margin-bottom: 8px;
  font-weight: bold;
}
.ColumnaFooter3 {
  width: 100%;
  height: auto !important;
  margin: 0;
  padding-top: 0 !important;
  text-align: inherit !important;
  padding-left: 0 !important;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  /* Añadido para permitir el wrap en móviles */
  justify-content: center;
  /* Centrado para móviles */
  gap: 28px;
}
.md-fab {
  display: none !important;
}
.footer .footerTitle {
  font-size: clamp(14px, 3vw, 15px);
  font-style: normal;
  color: white !important;
  font-weight: bold;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 20px;
  text-align: center !important;
  margin: 0 0 10px 0;
  padding: 8px 0 0 0;
}
.footer .extraFooter1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 0 10px;
}
.footer .justifyLink {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  min-width: fit-content;
}
.footer .justifyLink span {
  line-height: 13px;
  font-size: clamp(13px, 3vw, 15px);
  padding-left: 5px;
  text-transform: none;
  color: white !important;
  font-family: "Open Sans", Arial, sans-serif;
  white-space: nowrap;
}
.footer .linkInterest:hover .icon {
  transform: scale(1.1);
}
.footer .linkInterest:hover span {
  text-decoration: underline;
}
.footer .icon {
  width: 40px;
  height: 35px;
}
.footer .icon-square {
  width: 24px;
  height: 24px;
}
.footer .icon-social {
  width: 28px;
  height: 28px;
}
.footer .footerList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: max-content;
}
.footer .footerList .footerLink:hover .icon-square {
  transform: scale(1.1);
}
.footer .footerList .footerLink:hover span {
  text-decoration: underline;
}
@media (max-width: 600px) {
  .footer .extraFooter1 {
    gap: 8px;
  }
  .footer .justifyLink {
    flex: 20px;
    max-width: 150px;
  }
}
@media (max-width: 400px) {
  .footer .extraFooter1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .footer .justifyLink {
    width: 80%;
    max-width: 200px;
  }
}
@media (max-width: 768px) {
  .footer .ColumnaFooter3 {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .footer .extraFooter3 {
    gap: 15px;
  }
  .footer .footerList {
    align-items: center;
  }
}
@media (max-width: 480px) {
  .footer .ColumnaFooter3 {
    gap: 10px;
  }
  .footer .footerLink {
    width: 100%;
    justify-content: flex-start;
    padding: 5px 10px;
  }
}
@media (max-width: 1094px) {
  .extraFooter1 {
    flex-direction: column;
    /* Cambia a columna */
    align-items: center;
    gap: 15px;
  }
  .ColumnaFooter3 .row {
    flex-direction: column;
    /* Sincronizado con extraFooter1 */
    align-items: center;
    gap: 15px;
  }
  /* Ajustes específicos para el contenido */
  
  .justifyLink {
    width: 100%;
    max-width: 200px;
    justify-content: flex-start;
  }
  .ColumnaFooter3 .row > div {
    width: 100% !important;
  }
}
/* Ajustes adicionales para pantallas más pequeñas */

@media (max-width: 768px) {
  .extraFooter1 {
    padding: 0 15px;
    /* Más padding en móviles */
  
  }
  .justifyLink {
    max-width: none;
    /* Ocupa todo el ancho disponible */
  
  }
}
.carousel-control {
  display: none;
}
.footer-politicas {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-politicas p {
  margin: 0 0 8px 0;
}
.footer-politicas a {
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
  padding: 5px 9px;
  border-radius: 45%;
  font-size: 12px;
  display: inline-block;
}
.footer-politicas .fst-child,
.footer-politicas .snd-child {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 3px;
  flex-wrap: wrap;
}
.footer-politicas .color-cliente {
  color: white;
  background: #fdad31;
}
.footer-politicas .color-empleado {
  color: white;
  background: #e64045;
}
.footer-politicas .color-proveedor {
  color: white;
  background: #0c5885;
}
.footer-politicas .color-intermediario {
  color: white;
  background: #44d1dd;
}
.footer-politicas .color-reasegurador {
  color: white;
  background: #52b5de;
}
.footer-social {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-social .social-icons {
  display: flex;
  gap: 10px;
}
/* Responsive para pantallas pequeñas */

@media (max-width: 768px) {
  .ColumnaFooter2 .footer-container {
    flex-direction: column;
    gap: 20px;
  }
}
.FixedBottomButtons {
  position: static !important;
}
.FixedBottomButtons .BottomButtons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  background: #009ca6 !important;
}
.FixedBottomButtons .BottomButtons .md-button {
  padding: 20px 0 !important;
}
.FixedBottomButtons .BottomButtons .md-button:nth-child(1),
.FixedBottomButtons .BottomButtons .md-button:nth-child(3) {
  background: #009ca6 !important;
}
.FixedBottomButtons .BottomButtons .md-button:nth-child(2) {
  background: white !important;
}
/* .FixedBottomButtons .BottomButtons .ColumnaFooter3 {
  height: 20vh;
} */

.FixedBottomButtons .BottomButtons .md-button {
  padding: 0;
  width: 33.3333% !important;
  box-sizing: border-box;
  /* Asegura que el padding no afecte el ancho */

}
.FooterTop {
  position: static !important;
}
.footer .md-button {
  height: auto !important;
}
/* Media query para dispositivos móviles */

@media (max-width: 768px) {
  .FixedBottomButtons .BottomButtons {
    flex-direction: column;
  }
  .FixedBottomButtons .BottomButtons .md-button {
    width: 100% !important;
  }
}
.extraFooter3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0 15px;
}
.mainColumnFooter1 {
  background-color: #029ba5 !important;
}
.mainColumnFooter2 {
  background-color: white !important;
}
.mainColumnFooter3 {
  background-color: #029ba5 !important;
}
.margin-bottom {
  margin-bottom: 10px;
}
.redes-width {
  width: 210px;
}
#content {
  min-height: 100vh !important;
}
.CardFondo {
  background: white !important;
}
/* @media (min-width: 992px) {
  .col-md-offset-3 {
    margin-left: 0 !important;
    background: red
  }
}
 */

/* .CardFondo {
  margin: 0 auto;
} */

form .col-xs-1,
form .col-xs-2,
form .col-xs-3,
form .col-xs-4,
form .col-xs-5,
form .col-xs-6,
form .col-xs-7,
form .col-xs-8,
form .col-xs-9,
form .col-xs-10,
form .col-xs-11,
form .col-xs-12,
form .col-sm-1,
form .col-sm-2,
form .col-sm-3,
form .col-sm-4,
form .col-sm-5,
form .col-sm-6,
form .col-sm-7,
form .col-sm-8,
form .col-sm-9,
form .col-sm-10,
form .col-sm-11,
form .col-sm-12,
form .col-md-1,
form .col-md-2,
form .col-md-3,
form .col-md-4,
form .col-md-5,
form .col-md-6,
form .col-md-7,
form .col-md-8,
form .col-md-9,
form .col-md-10,
form .col-md-11,
form .col-md-12,
form .col-lg-1,
form .col-lg-2,
form .col-lg-3,
form .col-lg-4,
form .col-lg-5,
form .col-lg-6,
form .col-lg-7,
form .col-lg-8,
form .col-lg-9,
form .col-lg-10,
form .col-lg-11,
form .col-lg-12 {
  text-align: left;
  padding: 0;
}
form .UserId .Nationality {
  position: absolute !important;
  width: 46px !important;
  z-index: 23;
}
form .UserId .UserId {
  width: 100% !important;
  padding-left: 60px !important;
}
form .UserId .UserId label {
  left: 60px !important;
  color: #333333;
}
form .UserId .BtnRight {
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 23;
}
form .Address .AddressType {
  position: absolute !important;
  width: 100px !important;
  z-index: 23;
}
form .Address .Address {
  width: 100% !important;
  padding-left: 150px !important;
}
form .Address .Address label {
  left: 150px !important;
}
form .Address .BtnRight {
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 23;
}
* {
  font-family: "AgfaRotisSansSerif";
}
body {
  font-family: "AgfaRotisSansSerif";
  background: #d6d6d6;
  height: auto;
}
body .md-button.md-primary:not([disabled]):hover,
body .md-button.md-primary:not([disabled]),
body .md-button.md-primary.md-raised:not([disabled]):hover,
body .md-button.md-primary.md-raised:not([disabled]),
body div.md-primary:not([disabled]):hover,
body div.md-primary:not([disabled]),
body div.md-primary.md-raised:not([disabled]):hover,
body div.md-primary.md-raised:not([disabled]),
body .md-button.md-grey:not([disabled]):hover,
body .md-button.md-grey:not([disabled]),
body .md-button.md-grey.md-raised:not([disabled]):hover,
body .md-button.md-grey.md-raised:not([disabled]),
body div.md-grey:not([disabled]):hover,
body div.md-grey:not([disabled]),
body div.md-grey.md-raised:not([disabled]):hover,
body div.md-grey.md-raised:not([disabled]),
body .md-button.md-darkgrey:not([disabled]):hover,
body .md-button.md-darkgrey:not([disabled]),
body .md-button.md-darkgrey.md-raised:not([disabled]):hover,
body .md-button.md-darkgrey.md-raised:not([disabled]) {
  color: white;
}
body .md-button.md-primary:not([disabled]):hover {
  background-color: rgba(0, 156, 168, 0.8);
}
body .md-button.md-primary:not([disabled]) {
  background-color: rgba(0, 156, 168, 0.99);
}
body .md-button.md-primary.md-raised:not([disabled]):hover {
  background-color: #07919b;
}
body .md-button.md-primary.md-raised:not([disabled]) {
  background-color: #009da6;
}
body div.md-primary:not([disabled]):hover {
  background-color: rgba(0, 156, 168, 0.8);
}
body div.md-primary:not([disabled]) {
  background-color: rgba(0, 156, 168, 0.99);
  display: inline-block;
  float: left;
  transition: all 0.5s;
}
body div.md-primary.md-raised:not([disabled]):hover {
  background-color: #07919b;
}
body div.md-primary.md-raised:not([disabled]) {
  background-color: #009da6;
}
body .md-button.md-grey:not([disabled]):hover {
  background-color: rgba(214, 214, 214, 0.7);
}
body .md-button.md-grey:not([disabled]) {
  background-color: silver;
  color: black;
}
body .md-button.md-grey.md-raised:not([disabled]):hover {
  background-color: #d6d6d6;
}
body .md-button.md-grey.md-raised:not([disabled]) {
  background-color: #d6d6d6;
  color: black;
}
body div.md-grey:not([disabled]):hover {
  background-color: rgba(214, 214, 214, 0.7);
}
body div.md-grey:not([disabled]) {
  background-color: silver;
  color: black;
  display: inline-block;
  float: left;
  transition: all 0.5s;
}
body div.md-grey.md-raised:not([disabled]):hover {
  background-color: #d6d6d6;
}
body div.md-grey.md-raised:not([disabled]) {
  background-color: #d6d6d6;
  color: black;
}
body .md-button.md-darkgrey:not([disabled]):hover {
  background-color: silver;
}
body .md-button.md-darkgrey:not([disabled]) {
  background-color: rgba(214, 214, 214, 0.7);
}
body .md-button.md-darkgrey.md-raised:not([disabled]):hover {
  background-color: #d6d6d6;
}
body .md-button.md-darkgrey.md-raised:not([disabled]) {
  background-color: #d6d6d6;
}
body md-checkbox.md-default-theme.md-checked .md-icon,
body md-checkbox.md-checked .md-icon {
  background-color: #07919b;
}
body .TextRight {
  text-align: right !important;
}
body .TextLeft {
  text-align: right !important;
}
body .TextCenter {
  text-align: center !important;
}
body .FullscreenDialog {
  width: 50%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.3);
  /* Fallback color */

  /*background-color: transparent; /* Black w/ opacity */

}
body .DetailsDialog {
  width: 45%;
}
body .ServicesDialog {
  width: 65%;
}
body .ServicesDialog .img-responsive {
  height: 25px;
  width: 25px;
  max-width: 25px;
}
body md-dialog {
  background: rgba(255, 255, 255, 0.9);
}
body md-dialog .col-xs-1,
body md-dialog .col-xs-2,
body md-dialog .col-xs-3,
body md-dialog .col-xs-4,
body md-dialog .col-xs-5,
body md-dialog .col-xs-6,
body md-dialog .col-xs-7,
body md-dialog .col-xs-8,
body md-dialog .col-xs-9,
body md-dialog .col-xs-10,
body md-dialog .col-xs-11,
body md-dialog .col-xs-12,
body md-dialog .col-sm-1,
body md-dialog .col-sm-2,
body md-dialog .col-sm-3,
body md-dialog .col-sm-4,
body md-dialog .col-sm-5,
body md-dialog .col-sm-6,
body md-dialog .col-sm-7,
body md-dialog .col-sm-8,
body md-dialog .col-sm-9,
body md-dialog .col-sm-10,
body md-dialog .col-sm-11,
body md-dialog .col-sm-12,
body md-dialog .col-md-1,
body md-dialog .col-md-2,
body md-dialog .col-md-3,
body md-dialog .col-md-4,
body md-dialog .col-md-5,
body md-dialog .col-md-6,
body md-dialog .col-md-7,
body md-dialog .col-md-8,
body md-dialog .col-md-9,
body md-dialog .col-md-10,
body md-dialog .col-md-11,
body md-dialog .col-md-12,
body md-dialog .col-lg-1,
body md-dialog .col-lg-2,
body md-dialog .col-lg-3,
body md-dialog .col-lg-4,
body md-dialog .col-lg-5,
body md-dialog .col-lg-6,
body md-dialog .col-lg-7,
body md-dialog .col-lg-8,
body md-dialog .col-lg-9,
body md-dialog .col-lg-10,
body md-dialog .col-lg-11,
body md-dialog .col-lg-12 {
  display: inline-block;
}
body md-dialog .md-input-container.md-default-theme .md-input,
body md-dialog md-input-container .md-input {
  color: #011917 !important;
}
body md-toolbar.md-default-theme:not(.md-menu-toolbar),
body md-toolbar:not(.md-menu-toolbar) {
  background: rgba(0, 156, 168, 0.8);
}
body md-select-menu md-content {
  background: rgba(255, 255, 255, 0.8) !important;
}
body #PreHome {
  width: 100%;
  height: auto;
  /* Safari 4.0 - 8.0 */

  /* Standard syntax */

}
body #PreHome .carousel {
  position: fixed;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
}
body #PreHome .carousel .carousel-inner {
  height: 100%;
}
body #PreHome .carousel .carousel-inner .item {
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  position: absolute;
}
body #PreHome .carousel .carousel-control {
  cursor: pointer;
}
body #PreHome .Skip-Intro {
  text-transform: uppercase;
  color: white;
  position: absolute;
  bottom: 100px;
  right: 80px;
  font-size: 18px;
  z-index: 99999999999;
}
body #PreHome .Skip-Intro a {
  color: white;
}
body #PreHome .Skip-Intro a:hover {
  text-decoration: none;
}
@-webkit-keyframes opacityEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 100;
  }
}
@keyframes opacityEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 100;
  }
}
body #PreHome .Slider-Text {
  position: absolute;
  line-height: 15px;
  font-size: 20px;
  color: white;
  top: 50%;
}
body #PreHome .Slider-Text2 {
  position: absolute;
  bottom: 500px;
  line-height: 15px;
  font-size: 20px;
  color: white;
}
body #PreHome .Slider-Big-Text {
  color: white;
  position: absolute;
  bottom: 600px;
  font-size: 40px;
}
body #PreHome .Emergency-Text {
  color: #d6d6d6;
  position: absolute;
  bottom: 500px;
  line-height: 45px;
}
body #PreHome .Emergency-Text .Text-Container {
  background-color: rgba(255, 255, 255, 0.9) !important;
  text-align: center;
  width: 50%;
  padding: 5px;
}
body #PreHome .Emergency-Text .Primary {
  font-size: 40px;
  color: #009da6;
}
body #PreHome .Emergency-Text .Emergency-Numbers {
  font-size: 55px;
  font-weight: bolder;
}
body md-progress-circular path {
  stroke: #009da6;
}
body md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 6px, 0) scale(1);
}
body md-input-container.md-input-focused label:not(.md-no-float) {
  transform: translate3d(0, 6px, 0) scale(1);
}
body md-input-container .md-input-message-animation:not(.ng-animate) {
  font-size: 100%;
}
body .Welcome-Producer {
  color: white;
  font-size: 30px;
  margin-top: 50px;
  width: 220px;
  height: 100%;
  padding-top: 200px;
  letter-spacing: 4px;
  background: rgba(109, 116, 109, 0.7);
}
body .LoginCard {
  /*md-card-title
			{
				padding: 20px 80px 13px;
				span
				{
					color: white;
					font-size: 20px;
					text-transform: uppercase;
					background: rgba(204,204,204,0.4);
				}
			}*/
  top: -50px;
}
body .LoginCard md-radio-button {
  margin-bottom: 40px;
}
body .LoginCard md-checkbox:last-of-type {
  margin-bottom: 0px;
  bottom: 35px;
}
body .LoginCard .md-button {
  position: relative;
  bottom: 35px;
}
body .LoginCard .md-button:hover {
  background-color: #07919b;
}
body .LoginCard .md-button.md-raised[disabled] {
  background-color: rgba(255, 255, 255, 0.4);
}
body .LoginCard .md-block {
  width: 70%;
  margin: 18px auto;
}
body .LoginCard md-input-container:not(.md-input-invalid).md-input-focused label {
  color: #f1f0eb;
}
body .LoginCard md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #009da6;
}
body .LoginCard md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: #f1f0eb;
}
body .LoginCard .md-button.md-primary.md-raised:not([disabled]):hover {
  background-color: #07919b;
}
body .LoginCard .md-button.md-primary.md-raised:not([disabled]) {
  background-color: #009da6;
}
body .LoginCard md-radio-group:not([disabled]) .md-primary.md-checked .md-off {
  border-color: #009da6;
}
body .LoginCard md-radio-group:not([disabled]) .md-primary .md-on {
  background-color: #009da6;
}
body .LoginCard md-radio-button:not([disabled]).md-primary.md-checked .md-ink-ripple {
  color: #07919b;
}
body .LoginCard md-radio-button.md-checked .md-off {
  border-color: rgba(0, 156, 168, 0.8);
}
body .LoginCard md-radio-button .md-on {
  background-color: rgba(0, 156, 168, 0.8);
}
body .LoginCard md-checkbox.md-checked .md-icon {
  background-color: #07919b;
}
body .LoginCard md-radio-group {
  display: inherit;
}
body .LoginCard md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: #009da6;
}
body .LoginCard .flex-80 {
  position: relative;
  bottom: 30px;
}
body .LoginCard .flex-20 {
  position: relative;
  bottom: 30px;
}
body #absolute-container {
  position: relative;
  height: 100%;
  min-height: 100%;
}
body #absolute-container .BankGrid {
  height: 100% !important;
}
body #absolute-container .BankGrid .ui-grid-render-container-body .ui-grid-viewport {
  height: 100%;
}
body #absolute-container .grid {
  color: #141414;
}
body #absolute-container .GridOptions {
  background: rgba(0, 156, 168, 0.99);
  color: white;
  text-align: right;
  padding: 10px;
  /* md-input-container:not(.md-input-invalid).md-input-focused label {
        color: white !important;
      }
 */

}
body #absolute-container .GridOptions md-input-container:not(.md-input-invalid).md-input-focused .md-input,
body #absolute-container .GridOptions input,
body #absolute-container .GridOptions textarea,
body #absolute-container .GridOptions md-select.md-default-theme .md-select-value.md-select-placeholder,
body #absolute-container .GridOptions md-select .md-select-value.md-select-placeholder,
body #absolute-container .GridOptions md-select.md-default-theme .md-select-value,
body #absolute-container .GridOptions md-select .md-select-value {
  color: #f1f0eb;
  border-color: #f1f0eb !important;
}
body #absolute-container .GridOptions md-input-container.md-input-invalid md-select.md-default-theme .md-select-value,
body #absolute-container .GridOptions md-input-container.md-input-invalid md-select .md-select-value,
body #absolute-container .GridOptions md-input-container.md-input-invalid input,
body #absolute-container .GridOptions md-input-container.md-input-invalid textarea {
  border-color: #f1f0eb;
}
body #absolute-container .GridOptions md-input-container {
  margin: 0;
  padding: 0;
}
body #absolute-container .GridOptions md-input-container .md-errors-spacer {
  min-height: 0;
}
body #absolute-container .GridOptions md-input-container label {
  position: static;
  width: initial;
  float: left;
  margin: 0 3px;
  text-transform: uppercase;
}
body #absolute-container .GridOptions md-input-container input[type="number"] {
  width: 50px;
}
body #absolute-container .GridOptions md-input-container label,
body #absolute-container .GridOptions md-input-container input {
  display: inline-block;
  color: white;
  vertical-align: middle;
}
body #absolute-container .GridOptions md-input-container md-select .md-text {
  color: white;
  text-transform: uppercase;
}
body #absolute-container .GridOptions .Rank {
  margin: 0 20px 0 0;
}
body #absolute-container ng-scope {
  height: 100%;
}
body #absolute-container .Menu-Father {
  color: #009da6;
  float: left;
  vertical-align: middle;
  display: inline-block;
}
body #absolute-container .Menu-Children:hover {
  background-color: rgba(0, 156, 168, 0.99);
}
body #absolute-container .Menu-Children:hover menu-link {
  color: #f1f0eb;
}
body #absolute-container .PreLoader {
  position: fixed;
  left: -10000000000000px;
  opacity: 0;
}
body #absolute-container #md-background-imghome {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  text-align: center;
  background: #f1f0eb;
  transform-origin: center;
}
body #absolute-container #md-background-imghome #BackgroundPreloader {
  z-index: 999999999;
  width: 400px;
  left: 80%;
  min-width: 0px;
  height: auto;
  min-height: 0px;
  margin-left: -200px;
  top: 100px;
}
body #absolute-container #md-background-imghome img {
  min-height: 100%;
  position: absolute;
  display: inline-block;
  min-width: 100%;
  max-width: none;
  max-height: none;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999999999;
  height: auto;
}
body #absolute-container #md-background-img {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  text-align: center;
  background: #f1f0eb;
  transform-origin: center;
}
body #absolute-container #md-background-img #BackgroundPreloader {
  z-index: 999999999;
  width: 400px;
  left: 50%;
  min-width: 0px;
  height: auto;
  min-height: 0px;
  margin-left: -200px;
  top: 100px;
}
body #absolute-container #md-background-img img {
  min-height: 100%;
  position: absolute;
  display: inline-block;
  min-width: 100%;
  max-width: none;
  max-height: none;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999999999;
  height: auto;
  padding-left: 10px;
  /*Código Imagen General NEW Hanlly*/

}
body #absolute-container #md-background-img img2 {
  min-height: 100%;
  position: absolute;
  display: inline-block;
  min-width: 100%;
  max-width: none;
  max-height: none;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999999999;
  height: auto;
  padding-left: 240px;
  /*Código NEW Hanlly*/

}
body #absolute-container #md-background-img i {
  font-size: 600px;
  color: black;
  display: inline-block;
}
body #absolute-container .md-custom-ripple {
  z-index: -1;
  display: inline-block;
  background: rgba(255, 255, 255, 0.9) !important;
  position: absolute !important;
  height: 0%;
  bottom: 0;
  left: 0px;
  right: 0px;
  height: 100%;
  top: 100%;
  opacity: 0.7;
}
body #absolute-container #content {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 100%;
}
body #absolute-container #content .ContentWrapper {
  margin-top: 50px;
  padding: 0;
  box-shadow: none;
  overflow: hidden;
  -webkit-transition: 0.6s linear all;
  -moz-transition: 0.6s linear all;
  -ms-transition: 0.6s linear all;
  -o-transition: 0.6s linear all;
  transition: 0.6s linear all;
}
body #absolute-container #content .ContentWrapper md-card {
  -webkit-transition: 0.6s linear all;
  -moz-transition: 0.6s linear all;
  -ms-transition: 0.6s linear all;
  -o-transition: 0.6s linear all;
  transition: 0.6s linear all;
}
body #absolute-container #content .ContentWrapper .ExternalTitle {
  color: white;
}
body #absolute-container #content .ContentWrapper .Title {
  position: relative;
}
body #absolute-container #content .ContentWrapper .Content {
  position: relative;
}
body #absolute-container #content .ContentCard {
  box-shadow: none;
  padding: 30px 30px;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 10px;
  border: 1px solid #009ca6;
  background-color: rgba(255, 255, 255, 0.7);
  color: #666666;
}
body #absolute-container #content .ContentCard md-card-title {
  margin: 0;
  padding: 0;
}
body #absolute-container #content .ContentCard .Title {
  background: transparent !important;
  position: static;
  color: #07919b !important;
  top: 0px;
  letter-spacing: 6px;
  font-size: 38px;
  padding: 0px;
}
body #absolute-container #content .md-custom-content {
  height: 100%;
}
body #absolute-container #content .md-custom-content .md-custom-row {
  margin: 0 0 40px;
}
body #absolute-container #content .md-custom-content .md-custom-row .CMSCreateWrapper {
  background: transparent;
  width: 100%;
  display: block;
  margin: 0 !important;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  /* top: 79.2vh; */

  /* .FixedBottomButtonsPreHome {
            float: right;
            right: 0;
            text-align: center;
            left: 210px;
            right: 0;
            top: 0px;
            font-weight: bold;
            box-shadow: 0px -95px 0px transparent;
            cursor: pointer;
            background: rgba(255, 255, 255, 0.2);
            height: 99px;
          
            .Title {
              color: #333333;
              height: 50px;
              text-align: right;
              padding: 0 100px;
            }
          
            .Content {
              color: white;
              display: inline-block;
            }
          
            .BottomButtons {
              width: 100%;
              display: inline-block;
              text-align: center;
              margin: 0 0 1px 0;
              padding-right: -20px;
              padding-left: -100px;
              margin-left: -15px;
          
              .md-button {
                width: 30%;
                margin: 0;
                border-radius: 0;
                height: 99px;
                left: 5px;
                right: 2px;
                margin-right: -2px;
                margin-left: 2px;
                display: inline-block;
          
                * {
                  white-space: normal;
                  text-align: left;
                  margin-left: 12px;
                }
              }
          
              .md-grey {}
          
              .md-darkgrey {}
          
              .md-primary {}
            }
          
            .BottomButtonsHome {
              width: 100%;
              overflow: hidden;
              display: inline-block;
              position: relative;
              text-align: center;
              margin: 0 0 0px 0;
          
              .QuickAccessButtons {
                position: relative;
              }
          
              .md-button {
                margin: 0;
                margin-right: 5px;
                color: white;
                font-weight: bolder;
                border-radius: 2px;
                height: 80px;
                display: inline-block;
                transition: all 0.5s;
                top: 0;
                padding-top: 50px;
                padding-left: 15px;
                padding-right: 15px;
          
                * {
                  white-space: normal;
                  text-align: center;
                }
          
                p {
                  span {
                    transition: all 0.5s;
                  }
                }
              }
          
              .md-button:hover {
                background: rgba(255, 255, 255, 0.5);
          
                p {
                  span {
                    color: rgb(200, 200, 200) !important;
                  }
                }
              }
          
              .ButtonControl {
                width: 2% !important;
                min-width: 10px !important;
                z-index: 99;
                background: transparent;
          
                span {
                  font-size: 15px;
                  color: rgba(35, 74, 66, 1);
                }
              }
          
              #LeftButton {
                position: absolute;
                left: 10%;
              }
          
              #RightButton {
                position: relative;
                right: -45%;
              }
          
              .md-grey {}
          
              .md-darkgrey {}
          
              .md-primary {}
            }
           } */

}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .Title {
  color: white;
  height: 100px;
  text-align: right;
  padding: 0 100px;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .Content {
  color: white;
  display: inline-block;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0 0 0 0;
  /*padding-right: -20px;
                            padding-left: -200px;
                            margin-left: -15px;*/

  /*height: 132px;*/

  /* flex-wrap: nowrap;
              align-items: center;
              justify-content: center; */

}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .column1 {
  position: absolute;
  /*left: 20px;*/
  width: 100%;
  background-color: white;
  height: 20vh;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .column2 {
  position: absolute;
  /*left:200px;*/
  width: 100%;
  background-color: #47697e;
  height: 20vh;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .column3 {
  position: absolute;
  /*left:800px;*/
  width: 100%;
  background-color: #5b7444;
  height: 20vh;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .ColumnaFooter {
  width: 100%;
  margin: 0;
  top: 8px;
  padding-top: 5px;
  border-radius: 0;
  height: 20vh;
  left: 0;
  right: 0px;
  margin-right: 0;
  background-color: rgba(0, 156, 166, 0.9);
  text-align: justify;
  padding-left: 4px;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .ColumnaFooter2 {
  width: 100%;
  margin: 0;
  border-radius: 0;
  height: 20vh;
  left: 2px;
  right: 1px;
  margin-right: 0;
  background-color: white;
  /*margin-left: 0;*/
  text-align: center;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .ColumnaFooter3 {
  width: 100%;
  text-align: center;
  margin: 0;
  border-radius: 0;
  height: 20vh;
  left: 0px;
  right: 0px;
  margin-right: 1px;
  /*background-color: rgba(0, 150, 136, 0.9);*/
  background-color: #009ca6;
  /*background-color: #009CA8;*/

  /*margin-left: 2px;*/

}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .md-button {
  margin: 0;
  border-radius: 0;
  display: inline-block;
  padding: 0;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .md-button * {
  white-space: normal;
  text-align: left;
  /*margin-left: 2px;*/

}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtons .md-white {
  background-color: white;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 0 0 0px 0;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .QuickAccessButtons {
  position: relative;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .md-button {
  width: 13%;
  text-shadow: -5px 8px 10px rgba(0, 0, 0, 0.5);
  margin: 0;
  margin-right: 5px;
  color: white;
  font-weight: bolder;
  border-radius: 5px;
  height: 100px;
  display: inline-block;
  transition: all 0.5s;
  top: 0;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .md-button * {
  white-space: normal;
  text-align: center;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .md-button p span {
  transition: all 0.5s;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .md-button:hover {
  background: #356d62;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .md-button:hover p span {
  color: #c8c8c8 !important;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .ButtonControl {
  width: 2% !important;
  min-width: 10px !important;
  z-index: 99;
  background: transparent;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome .ButtonControl span {
  font-size: 15px;
  color: #234a42;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome #LeftButton {
  position: absolute;
  left: 10%;
}
body #absolute-container #content .md-custom-content .md-custom-row .FixedBottomButtons .BottomButtonsHome #RightButton {
  position: relative;
  right: -45%;
}
body #absolute-container md-sidenav md-toolbar {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0px 0px 19px -6px rgba(0, 0, 0, 0.4) inset;
  color: #141414;
  padding: 10px 0 10px;
}
body #absolute-container md-sidenav header {
  text-align: center;
}
body #absolute-container .md-nav-bar-fixed img {
  width: 70px !important;
}
body #absolute-container .md-nav-bar-fixed .md-nav-bar {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 2px !important;
  height: 100px !important;
}
body #absolute-container .md-nav-bar-scrolled ul::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
  overflow: visible;
}
body #absolute-container .md-nav-bar-scrolled ul::-webkit-scrollbar-track {
  width: 5px;
  height: 5px;
}
body #absolute-container .md-nav-bar-scrolled ul::-webkit-scrollbar-thumb {
  background-color: #07919b;
  outline: none;
  border-radius: 5px;
}
body #absolute-container .md-nav-bar-hide {
  overflow: visible !important;
}
body #absolute-container .md-nav-bar-hide .md-nav-bar ul::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
  overflow: visible;
}
body #absolute-container .md-nav-bar-hide #logo-container-hide {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -ms-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
  position: absolute !important;
  left: -70px !important;
  margin-left: 50% !important;
  margin-top: 150px;
  width: 140px !important;
  min-width: 0px !important;
  top: 5px;
  min-height: 26px;
  height: 100%;
  background-image: url(/Content/Img/Site/Background_Logo.png);
  /*background: transparent !important;*/

}
body #absolute-container .md-nav-bar-hide #logo-container-hide img {
  vertical-align: bottom !important;
  margin-bottom: 4px;
  left: -2px;
  position: relative;
}
body #absolute-container .md-nav-bar-hide .md-nav-item {
  top: -40px !important;
  position: relative !important;
  opacity: 0;
}
@media (max-width: 599px) {
  body #absolute-container #md-nav-bar.hide-xs:not(.show-xs):not(.show),
  body #absolute-container #md-nav-bar.hide:not(.show-xs):not(.show) {
    display: none;
  }
}
body #absolute-container #md-nav-bar {
  /*z-index: 999;*/
  width: 100%;
  position: relative;
  height: 99px;
  display: block;
}
body #absolute-container #md-nav-bar md-nav-ink-bar {
  display: none !important;
}
body #absolute-container #md-nav-bar .hidder {
  position: absolute;
  width: 0;
  z-index: 99999999999999;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: none !important;
  left: 190px;
  top: 18%;
  bottom: 0px;
  cursor: pointer;
  transform: rotate(0deg);
  background: rgba(0, 156, 168, 0.99);
}
body #absolute-container #md-nav-bar #IconNav {
  padding: 0 !important;
  margin: 0 !important;
}
body #absolute-container #md-nav-bar #IconNav .md-button._md-nav-button {
  padding: 0 !important;
  margin: 0 !important;
}
body #absolute-container #md-nav-bar md-nav-ink-bar {
  color: #009da6;
  background: #009da6;
}
body #absolute-container #md-nav-bar .Aux {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
body #absolute-container #md-nav-bar .Aux:hover {
  background-color: #009da6;
}
body #absolute-container #md-nav-bar span {
  font-size: 14px;
  font-weight: bolder;
  color: #141414;
  vertical-align: bottom;
  position: relative;
  bottom: 0px;
}
body #absolute-container #md-nav-bar #logo-container-hide {
  z-index: 9999;
  height: auto !important;
  overflow: visible !important;
}
body #absolute-container #md-nav-bar #logo-container-hide #logo-shower {
  transform: scale(0);
  width: 65% !important;
}
body #absolute-container #md-nav-bar #logo-container,
body #absolute-container #md-nav-bar #logo-container-hide {
  cursor: pointer;
  position: relative;
  z-index: 9999;
  display: inline-block;
  /*background: rgba(255,255,255,.1);*/
  text-align: center;
  padding: 0;
  height: 100%;
  overflow: hidden;
  min-width: 210px;
  box-shadow: 0px -95px 0px rgba(255, 255, 255, 0.07);
  transition: all 0.5s;
  /*background-image: url(/Content/Img/Site/Background_Logo.png);*/

  /*background-color: black;*/

  /*opacity: 0.1;
                background: transparent !important;*/

  /*background: rgba(255,255,255,.1);*/

  /*text-align: center;
                padding: 0;
                height: 100%;
                overflow: hidden;
                min-width: 210px;
                box-shadow: 0px -95px 0px transparent;
                transition: all .5s;*/

}
body #absolute-container #md-nav-bar #logo-container #logo,
body #absolute-container #md-nav-bar #logo-container-hide #logo,
body #absolute-container #md-nav-bar #logo-container #logo-shower,
body #absolute-container #md-nav-bar #logo-container-hide #logo-shower {
  display: inline-block;
  vertical-align: middle;
  width: 140px;
}
body #absolute-container #md-nav-bar .md-nav-bar {
  background: rgba(255, 255, 255, 0.3);
  height: 100px;
  width: 100%;
  z-index: 40;
  position: fixed;
  /*overflow: hidden;*/
  /*box-shadow: 0px -100px 0 @o-white;*/
  box-shadow: 0px -100px 0 rgba(255, 255, 255, 0.07);
}
body #absolute-container #md-nav-bar .md-nav-bar .ArrowRight,
body #absolute-container #md-nav-bar .md-nav-bar .ArrowLeft {
  position: absolute;
  opacity: 0.4;
  color: #07919b;
  font-size: 18px;
  z-index: 999;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
body #absolute-container #md-nav-bar .md-nav-bar .ArrowRight i,
body #absolute-container #md-nav-bar .md-nav-bar .ArrowLeft i {
  vertical-align: middle;
}
body #absolute-container #md-nav-bar .md-nav-bar .ArrowRight {
  right: 0;
}
body #absolute-container #md-nav-bar .md-nav-bar .ArrowLeft {
  left: 0;
}
body #absolute-container #md-nav-bar .md-nav-bar .Welcome {
  text-align: center;
  color: #009da6;
}
body #absolute-container #md-nav-bar .md-nav-bar .Welcome span {
  bottom: initial;
}
body #absolute-container #md-nav-bar .md-nav-bar .Welcome .WelcomeTitle {
  font-size: 26px !important;
  margin: 0px 0 -3px;
}
body #absolute-container #md-nav-bar .md-nav-bar .Welcome .WelcomeText {
  margin: 0px 0 -9px;
  font-size: 12px;
}
body #absolute-container #md-nav-bar .md-nav-bar nav {
  height: 100%;
}
body #absolute-container #md-nav-bar .md-nav-bar nav ul::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  overflow: visible;
}
body #absolute-container #md-nav-bar .md-nav-bar nav ul {
  height: 100%;
  overflow: hidden !important;
}
body #absolute-container #md-nav-bar .md-nav-bar .md-active {
  background: rgba(0, 156, 168, 0.8);
}
body #absolute-container #md-nav-bar .md-nav-bar .md-active span {
  color: white;
}
body #absolute-container #md-nav-bar .md-nav-bar .md-nav-item:first-of-type {
  margin: 0;
}
body #absolute-container #md-nav-bar .md-nav-bar .md-nav-item {
  height: 100%;
}
body #absolute-container #md-nav-bar .md-nav-bar .md-nav-item ._md-nav-button-text {
  font-family: "AgfaRotisSansSerif";
  font-weight: bolder;
}
body #absolute-container #md-nav-bar .md-nav-bar .md-nav-item a,
body #absolute-container #md-nav-bar .md-nav-bar .md-nav-item button {
  border-radius: 0;
  margin: 0;
  height: 100%;
  font-weight: bold;
  font-size: 10px;
}
body #absolute-container #md-nav-bar .md-nav-bar .md-nav-item a .md-ripple-container,
body #absolute-container #md-nav-bar .md-nav-bar .md-nav-item button .md-ripple-container {
  border-radius: 0;
}
body #absolute-container .md-custom-content/*some*/ {
  background: transparent;
  overflow: inherit !important;
}
body #absolute-container .md-custom-content/*some*/ .md-sidenav-backdrop.md-opaque {
  height: 100% !important;
  position: fixed;
}
body #absolute-container .md-custom-content/*some*/ .md-button-block {
  width: auto;
  letter-spacing: 0.5px;
  margin: 10px;
  padding: 0px 16px;
}
body #absolute-container .md-custom-content/*some*/ .md-blue {
  background-color: #009ca8;
  color: white;
  font-weight: bold;
}
body #absolute-container .md-custom-content/*some*/ .md-2 {
  background-color: white;
  color: white;
  font-weight: bold;
}
body #absolute-container .md-custom-content/*some*/ .md-3 {
  background-color: silver;
  color: black;
  font-weight: bold;
}
body #absolute-container .md-custom-content/*some*/ ._md-datepicker-floating-label label {
  left: 40px;
  right: auto;
}
body #absolute-container .md-custom-content/*some*/ ._md-datepicker-floating-label .md-datepicker-button {
  position: absolute;
  z-index: 800;
  margin: 0;
}
body #absolute-container .md-custom-content/*some*/ ._md-datepicker-floating-label md-datepicker {
  width: 100% !important;
  display: inline-block;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
}
body #absolute-container .md-custom-content/*some*/ ._md-datepicker-floating-label md-datepicker .md-datepicker-input-container {
  width: 100%;
  margin: 0;
  padding: 0 0 0 40px;
}
body #absolute-container .md-custom-content/*some*/ .md-datepicker-input-container input {
  max-width: initial;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after {
  color: white;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container:not(.md-input-invalid).md-input-focused label {
  color: #222222 !important;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-default-theme:not(.md-input-focused):not(
            .md-input-invalid
          ) label.md-required:after,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form label {
  color: #333333;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form input,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form textarea,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-select.md-default-theme .md-select-value.md-select-placeholder,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-select .md-select-value.md-select-placeholder,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-select.md-default-theme .md-select-value,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-select .md-select-value {
  color: #333333;
  border-color: #cccccc;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-input-invalid md-select.md-default-theme .md-select-value,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-input-invalid md-select .md-select-value,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-input-invalid input,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-input-invalid textarea {
  border-color: red;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form label {
  padding: 2px 5px;
  font-weight: lighter;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-default-theme.md-input-invalid label,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-input-invalid label,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-default-theme.md-input-invalid .md-input-message-animation,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-input-invalid .md-input-message-animation,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-input-container.md-default-theme.md-input-invalid {
  color: #dd3d40;
  background: rgba(255, 0, 0, 0.3);
  display: block;
  width: auto;
  color: white;
  padding: 2px 5px;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form ._md-datepicker-floating-label .md-input-message-animation,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form ._md-datepicker-floating-label label {
  width: calc(100% - 70px) !important;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-select.md-default-theme.ng-invalid.ng-touched .md-select-value,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form md-select.ng-invalid.ng-touched .md-select-value {
  background: rgba(255, 0, 0, 0.3);
  color: white !important;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form ._md-datepicker-floating-label > md-datepicker {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  position: absolute;
  left: 0;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form ._md-datepicker-floating-label > md-datepicker .md-datepicker-button md-icon {
  color: #256093;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form .md-default-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle,
body #absolute-container .md-custom-content/*some*/ .md-inverse-form .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  border-top-color: #f1f1f1;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form .md-datepicker-input-container {
  width: 100%;
  padding: 0 0px 0 50px;
  display: inline-block;
  margin: 0;
}
body #absolute-container .md-custom-content/*some*/ .md-inverse-form ._md-datepicker-floating-label .md-input-message-animation {
  margin-left: 50px;
}
body #absolute-container .md-custom-content/*some*/ .LightCard {
  background-color: rgba(255, 255, 255, 0.9) !important !important;
  background: rgba(255, 255, 255, 0.9) !important !important;
}
body #absolute-container .md-custom-content/*some*/ .LightCard .Title {
  background: rgba(0, 156, 168, 0.8) !important;
  color: white !important;
}
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus),
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
body #absolute-container .md-custom-content/*some*/ .LightCard md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field {
  color: white;
}
body #absolute-container .md-custom-content/*some*/ .LightCard md-select.md-default-theme:not([disabled]):focus .md-select-value,
body #absolute-container .md-custom-content/*some*/ .LightCard md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: #009da6;
  color: white;
}
body #absolute-container .md-custom-content/*some*/ .md-horizontal-table dt,
body #absolute-container .md-custom-content/*some*/ .md-horizontal-table dd {
  border-bottom: 1px solid gray;
}
body #absolute-container .md-custom-content/*some*/ .md-horizontal-table .md-blue {
  padding: 0 3px;
}
body #absolute-container .md-custom-content/*some*/ .ColorBox {
  display: inline-block;
  float: right;
  width: 20px;
  height: 20px;
}
body #absolute-container .md-custom-content/*some*/ .Card {
  vertical-align: middle;
  background: rgba(255, 255, 255, 0);
  /*background: transparent;*/
  /*background: @o-darkgrey;*/
  border-radius: none;
  text-align: center;
  color: #333333;
  display: inline-block;
  padding: 50px 15px;
}
body #absolute-container .md-custom-content/*some*/ .Card md-card-title {
  margin: 0 0 0px 0;
}
body #absolute-container .md-custom-content/*some*/ .Card md-select-value {
  min-width: initial;
}
body #absolute-container .md-custom-content/*some*/ .Card .Title {
  font-family: "AgfaRotisSansSerif";
  text-transform: uppercase;
  background: silver;
  display: inline-block;
  width: auto;
  position: absolute;
  width: 100%;
  left: 0;
  top: 15px;
  font-size: 22px;
  padding: 11px 40px;
  text-align: left;
}
body #absolute-container .md-custom-content/*some*/ .Card .Title2 {
  font-family: "AgfaRotisSansSerif";
  text-transform: uppercase;
  background: rgba(0, 156, 166, 0.9);
  color: white;
  /*background: @o-grey;*/
  display: inline-block;
  width: auto;
  position: absolute;
  width: 100%;
  left: 0;
  top: 1px;
  font-size: 16px;
  padding: 11px 40px;
  text-align: left;
}
body #absolute-container .md-custom-content/*some*/ .Card md-radio-button {
  display: inline-block;
}
body #absolute-container .md-custom-content/*some*/ .CardFondo {
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.9);
  /*background: transparent;*/
  /*background: @o-darkgrey;*/
  border-radius: none;
  text-align: center;
  color: #333333;
  display: block;
  padding: 50px 15px;
}
body #absolute-container .md-custom-content/*some*/ .CardFondo md-card-title {
  margin: 0 0 0px 0;
}
@media (min-width: 992px) {
  body #absolute-container .md-custom-content .CardFondo .col-md-offset-3 {
    display: inline-block;
  }
}
body #absolute-container .md-custom-content/*some*/ .CardFondo md-select-value {
  min-width: initial;
}
body #absolute-container .md-custom-content/*some*/ .CardFondo .Title {
  font-family: "AgfaRotisSansSerif";
  text-transform: uppercase;
  background: silver;
  display: inline-block;
  width: auto;
  position: absolute;
  width: 100%;
  left: 0;
  top: 15px;
  font-size: 22px;
  padding: 11px 40px;
  text-align: left;
}
body #absolute-container .md-custom-content/*some*/ .CardFondo .Title2 {
  font-family: "AgfaRotisSansSerif";
  text-transform: uppercase;
  background: rgba(0, 156, 166, 0.9);
  color: white;
  /*background: @o-grey;*/
  display: inline-block;
  width: auto;
  position: absolute;
  width: 100%;
  left: 0;
  top: 1px;
  font-size: 16px;
  padding: 11px 40px;
  text-align: left;
}
body #absolute-container .md-custom-content/*some*/ .CardFondo md-radio-button {
  display: inline-block;
}
body #absolute-container .md-custom-content/*some*/ .CMSSwitch {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
body #absolute-container .md-custom-content/*some*/ .md-table .ui-grid-top-panel {
  background: rgba(0, 156, 168, 0.8);
  color: white;
}
body #absolute-container .md-custom-content/*some*/ .md-table .ui-grid-cell {
  border: 1px solid rgba(109, 108, 108, 0.45);
  background-color: rgba(255, 255, 255, 0);
}
body #absolute-container .md-custom-content/*some*/ .ContactCard {
  background: rgba(255, 255, 255, 0.9) !important;
}
body #absolute-container .md-custom-content/*some*/ .MailboxCard .Title {
  background: #009da6;
}
body #absolute-container .md-custom-content/*some*/ #home {
  height: 100%;
  padding: 0;
  position: relative;
  z-index: -1;
}
body #absolute-container .md-custom-content/*some*/ #home #home-header {
  color: white;
  position: absolute;
  bottom: 50%;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  overflow: visible;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content::-webkit-scrollbar-track {
  width: 5px;
  height: 5px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body #absolute-container .md-custom-content/*some*/ #home #home-content::-webkit-scrollbar-thumb {
  background-color: #07919b;
  outline: 1px solid slategray;
  border-radius: 5px;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content {
  padding-top: 100px;
  position: fixed;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  display: inline-block;
  overflow: scroll;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home {
  padding: 0;
  overflow: hidden;
  border-left: 2.5px solid #f1f0eb;
}
@media (max-width: 989px) {
  body #absolute-container .md-custom-content #home #home-content .md-col-home {
    height: 50%;
  }
}
@media (min-width: 990px) {
  body #absolute-container .md-custom-content #home #home-content .md-col-home {
    height: 80%;
  }
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-home-xs {
  padding: 100px 5px 140px !important;
  font-size: 16px !important;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-home {
  font-weight: bold;
  margin: 0;
  vertical-align: baseline;
  text-align: center;
  width: 100%;
  color: white;
  font-size: 20px;
  border-radius: 0;
}
@media (max-width: 989px) {
  body #absolute-container .md-custom-content #home #home-content .md-col-home .md-button-home {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
  }
  body #absolute-container .md-custom-content #home #home-content .md-col-home .md-button-home span:first-of-type {
    position: relative;
    left: 0;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
  }
}
@media (min-width: 990px) {
  body #absolute-container .md-custom-content #home #home-content .md-col-home .md-button-home {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
  }
  body #absolute-container .md-custom-content #home #home-content .md-col-home .md-button-home span:first-of-type {
    position: relative;
    left: 0;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
  }
}
body #absolute-container .md-custom-content #home #home-content .md-col-home .md-button-home:hover {
  transition-delay: 100ms;
}
body #absolute-container .md-custom-content #home #home-content .md-col-home .md-button-home:hover span:first-of-type {
  color: #07868f !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-home span:first-of-type {
  position: relative;
  z-index: 50;
  background: #0000006e !important;
  padding: 0 5px !important;
  color: white !important;
  box-shadow: 0px 2px 17px #2222226e !important;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-home .md-custom-ripple {
  z-index: 0;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-home .md-ripple-container {
  border-radius: 0;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-new {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: bold;
  margin: 0;
  background: rgba(0, 156, 168, 0.3);
  vertical-align: baseline;
  text-align: center;
  width: 100%;
  padding: 40px 50px 100px;
  color: white;
  font-size: 20px;
  border-radius: 0;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-new span {
  position: relative;
  z-index: 1;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-new .md-custom-ripple {
  z-index: 0;
}
body #absolute-container .md-custom-content/*some*/ #home #home-content .md-col-home .md-button-new .md-ripple-container {
  border-radius: 0;
}
body #absolute-container #menu-button {
  z-index: 500;
  top: 120px;
  position: fixed;
  margin-left: 5px;
}
body #absolute-container .menu-button-fixed {
  left: 314px;
  background: #009da6;
  color: white;
  border-radius: 0 20px 20px 0;
}
body #absolute-container #menu {
  border-right: 3px solid #c1c1c1;
  background: rgba(255, 255, 255, 0.8);
  overflow: scroll;
  /*box-shadow: 0px -183px @white;*/
  height: 100vh;
}
body #absolute-container #menu .CMS:hover {
  background-color: rgba(0, 156, 168, 0.8);
}
body #absolute-container #menu .CMS:hover span {
  color: white;
}
body #absolute-container #menu .active {
  background-color: rgba(0, 156, 168, 0.8);
}
body #absolute-container #menu .active .Menu-Father {
  color: white;
  float: left;
  vertical-align: middle;
  display: inline-block;
}
body #absolute-container #menu .nav-header {
  border-radius: 100%;
  display: inline-block;
  overflow: hidden;
}
body #absolute-container #menu #menu-content {
  background: transparent;
}
body #absolute-container #menu #menu-content .ng-indicator {
  font-style: initial;
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
  color: transparent;
  float: right;
  vertical-align: middle;
}
body #absolute-container #menu #menu-content .ng-indicator:before,
body #absolute-container #menu #menu-content .ng-indicator:after {
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
  content: "|";
  display: inline-block;
  transform: matrix(0, 1, -1, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  color: #6f6f6f;
  font-weight: bold;
  font-size: 19px;
  transform-origin: center center;
}
body #absolute-container #menu #menu-content .ng-indicator:before {
  transform: matrix(1, 0, 0, 1, 0, 0);
  font-size: 17px;
}
body #absolute-container #menu #menu-content .ng-indicator-out:before {
  transform: matrix(0, 1, -1, 0, 0, 0);
}
body #absolute-container #menu #menu-content .md-menu-item {
  padding: 5px 5px;
  border-radius: 0;
  width: 100%;
}
body #absolute-container #menu #menu-content .md-menu-item .md-ripple-container {
  border-radius: 0;
}
.md-fixed {
  position: fixed;
}
.md-absolute {
  position: absolute;
}
:focus {
  outline: none;
}
md-card {
  background: rgba(255, 255, 255, 0.6);
  color: #009da6;
  /*  md-input-container:not(.md-input-invalid).md-input-focused label {
    color: @white !important;
  }
 */

}
md-card .Extranet-Welcome,
md-card .ChangePassword,
md-card .ChangeSecurityQuestions,
md-card .md-blue-text {
  padding: 10px;
}
md-card .Extranet-Welcome p,
md-card .ChangePassword p,
md-card .ChangeSecurityQuestions p,
md-card .md-blue-text p {
  color: #009da6;
}
md-card .container h3 {
  text-align: center;
}
md-card .Card {
  background-color: rgba(214, 214, 214, 0.7);
}
md-card .md-button.md-primary.md-raised {
  background-color: #009da6;
}
md-card .md-button.md-primary.md-raised:hover {
  background-color: #07919b !important;
}
md-card .md-button.md-raised[disabled] {
  background-color: rgba(115, 115, 115, 0.9) !important;
  color: white;
}
md-card md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #009da6 !important;
}
md-card md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: #f1f0eb;
}
/* md-dialog {
  .md-button.md-default-theme.md-primary,
  .md-button.md-primary {
    color: @secondaryblue;
  }
} */

.md-confirm-button {
  color: #009da6 !important;
}
.md-confirm-button:hover {
  color: white !important;
}
md-dialog.Error md-dialog-content:not([layout="row"]) > :first-child:not(.md-subheader) {
  color: red;
}
img {
  max-width: 100%;
}
.ng-enter,
.ng-leave {
  -webkit-transition: 1s all;
  -moz-transition: 1s all;
  -ms-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
}
.ng-enter,
.ng-leave.ng-leave-active {
  opacity: 0;
}
.ng-leave,
.ng-enter.ng-enter-active {
  opacity: 1;
}
img {
  max-width: 100%;
}
.align-top {
  vertical-align: top;
}
.ng-collapse {
  max-height: 100% !important;
  position: relative;
  box-shadow: 0 4px 14px -8px inset;
  z-index: 2;
  height: auto;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-height: 0px;
}
.ng-collapse-button {
  position: relative;
  z-index: 3;
}
.ng-collapse.ng-enter,
.ng-collapse.ng-leave {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -ms-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.md-no-margin {
  margin: 0;
}
.md-no-background {
  background: transparent;
  background-color: transparent !important;
}
.md-block {
  width: 90%;
  text-align: left;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 20;
}
.overlay md-progress-circular {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}
.Admin-Content {
  background-color: rgba(214, 214, 214, 0.7);
  color: white;
  /*   md-input-container:not(.md-input-invalid).md-input-focused label {
    color: @white;
  } */

}
.Admin-Content .md-button {
  background-color: #009da6;
  color: white;
}
.Admin-Content .md-button.md-raised:not([disabled]):hover {
  background-color: #009da6;
}
.Admin-Content .md-button.md-raised[disabled] {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.Admin-Content .md-button.md-primary.md-raised:not([disabled]) {
  background-color: #009da6;
}
.Admin-Content .md-button.md-primary.md-raised:not([disabled]):hover {
  background-color: #009da6;
}
.Admin-Content md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #009da6;
}
.Admin-Content md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: #f1f0eb;
}
.Admin-Content .md-button.md-primary.md-fab {
  background-color: rgba(0, 156, 168, 0.8);
}
.Admin-Content .md-button.md-primary.md-fab:not([disabled]):hover {
  background-color: #009da6;
}
.Admin-Content md-progress-linear .md-bar {
  background-color: #009da6;
}
::-webkit-scrollbar,
#content::-webkit-scrollbar,
md-content::-webkit-scrollbar,
.ui-grid-viewport::-webkit-scrollbar,
md-sidenav::-webkit-scrollbar,
md-dialog-content::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track,
#content::-webkit-scrollbar-track,
md-content::-webkit-scrollbar-track,
.ui-grid-viewport::-webkit-scrollbar-track,
md-sidenav::-webkit-scrollbar-track,
md-dialog-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb,
#content::-webkit-scrollbar-thumb,
md-content::-webkit-scrollbar-thumb,
.ui-grid-viewport::-webkit-scrollbar-thumb,
md-sidenav::-webkit-scrollbar-thumb,
md-dialog-content::-webkit-scrollbar-thumb {
  background-color: #07919b;
  outline: 0px solid slategray;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover,
#content::-webkit-scrollbar-thumb:hover,
md-content::-webkit-scrollbar-thumb:hover,
.ui-grid-viewport::-webkit-scrollbar-thumb:hover,
md-sidenav::-webkit-scrollbar-thumb:hover,
md-dialog-content::-webkit-scrollbar-thumb:hover {
  background-color: #009da6;
}
.FloatLeft {
  float: left;
}
.Bother {
  clear: both;
}
.ContentWrapper.ng-enter md-card .Title,
.ContentWrapper.ng-leave md-card .Title,
.ContentWrapper.ng-enter md-card .Content,
.ContentWrapper.ng-leave md-card .Content {
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  position: relative;
}
.ContentWrapper.ng-leave md-card .Title,
.ContentWrapper.ng-enter.ng-enter-active md-card .Title,
.ContentWrapper.ng-leave md-card .Content,
.ContentWrapper.ng-enter.ng-enter-active md-card .Content {
  bottom: 0;
  left: 0;
  opacity: 1;
}
.ContentWrapper1.ng-enter md-card .Title,
.ContentWrapper1.ng-leave.ng-leave-active md-card .Title,
.ContentWrapper1.ng-enter md-card .Content,
.ContentWrapper1.ng-leave.ng-leave-active md-card .Content {
  bottom: -400px;
  opacity: 0;
}
.ContentWrapper2.ng-enter md-card .Title,
.ContentWrapper2.ng-leave.ng-leave-active md-card .Title,
.ContentWrapper2.ng-enter md-card .Content,
.ContentWrapper2.ng-leave.ng-leave-active md-card .Content {
  left: -400px;
  opacity: 0;
}
.ContentWrapper3.ng-enter md-card .Title,
.ContentWrapper3.ng-leave.ng-leave-active md-card .Title,
.ContentWrapper3.ng-enter md-card .Content,
.ContentWrapper3.ng-leave.ng-leave-active md-card .Content {
  left: 400px;
  opacity: 0;
}
.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #07919b;
  color: white;
  border-color: transparent;
}
.ExtranetView.ng-enter,
.ExtranetView.ng-leave {
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.ExtranetView.ng-leave,
.ExtranetView.ng-enter.ng-enter-active {
  opacity: 1;
}
.ExtranetView.ng-enter,
.ExtranetView.ng-leave.ng-leave-active {
  opacity: 0;
}
md-slider.md-default-theme[disabled][readonly] .md-sign,
md-slider[disabled][readonly] .md-sign {
  background-color: #07919b;
}
md-slider.md-default-theme[disabled][readonly][md-vertical] .md-sign:after,
md-slider[disabled][readonly][md-vertical] .md-sign:after {
  border-left-color: #07919b;
}
md-slider.md-default-theme .md-thumb:after,
md-slider .md-thumb:after {
  border-color: #009da6;
  background-color: #009da6;
}
md-slider.md-default-theme .md-track.md-track-fill,
md-slider .md-track.md-track-fill {
  background-color: #07919b;
}
md-slider.md-default-theme[md-vertical] .md-sign:after,
md-slider[md-vertical] .md-sign:after {
  border-left-color: #07919b;
}
md-slider.md-default-theme .md-sign,
md-slider .md-sign {
  background-color: #07919b;
}
.DashboardCard {
  -webkit-transition: 0.8s all cubic-bezier(0.335, 0.005, 0.26, 0.09);
  -moz-transition: 0.8s all cubic-bezier(0.335, 0.005, 0.26, 0.09);
  -ms-transition: 0.8s all cubic-bezier(0.335, 0.005, 0.26, 0.09);
  -o-transition: 0.8s all cubic-bezier(0.335, 0.005, 0.26, 0.09);
  transition: 0.8s all cubic-bezier(0.335, 0.005, 0.26, 0.09);
}
.DashboardCard.ng-enter {
  -webkit-transition: 0.8s cubic-bezier(0.335, 0.005, 0.26, 0.09);
  -moz-transition: 0.8s cubic-bezier(0.335, 0.005, 0.26, 0.09);
  -ms-transition: 0.8s cubic-bezier(0.335, 0.005, 0.26, 0.09);
  -o-transition: 0.8s cubic-bezier(0.335, 0.005, 0.26, 0.09);
  transition: 0.8s cubic-bezier(0.335, 0.005, 0.26, 0.09);
  opacity: 0;
  position: absolute;
  margin-left: -2000px;
}
.DashboardCard.ng-enter.ng-enter-active {
  transform: scale(0);
  opacity: 1;
}
.carousel-control {
  cursor: pointer;
}
md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  color: #07919b;
  background: #07919b;
}
md-switch.md-default-theme.md-checked.md-primary .md-thumb,
md-switch.md-checked.md-primary .md-thumb {
  background-color: #009da6;
}
md-switch.md-default-theme.md-checked.md-primary .md-ink-ripple,
md-switch.md-checked.md-primary .md-ink-ripple {
  color: #009da6;
}
md-switch.md-default-theme.md-checked.md-primary .md-bar,
md-switch.md-checked.md-primary .md-bar {
  background-color: #07919b;
}
.View {
  height: 100%;
}
.ExtranetCarouselControl {
  position: fixed;
}
p {
  text-align: initial;
}
.ColorItem {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
  cursor: pointer;
  position: relative;
}
.CurrentUserData {
  line-height: 18px;
  margin-top: 1%;
}
.MenuWelcome {
  top: 0;
  /*margin-top: 10px;*/
  font-size: 16px;
  font-family: "AgfaRotisSansSerif";
  color: #6d746e;
  text-align: center;
}
md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: rgba(0, 155, 166, 0.87);
}
.ExportButton {
  position: absolute;
  right: 0;
  z-index: 1;
}
md-tabs .md-tab.md-active {
  color: white;
  background: rgba(0, 157, 166, 0.8);
}
md-tabs .md-tab {
  color: rgba(0, 37, 46, 0.6);
  background: rgba(0, 137, 146, 0.8);
}
.NoBorder md-select-value {
  border: none;
}
.text-capitalize {
  text-transform: capitalize;
  color: white !important;
}
.Dashboard md-slider-container[md-vertical] > :first-child:not(md-slider) {
  max-width: 100% !important;
}
.Dashboard md-slider-container md-input-container input[type="number"] {
  padding-left: 0px;
  color: white;
}
.chk {
  color: white;
}
form .container .col-md-6 .statisticsDate {
  margin-top: 0px;
}
.PressedBtn {
  background-color: rgba(0, 157, 166, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
/* .whiteFont {
  color: white !important;
} */

.ReportFont {
  color: #4d514e !important;
  font-family: "Open Sans", Arial, sans-serif;
  /*font-family: "AgfaRotisSansSerif";*/
  font-size: 13px;
  font-weight: bold;
}
.bankImg {
  margin-top: -13px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
  padding: 1px;
}
.summaryQuotes {
  text-align: center;
  background: #238d91;
  font-weight: bolder;
}
.summaryExport {
  color: #238d91;
  text-transform: uppercase;
  transition: all 0.1s;
}
.summaryExport:hover {
  color: #8dbec5;
  text-decoration: none;
}
.md-input-container.md-default-theme .md-input,
md-input-container .md-input {
  color: #333333;
}
.input-distance {
  margin-top: -1%;
}
.input-distance2 {
  margin-top: -3%;
}
.input-distance3/*Aplicado a distancia entre input normal*/ {
  margin-top: 2px;
}
.input-date-time/*Aplicado a Los Imput Fecha*/ {
  margin-top: 1%;
}
.input-distance-date-time/*Para aplicar la distancia entre un input de tipo fecha y un input de tipo normal*/ {
  /*margin-top: -3%;*/
  margin-top: -28px;
}
.input-distance-producer-code {
  top: 20px;
  /*margin-top: 0px;*/

}
.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
.md-button.md-primary.md-raised:not([disabled]):hover,
.md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
.md-button.md-primary.md-fab:not([disabled]):hover {
  background-color: rgba(0, 156, 168, 0.8);
}
.carousel-control {
  transition: all 1s;
}
.carousel-control.right:hover {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(35, 117, 126, 0.5) 100%);
}
.carousel-control.left:hover {
  background-image: linear-gradient(to right, rgba(35, 117, 126, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
}
#LeftControl {
  opacity: 0;
  font-size: 30px;
  transition: all 0.5s;
  top: 200px;
}
#RightControl {
  opacity: 0;
  font-size: 30px;
  transition: all 0.5s;
  top: 200px;
}
.Absolute-P {
  color: white;
  position: absolute;
  top: -20%;
}
.abso .ui-grid-header {
  position: absolute;
}
.abso .ui-grid-viewport {
  /*top: 21px;*/
  top: 18px;
}
@-moz-document url-prefix() {
  .ui-grid-viewport {
    top: 21px;
  }
}
.url {
  color: #495660 !important;
  text-decoration: underline;
  padding-bottom: 2px;
  font-size: 15px;
  font-style: normal;
  font-family: "Open Sans", Arial, sans-serif;
}
.linkInterest {
  line-height: 15px;
  padding-top: 5px;
  padding-left: 5px;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  color: white !important;
  font-family: "Open Sans", Arial, sans-serif;
}
.linkInterestF {
  line-height: 15px;
  padding-top: 2px;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  color: #2e2e2e !important;
  font-family: "Open Sans", Arial, sans-serif;
}
.linkInterest2 {
  line-height: 10px;
  padding-top: 8px;
  text-align: left;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  color: white !important;
  font-family: "Open Sans", Arial, sans-serif;
}
.pie_de_pagina {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #01adc0;
  background-color: white;
}
.linkBold {
  padding-top: 8px;
  line-height: 15px;
  font-size: 13px;
  font-style: normal;
  color: white !important;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  margin-left: 14px;
}
.linkInstagram {
  padding-top: 7px;
  line-height: 20px;
  font-size: 15px;
  font-style: normal;
  color: #006164 !important;
  font-weight: bold;
  text-transform: none;
  font-family: "AgfaRotisSansSerif";
}
.linkBold2 {
  padding-top: 12px;
  line-height: 10px;
  font-size: 12px;
  font-style: normal;
  color: white !important;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
}
.linkBoldPeq {
  padding-top: 5px;
  font-size: 14px;
  font-style: normal;
  color: white !important;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 17px;
}
.linkTextoBlanco {
  padding-top: 4px;
  font-size: 14px;
  font-style: normal;
  color: white !important;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 12px;
}
.linkBoldPeq2 {
  padding-top: 1px;
  font-size: 14px;
  font-style: normal;
  color: #2e2e2e !important;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 18px;
}
.linkBoldPrincipal {
  padding-top: 3px;
  font-size: 15px;
  font-style: normal;
  color: #2e2e2e !important;
  font-weight: bold;
  text-transform: none;
  padding-left: 120px;
  padding-top: 5px;
  text-align: center;
  font-family: "Open Sans", Arial, sans-serif;
}
.linkBoldAzulP {
  /*background-color: #f44336;*/
  color: white;
  padding: 2px 2px;
  text-align: left;
  font-size: 15px;
  text-decoration: none;
  display: inline-block;
  font-family: "Open Sans", Arial, sans-serif;
  color: #006164 !important;
  font-weight: bold;
  /*padding-top:3px;
    font-size:14px;
    font-style:normal;
    color:#FFFFFF !important;	 
    font-weight:bold;       
    text-transform: none;    
    padding-top:5px;
    text-decoration: none;*/

}
.textoAzulBold {
  padding-top: 2px;
  line-height: 14px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #019aa6;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
}
.textoBlancoBold {
  padding-top: 3px;
  font-size: 13px;
  font-style: normal;
  color: #f0f0f0;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  padding-left: -20px;
}
.textoGrisBold {
  padding-top: 3px;
  font-size: 15px;
  font-style: normal;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  text-transform: none;
}
.Class-md-dialog {
  width: 540%;
  height: 600px;
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */

}
.animate-show {
  height: 0;
  background: white;
  overflow: hidden;
  transition: all 0.5s;
  width: 500px;
}
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
  transition: all 0.5s;
}
.animate-show:not(.ng-hide) {
  height: 60px;
}
.ParagraphsStyles {
  padding-top: 1px;
  font-size: 15px;
  font-style: normal;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  text-transform: none;
  padding-left: 0px;
}
.ParagraphsStylesPeq {
  padding-top: 1px;
  font-size: 14px;
  font-style: normal;
  color: #333333;
  font-family: "Open Sans", Arial, sans-serif;
  text-transform: none;
  padding-left: 0px;
}
.textoSeccion {
  color: white;
  font-weight: bold;
  font-size: 17px;
  margin-top: 320px;
  top: 15px;
  letter-spacing: 4px;
  /*text-transform: uppercase;*/
  background: rgba(0, 156, 168, 0.8);
  font-family: "Open Sans", Arial, sans-serif;
  width: 320px;
  height: 130px;
  text-align: right;
  line-height: 10px;
  /* para la separacion entre lineas */

}
.align-bottom {
  margin-bottom: -6px;
}
.DisableButtonClick {
  cursor: initial;
}
.LowerCase {
  text-transform: LowerCase;
  color: #666666;
}
md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-group:not([disabled]).md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-group:not([disabled]).md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-button:not([disabled]) .md-primary .md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-button:not([disabled]).md-primary .md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: rgba(0, 156, 168, 0.8) !important;
}
md-radio-button.md-default-theme.md-checked .md-off,
md-radio-button.md-checked .md-off {
  border-color: rgba(0, 156, 168, 0.8) !important;
}
md-radio-button.md-default-theme .md-on,
md-radio-button .md-on {
  background-color: rgba(0, 156, 168, 0.8) !important;
}
.MenuSite {
  background: rgba(35, 127, 116, 0.8);
  position: absolute;
  line-height: 90%;
  padding: 5px;
  color: white;
}
.MenuOpacity {
  background: rgba(255, 255, 255, 0.9) !important;
  transition: all 0.5s;
}
.ButtonImg {
  background-color: rgba(202, 21, 21, 0.8);
  background-size: cover;
  color: black;
  /*border: 1px solid rgba(230,244,13,.7);*/
  opacity: 0.7;
}
#ButtonIng:hover {
  top: 85.8%;
  left: -2px;
  background-color: rgba(202, 21, 21, 0.8);
  color: red;
  border: 1px solid #ca1515;
  box-shadow: 1px 1px 6px rgba(202, 21, 21, 0.9), -1px -1px 6px rgba(202, 21, 21, 0.9);
  opacity: 0.9;
}
.HideButton {
  visibility: hidden;
}
.TitleStyles {
  font-weight: 500;
  font-size: 35px;
  line-height: 35px;
}
.SubtitleStyles {
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  font-family: "AgfaRotisSansSerif";
  font-weight: normal;
  color: #495660;
}
.SubtitleStylesFooter {
  font-family: "AgfaRotisSansSerif";
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: white;
  text-align: left;
}
.SubtitleStylesFooter2 {
  margin-top: 5px;
  font-family: "AgfaRotisSansSerif";
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
  color: #333333;
  text-align: justify;
}
.SubtitleStylesSeccion {
  font-family: "AgfaRotisSansSerif";
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: white;
  text-align: justify;
  padding-top: 15px;
  padding-left: 2px;
  padding-right: 1px;
}
.boxTitulo {
  width: 350px;
  height: 200px;
  margin: 10px;
  padding: 2px;
  border: 5px solid black;
  text-align: justify;
  padding-top: 10px;
  width: 300px;
  position: absolute !important;
}
#Textoinf {
  position: fixed;
  left: 40%;
  top: 80%;
  background-color: rgba(0, 79, 176, 0.5);
  text-align: right !important;
  padding-right: 50px;
  padding-left: 20px;
  padding-top: 5px;
  width: 62%;
  height: 48px;
}
#Textoinf2 {
  position: fixed;
  left: 40%;
  top: 80%;
  background-color: rgba(46, 51, 55, 0.5);
  text-align: right !important;
  padding-right: 50px;
  padding-left: 20px;
  padding-top: 5px;
  width: 62%;
  height: 48px;
}
#Textoinf3 {
  position: fixed;
  left: 40%;
  top: 75%;
  background-color: rgba(0, 156, 168, 0.5);
  text-align: right !important;
  padding-right: 50px;
  padding-left: 20px;
  padding-top: 10px;
  width: 62%;
  height: 48px;
}
#TxtInfGeneral {
  position: absolute;
  left: 2%;
  /*top:80%;*/
  background-color: rgba(46, 51, 55, 0.5);
  text-align: right !important;
  padding-right: 30px;
  padding-left: 20px;
  padding-top: 5px;
  width: 100%;
  height: 48px;
}
#TxtInfhome {
  position: absolute;
  left: 2%;
  top: 80%;
  background-color: rgba(46, 51, 55, 0.5);
  text-align: right !important;
  padding-right: 30px;
  padding-left: 20px;
  padding-top: 5px;
  width: 100%;
  height: 48px;
}
#row-Contenedor {
  margin-left: 0px;
  margin-right: 0px;
  height: 80%;
}
.ParagraphStyles {
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
}
md-radio-button .md-label {
  margin-left: 25px;
}
/*.accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.accordion, .accordion:hover {
    font-weight: bold;
}

:before {
	content: attr(title);
}*/

/*.active:before {
	content: "- ";
}*/

/*.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
*/

.SiteButtonStyle {
  border: 2px solid rgba(66, 179, 203, 0.7);
  opacity: 0.7;
}
.SiteButtonStyle:hover {
  position: relative;
  top: 85.8%;
  left: -2px;
  border: 2px solid #2f8091;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.SiteButtonStyle:active {
  width: 149px;
  height: 79px;
  padding-right: 1px;
  border: 2px solid white;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
.SiteButtonStyle:active span {
  top: calc(50.6%);
  left: 1px;
}
.boton {
  float: left;
  top: 86%;
  text-align: center;
  /*font-size: .9em;*/
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
  font-size: 14px;
  font-weight: bolder;
  color: #141414;
  vertical-align: bottom;
  position: relative;
  bottom: 0px;
}
.ButtonSeparation {
  margin-right: 137px !important;
  transition: all 0.5s;
}
.ButtonSeparation:hover {
  /*margin-left: 200px;
	top: 85.8%;
	left: -2px;*/
  background-color: rgba(202, 21, 21, 0.8);
  color: red;
  border: 1px solid #ca1515;
  box-shadow: 1px 1px 6px rgba(202, 21, 21, 0.9), -1px -1px 6px rgba(202, 21, 21, 0.9);
  opacity: 0.9;
}
.ButtonSeparation:active {
  /*margin-left: 200px;
	width: 149px;
	height: 79px; */
  padding-right: 1px;
  background-color: rgba(202, 21, 21, 0.8);
  color: red;
  border: 1px solid #ca1515;
  box-shadow: 0px 0px 0px rgba(202, 21, 21, 0.9);
}
.ButtonStyle {
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: transparent;
  border-color: transparent;
}
.ButtonStyle:hover {
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: transparent;
  border-color: transparent;
}
.ButtonStyle:focus {
  outline: thin dotted #333333;
  outline: none;
  outline-offset: inherit;
}
.ButtonStyle:active {
  background-image: none;
  box-shadow: none;
}
.scrollLogo {
  display: inline-block;
  vertical-align: middle;
  width: 121px !important;
}
.SinisterCard {
  position: relative;
}
.SinisterCard .LocalityMargin {
  position: relative;
  top: -24px;
}
.position-relative {
  position: relative;
}
.position-relative .position-absolute-margin {
  position: absolute;
  right: 0;
  top: -30px;
}
.HiddenMenu {
  display: none;
}
.GoBackButton {
  position: fixed;
  left: 0;
  bottom: 0;
}
.GoBackButton i {
  font-size: 15px;
}
.Footer {
  position: fixed;
  left: 0;
  bottom: 0;
}
.Footer i {
  font-size: 15px;
}
.GoBackButtonInt {
  position: fixed;
  float: left;
  top: 70%;
  right: 0px;
  bottom: 0;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.GoBackButtonInt i {
  font-size: 15px;
}
.GoUpButton {
  position: fixed;
  float: left;
  /*top: 73%;*/
  right: 0px;
  bottom: 0;
  margin-top: 15px;
}
.GoUpButton i {
  font-size: 15px;
}
.Tooltip {
  font-size: 14px;
}
.CloseMenuInit {
  left: 1135px;
}
.ModalButton p {
  color: black !important;
}
.FullWidthPercent {
  width: 100%;
}
.isIELogo {
  width: 70%;
  margin: auto;
}
/*************************************************** SECCIÓN MODAL DE URGENCIAS ****************************************************/

.SiteModal {
  overflow: hidden;
}
.SiteModal .md-dialog-content {
  padding: 15px;
  max-width: 300px;
}
.box {
  position: absolute;
  width: 65%;
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 30%;
  height: auto;
  top: 50px;
  left: 17.5%;
}
.head_urg {
  position: relative;
  top: 0;
  left: 0;
  width: 97.8%;
  margin: 0;
  color: white;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.2em;
  background-color: rgba(2, 127, 134, 0.8);
}
.head_urg:after {
  content: "x";
  position: relative;
  right: -87%;
}
.cont_urg {
  position: relative;
  background-color: transparent;
  width: 100%;
  min-height: 100%;
}
.tabs {
  position: relative;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 85%;
}
.tabs input {
  position: absolute;
  z-index: 1000;
  width: 20%;
  /*120px;*/
  height: 40px;
  left: 0px;
  top: 0px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}
.tabs input#tab-2 {
  left: 20%;
}
.tabs input#tab-3 {
  left: 40%;
}
.tabs input#tab-4 {
  left: 60%;
}
.tabs label {
  background: rgba(0, 157, 166, 0.6);
  font-size: 13px;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding: 0 20px;
  float: left;
  display: block;
  width: 180px;
  color: rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  border-radius: 3px 3px 0 0;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
}
.tabs label:after {
  content: "";
  background: rgba(0, 157, 166, 0.6);
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
}
.tabs input:hover + label {
  background: white;
  color: #385c5b;
}
.tabs label:first-of-type {
  z-index: 4;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1);
}
.tab-label-2 {
  z-index: 3;
}
.tab-label-3 {
  z-index: 2;
}
.tabs input:checked + label {
  background: rgba(255, 255, 255, 0.9);
  color: #385c5b;
  z-index: 6;
  -webkit-animation: page 0.2s linear;
  -moz-animation: page 0.2s linear;
  -ms-animation: page 0.2s linear;
  -o-animation: page 0.2s linear;
  animation: page 0.2s linear;
}
.content {
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  width: 100%;
  height: 370px;
  z-index: 5;
  overflow-x: hidden;
  overflow-y: scroll;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  top: -5px;
}
.content h2 {
  font-size: 27px;
}
.content div {
  position: absolute;
  top: 0;
  padding: 10px 40px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.content-1,
.content-2,
.content-3 {
  -webkit-transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
}
.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  z-index: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: all ease-out 0.2s 0.1s;
  -moz-transition: all ease-out 0.2s 0.1s;
  -o-transition: all ease-out 0.2s 0.1s;
  -ms-transition: all ease-out 0.2s 0.1s;
  transition: all ease-out 0.2s 0.1s;
}
.content div h2 {
  color: #398080;
  margin-bottom: -10px;
}
.content div h3 {
  position: relative;
  color: #777777;
  left: 20px;
  margin-bottom: -15px;
}
.content div h4 {
  position: relative;
  color: #777777;
  left: 40px;
}
.content div a {
  color: #398080 !important;
  text-decoration: none;
}
.content div p {
  font-size: 14px;
  line-height: 20px;
  /*font-style: italic;*/
  text-align: left;
  margin: 0;
  margin-top: 20px;
  color: #666666;
  padding-left: 40px;
  /*font-family: Cambria, Georgia, serif;*/

  /*border-left: 8px solid rgba(63,148,148, 0.1);*/

}
.content div li {
  font-size: 14px;
  line-height: 20px;
  /*font-style: italic;*/
  list-style: none;
  text-align: left;
  margin: 0;
  color: #777777;
  padding-left: 15px;
  /*font-family: Cambria, Georgia, serif;*/

  /*border-left: 8px solid rgba(63,148,148, 0.1);*/

}
@keyframes "page" {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes page {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes "page" {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes "page" {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}
@-o-keyframes "page" {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}
#AutoQuoteDetails .table-responsive {
  overflow-x: scroll;
  width: 100%;
}
/*************************************************** FIN DE SECCIÓN MODAL DE URGENCIAS ****************************************************/

/*************************************************** SECCIÓN MENÚ ACCESO RÁPIDO ****************************************************/

.fondo {
  position: fixed;
  top: -6%;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  width: 210px;
  height: 140px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  z-index: 1;
  transition: all 0.6s;
  transition-delay: 0.5s;
}
.fondo:hover {
  position: fixed;
  top: 15%;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  width: 210px;
  height: 160px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  z-index: 1;
  transition: all 0.8s;
}
.fondoScrolled {
  top: -12.8%;
}
.fondoScrolled:hover {
  top: 8%;
}
.rap {
  position: relative;
  text-align: center;
  font-size: 1em;
  padding-bottom: 11%;
  width: 100%;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  opacity: 0.8;
  transition: all 0.2s;
}
.rap:hover {
  opacity: 1;
  top: -1px;
  left: -1px;
  color: white;
  background-color: rgba(0, 109, 126, 0.5);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.emer {
  top: 0px;
}
.fondo .botonAcceso {
  position: relative;
  float: left;
  width: 100%;
  height: 25%;
  /*top: 100px;*/
  /*top: 330px;*/
  bottom: 0px;
  text-align: center;
  padding-top: 3%;
  background-color: #006d7e;
  color: white;
  cursor: initial;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  /*opacity: 0;*/

}
/*************************************************** FIN DE SECCIÓN MENÚ ACCESO RÁPIDO ****************************************************/

.formats .md-block {
  width: 110%;
}
/*************************************************** PANTALLAS DE ESCRITORIO GRANDES ****************************************************/

@media only screen and (min-device-width: 1400px) and (min-device-height: 900px) {
  .CloseMenuInit {
    left: 1206px;
  }
  .fondo {
    top: -4.8%;
  }
  .fondo:hover {
    top: 12.3%;
  }
  .fondoScrolled {
    top: -10.8%;
  }
  .fondoScrolled:hover {
    top: 6.8%;
  }
}
/*************************************************** PANTALLAS DE ESCRITORIO GRANDES ****************************************************/

/***************************************************          EFECTO INTRO           ****************************************************/

#IntroContainer {
  background-color: black;
  color: white;
  font-size: 4em;
  text-align: center;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: -100px;
  z-index: 99999999;
  background-image: -webkit-radial-gradient(top right, rgba(8, 148, 225, 0.46), black);
  background-image: -moz-radial-gradient(top right, rgba(8, 148, 225, 0.46), black);
  background-image: -ms-radial-gradient(top right, rgba(8, 148, 225, 0.46), black);
  background-image: -o-radial-gradient(top right, rgba(8, 148, 225, 0.46), black);
}
#cont {
  position: absolute;
  text-align: center;
  min-height: 100vh;
  min-width: 100vw;
}
#logo-intro {
  position: relative;
  margin: auto;
  top: 0;
  width: 32%;
  margin-top: 4%;
  animation-name: bola;
  animation-duration: 5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
#cont p {
  display: block;
  text-align: center;
}
#bien {
  font-size: 0.8em;
  opacity: 0;
  margin-top: 13%;
  animation-name: anibien;
  animation-duration: 0.9s;
  animation-delay: 0.8s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
#lvsv {
  opacity: 0;
  font-size: 1.1em;
  animation-name: anilvsv;
  animation-duration: 0.8s;
  animation-delay: 3.7s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
#te {
  font-size: 0.8em;
  opacity: 0;
  animation-name: anite;
  animation-duration: 1.3s;
  animation-delay: 5.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes bola {
  1% {
    width: 0px;
    filter: brightness(100%);
    opacity: 0;
  }
  10% {
    width: 30px;
    opacity: 0.1;
  }
  75% {
    width: 466px;
    opacity: 0.8;
  }
  85% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes anilvsv {
  0% {
    font-size: 0.5em;
    opacity: 0;
    filter: blur(5px);
  }
  90% {
    font-size: 1.15em;
    opacity: 1;
    filter: blur(1px);
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes anibien {
  0% {
    top: -5vh;
    opacity: 0;
    filter: blur(5px);
  }
  90% {
    top: 33vh;
    opacity: 1;
    filter: blur(1px);
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes anite {
  0% {
    top: 100vh;
    opacity: 0;
    filter: blur(5px);
  }
  90% {
    top: 60vh;
    opacity: 1;
    filter: blur(1px);
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
#text-container {
  top: 0;
  position: absolute;
}
.output-intro {
  opacity: 0;
  display: none;
  -webkit-animation-name: output;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2.5s;
  animation-name: output;
  animation-duration: 2.5s;
}
@-webkit-keyframes output {
  from {
    opacity: 1;
    dispaly: block;
  }
  to {
    opacity: 0;
    display: none;
  }
}
/* Standard syntax */

@keyframes output {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.tapTitle {
  margin-bottom: 9px !important;
  margin-left: -1% !important;
}
.tapTitleAzul {
  margin-bottom: 9px !important;
  margin-left: 1% !important;
  color: #256093;
}
.tapImg {
  float: left;
  margin-left: 5%;
  height: 20%;
  width: 17%;
}
.tapTex {
  text-align: justify;
  margin-left: 18% !important;
}
.tapTexGris {
  text-align: left;
  color: #6d746e;
  margin-left: 0% !important;
}
.tapTexGris2 {
  text-align: justify;
  color: #6d746e;
  padding-left: 25px;
}
.tapTexAzul {
  text-align: justify;
  margin-left: 18% !important;
  color: #256093;
}
.tapTexAzulRey {
  text-align: justify;
  margin-left: 5% !important;
  color: #256093;
  font-size: 12px;
}
.tapNextLine {
  display: block;
}
.iconSize {
  font-size: 23px;
  top: -7px;
}
.skipIntro {
  background: transparent;
  border: none;
  font-size: 20px;
  position: absolute;
  bottom: 8px;
  right: 4px;
  color: white;
  z-index: 99999999;
}
.DraggableDialog {
  position: absolute;
}
.DraggableDialogHeader {
  cursor: move;
}
.ui-grid-row-selected {
  background-color: rgba(0, 157, 166, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
thead {
  background: rgba(0, 157, 166, 0.8);
}
#policyCoveragesTable tbody > tr > td {
  vertical-align: middle;
}
.noScroll {
  overflow-y: hidden;
}
.columnStyle {
  padding-left: 0;
}
.columnStyleMargin {
  margin-left: 2%;
}
.marginRegister {
  width: 82%;
  padding: 0 !important;
  margin-left: 9%;
  margin-top: 13%;
}
.RegisterCard .md-block {
  width: 100%;
}
.orderByIcon {
  position: absolute;
  font-size: 9px;
  top: 40%;
  right: 5%;
}
.servicesFontSize {
  font-size: 24px;
}
.insurabilityErrors {
  background: rgba(255, 0, 0, 0.6);
  padding: 0.5%;
  margin-top: 1%;
}
/*************************************************** PANTALLAS DE TELÉFONOS ****************************************************/

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #titulo {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    background-color: rgba(121, 121, 121, 0.7) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    padding: 1% !important;
  }
  #tituloPrehome {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    background-color: rgba(121, 121, 121, 0.7) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 50% !important;
    height: 100% !important;
    display: block !important;
    padding: 1% !important;
  }
  #infRif {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    background-color: rgba(121, 121, 121, 0.7) !important;
    /*text-align: left !important;*/
    text-align: right !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    padding: 1% !important;
    padding-right: 5px;
  }
  #texto {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    z-index: -10 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: #141414 !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 30% !important;
    display: block !important;
    padding: 1% !important;
  }
  #titulo2 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    background-color: rgba(121, 121, 121, 0.7) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    padding: 1% !important;
  }
  #texto3 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    z-index: -10 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: #141414 !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 30% !important;
    display: block !important;
    padding: 1% !important;
  }
  #titulo3 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    background-color: rgba(121, 121, 121, 0.7) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    padding: 1% !important;
  }
  #texto4 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    z-index: -10 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: #141414 !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 30% !important;
    display: block !important;
    padding: 1% !important;
  }
  #titulo4 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    background-color: rgba(121, 121, 121, 0.7) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    padding: 1% !important;
  }
  #texto2 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    z-index: -10 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: #141414 !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    text-align: left !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 30% !important;
    display: block !important;
    padding: 1% !important;
  }
  #complemento {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 22px !important;
    line-height: 1.7em !important;
    font-weight: bolder !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    /* background-color: rgba(76,131,152,.5) !important; */
    text-align: left !important;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 30% !important;
    display: block !important;
    padding: 1% !important;
  }
  #complemento4 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 28px !important;
    line-height: 1.7em !important;
    font-weight: bolder !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    /* background-color: rgba(76,131,152,.5) !important; */
    text-align: left !important;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 30% !important;
    display: block !important;
    padding: 1% !important;
  }
  #complemento5 {
    position: relative !important;
    top: -250px !important;
    left: 0 !important;
    font-size: 28px !important;
    line-height: 1.7em !important;
    font-weight: bolder !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: white !important;
    /* background-color: rgba(76,131,152,.5) !important; */
    text-align: left !important;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 30% !important;
    display: block !important;
    padding: 1% !important;
  }
  @keyframes anilvsv {
    0% {
      font-size: 5px;
      opacity: 0;
      filter: blur(5px);
    }
    90% {
      font-size: 28px;
      opacity: 1;
      filter: blur(1px);
    }
    100% {
      filter: blur(0px);
      opacity: 1;
    }
  }
  .errors {
    margin-bottom: 10%;
  }
  .Tooltip {
    font-size: 18px !important;
  }
  #myCarousel .FixedBottomButtons {
    overflow-x: scroll;
    overflow-y: hidden;
    left: 2% !important;
  }
  #myCarousel .FixedBottomButtons .BottomButtonsHome {
    width: 1000px !important;
    height: 140px !important;
  }
  #myCarousel .FixedBottomButtons .BottomButtonsHome .md-button {
    font-size: 15px !important;
  }
  #myCarousel .FixedBottomButtons .BottomButtonsHomeRedes {
    width: 1000px !important;
    height: 300px !important;
  }
  #myCarousel .FixedBottomButtons .BottomButtonsHomeRedes .md-button {
    font-size: 15px !important;
  }
  #myCarousel .FixedBottomButtons .ButtonSeparation {
    margin-right: 5px !important;
  }
  #myCarousel .FixedBottomButtons::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    overflow: visible;
  }
  #myCarousel .FixedBottomButtons::-webkit-scrollbar-track {
    width: 10px;
    height: 10px;
  }
  #myCarousel .FixedBottomButtons::-webkit-scrollbar-thumb {
    background-color: #07919b;
    outline: none;
    border-radius: 5px;
  }
  .fondo {
    z-index: 9;
    top: -11.5%;
  }
  .fondo .rap {
    padding-bottom: 14%;
    font-size: 18px !important;
  }
  .fondo .botonAcceso {
    font-size: 18px;
  }
  .fondo:hover {
    top: 14.9%;
  }
  .fondoScrolled {
    top: -18.8% !important;
  }
  .flex-100 {
    font-size: 20px;
  }
  .flex-100 span {
    font-size: 20px !important;
  }
  .flex-100 ul {
    font-size: 20px !important;
  }
  .flex-100 .SubtitleStyles {
    font-size: 24px !important;
    text-decoration: underline;
    max-width: 90%;
  }
  .flex-100 .ParagraphStyles {
    font-size: 18px !important;
  }
  .md-toolbar-tools .Title {
    font-size: 30px !important;
  }
  .md-toolbar-tools i {
    font-size: 25px !important;
    top: -1px !important;
  }
  .ContentCard {
    padding: 5% !important;
    overflow-x: scroll;
  }
  .RegisterCard .col-xs-10 {
    margin-left: 8%;
  }
  .md-nav-bar {
    /*background: @o-white;
  		height: @MenuOpenHeight;*/
    width: 100% !important;
  }
  .md-nav-bar header {
    margin: auto;
  }
  #IntroContainer p {
    font-size: 30px;
  }
  #IntroContainer button {
    font-size: 25px;
  }
  #IntroContainer #logo-intro {
    width: 100%;
  }
  #IntroContainer #lvsv {
    opacity: 0;
    font-size: -1em;
    animation-name: anilvsv;
    animation-duration: 0.8s;
    animation-delay: 3.7s;
    animation-timing-function: x;
    /*animation-fill-mode: forwards;*/
  
  }
  .FixedBottomButtons .Title {
    height: 250px !important;
    padding: 5% !important;
  }
  .FixedBottomButtons .BottomButtons {
    border: 10px;
    /*margin-left: -10% !important;
  			margin-bottom: 15% !important;*/
  
  }
  .tabs {
    width: 100% !important;
  }
  .tabs label {
    width: 100% !important;
    font-size: 20px;
  }
  .tabs input {
    width: 100% !important;
  }
  .tabs input#tab-2 {
    left: 0 !important;
    top: 8%;
  }
  .tabs input#tab-3 {
    left: 0 !important;
    top: 17%;
  }
  .tabs .content {
    overflow: scroll;
  }
  .tabs .content .tapTitle {
    font-size: 18px !important;
  }
  .tabs .content .tapTex {
    font-size: 17px !important;
  }
  .columnStyle {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .LoginCard {
    top: 0 !important;
    margin: 0 !important;
  }
  .LoginCard .Title {
    font-size: 28px !important;
  }
  .LoginCard div {
    font-size: 18px;
  }
  .LoginCard .Btn {
    font-size: 18px;
    padding: 1.5%;
  }
  .LoginCard .input-distance {
    margin-top: 10%;
  }
  .marginRegister {
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .marginRegister .Btn {
    font-size: 18px;
    padding: 1.5%;
  }
  .grid-responsive {
    width: 90vw !important;
    overflow-x: scroll;
  }
  .grid-responsive .grid {
    width: 1000px !important;
    border-collapse: collapse !important;
    margin-bottom: 0 !important;
  }
  .grid-responsive .grid .ui-grid-header-viewport {
    width: 1000px !important;
  }
  .grid-responsive .grid .ui-grid-header-viewport .ui-grid-header-canvas {
    width: 1000px !important;
  }
  .grid-responsive .grid .ui-grid-header-viewport .ui-grid-header-cell-wrapper {
    width: 500px !important;
  }
  .grid-responsive .grid .ui-grid-header-viewport .ui-grid-header-cell-wrapper .ui-grid-header-cell-row {
    width: 500px !important;
  }
  .grid-responsive .grid .ui-grid-header-viewport .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell {
    width: 100% !important;
  }
  .grid-responsive .grid .ui-grid-canvas {
    width: 1000px !important;
  }
  .grid-responsive .grid .ui-grid-canvas .ui-grid-cell-contents {
    width: 200px;
  }
  .grid-responsive .grid .ui-grid-canvas .ui-grid-cell {
    max-width: 500px !important;
  }
  .grid-responsive .GridOptions {
    width: 1000px;
  }
  .cell-content-90 .ui-grid-cell-contents {
    width: 90px !important;
  }
  .cell-content-100 .ui-grid-cell-contents {
    width: 100px !important;
  }
  .cell-content-150 .ui-grid-cell-contents {
    width: 150px !important;
  }
  .table-responsive > .table {
    background-color: transparent !important;
  }
  #menu-button {
    top: 2% !important;
  }
  /* md-card {
      margin-left: 0px !important;
    } */
  
  .fixHeader {
    min-height: 555px;
  }
  .ChangePassword h2 {
    text-align: center;
  }
  .ChangePassword p {
    font-size: 22px;
    text-align: justify;
  }
  .md-menu-item {
    font-size: 16px;
  }
  .md-button-block {
    font-size: 20px;
  }
  .Card {
    padding: 80px 15px !important;
    font-size: 20px;
  }
  .CardList {
    font-size: 20px;
  }
  .CardList .col-lg-6 {
    text-align: center !important;
  }
  .md-inverse-form {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
/*************************************************** PANTALLAS DE TELÉFONOS ****************************************************/

/*************************************************** PANTALLAS DE TABLET ****************************************************/

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
  
}
/*************************************************** PANTALLAS DE TABLET ****************************************************/

.ui-grid-viewport {
  overflow-x: hidden !important;
}
/*Nuevo CSS*/

.zui-table {
  border: solid 1px white;
  border-collapse: collapse;
  border-spacing: 0;
  /*font: normal 16px Arial, sans-serif;*/
  width: 400px;
  height: 450px;
  /*text-transform: uppercase;*/
  text-align: center;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 17px;
  color: white;
  font-weight: normal;
  margin: auto;
  justify-content: center;
  align-items: center;
  top: 150px;
  padding-top: 250px;
}
.zui-table thead th {
  background-color: white;
  border: solid 1px white;
  color: #336b6b;
  padding: 10px;
  text-align: left;
  /*text-shadow: 1px 1px 1px #fff;*/
  text-align: center;
}
.zui-table tbody td {
  border: solid 1px white;
  color: #333333;
  padding: 10px;
  /*text-shadow: 1px 1px 1px #fff;*/

}
.zui-table-rounded {
  border: none;
}
.zui-table-rounded thead th {
  /*background-color: #CFAD70;*/
  background-color: rgba(0, 152, 166, 0.2);
  border: none;
  /*text-shadow: 1px 1px 1px;*/
  color: #333333;
}
.zui-table-rounded thead th:first-child {
  border-radius: 15px 0 0 0;
  color: white;
}
.zui-table-rounded thead th:last-child {
  border-radius: 0 15px 0 0;
}
.zui-table-rounded tbody td {
  border: none;
  border-top: solid 1px #0098a6;
  /*background-color: #EED592;*/
  background-color: rgba(255, 255, 255, 0.4);
}
.zui-table-rounded tbody tr:last-child td:first-child {
  border-radius: 0 0 0 15px;
}
.zui-table-rounded tbody tr:last-child td:last-child {
  border-radius: 0 0 15px 0;
}
/*nuevo*/

#divPadre {
  height: 100vh;
  width: 210px;
  text-align: center;
  background-color: blue;
}
#LeftAzul {
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 100%;
  margin: 0px auto;
  display: flex;
  background-image: url(/Content/Img/Site/Background_LeftAzul.png);
}
#LeftGeneral {
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 100%;
  margin: 0px auto;
  display: flex;
  background-image: url(/Content/Img/Site/Background_LeftAzul.png);
}
#LeftGris {
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 100%;
  margin: 0px auto;
  display: flex;
  background-image: url(/Content/Img/Site/Background_LeftGris.png);
}
#LeftVerde {
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 100%;
  margin: 0px auto;
  display: flex;
  background-image: url(/Content/Img/Site/Background_LeftVerde.png);
}
#LeftAzul2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 100%;
  margin: 0px auto;
  display: flex;
  background-image: url(/Content/Img/Site/Background_LeftAzul2.png);
}
#ImgLeft {
  position: fixed;
  left: 2%;
  top: 55%;
  text-align: right !important;
  padding-right: 50px;
  padding-left: 10px;
  padding-top: 6px;
  width: 350px;
  height: 100px;
  background-image: url(/Content/Img/Site/Background_LeftAzul2.png);
}
#divHijo {
  height: 100%;
  width: 210px;
  margin: 0px auto;
  background-image: url(/Content/Img/Site/Background_Left.png);
}
.div_contenedor {
  background: white;
  height: 100vh;
  width: 210px;
  top: 0;
  display: flex;
  justify-content: center;
}
.div_centrado {
  background-image: url(/Content/Img/Site/Background_Left.png);
  /*background: yellow;*/
  width: 210px;
  height: 100%;
}
#TituloContSeccionAzul {
  position: fixed;
  left: 1%;
  top: 55%;
  text-align: right !important;
  padding-right: 50px;
  padding-left: 5px;
  padding-top: 6px;
  /*width:300px;*/
  height: 100px;
  /*background-image: url(/Content/Img/Site/Background_LeftAzul.png);*/

}
#TituloContSeccion {
  position: fixed;
  left: 0%;
  top: 10%;
  color: white;
  /*rgba(76,131,152,1);*/
  /*background-color: rgba(76,131,152,.5);*/
  text-align: left;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  width: 700px;
  height: 30px;
  display: block;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
  /*background-image:url(/Content/Img/Site/Background_LeftAzul.png);*/

}
#capa1 {
  position: absolute;
  z-index: 1;
}
#EnlaceBlanco {
  position: absolute;
  z-index: 1;
  top: 80px;
  left: 5px;
  font-family: "AgfaRotisSansSerif";
  font-size: 16px;
  color: #6d746e;
  padding: 11px 40px;
  text-align: left;
}
#FontNormalBlanco {
  font-family: "AgfaRotisSansSerif";
  text-transform: uppercase;
  font-size: 23px;
  color: rgba(255, 255, 255, 0.9);
  padding: 11px 40px;
  text-align: left;
}
#fontTituloNormalAzul {
  font-family: "AgfaRotisSansSerif";
  background: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  font-size: 15px;
  color: rgba(0, 156, 168, 0.99);
  padding: 5px 5px;
  text-align: left;
}
#fontNormalGris {
  font-family: "AgfaRotisSansSerif";
  font-size: 15px;
  color: #333333;
  padding: 1px 1px;
  text-align: left;
  font-style: normal;
  left: 0;
}
.pre {
  display: block;
  white-space: pre;
  margin: 1em 0;
  color: rgba(0, 0, 0, 0.5);
  font-family: "AgfaRotisSansSerif";
  font-size: 20px;
  font-style: normal;
}
.textoNormativaFooter {
  padding-top: 7px;
  line-height: 15px;
  font-size: 12px;
  font-style: normal;
  color: #333333 !important;
  font-weight: bold;
  text-align: center;
  text-transform: none;
  font-family: "AgfaRotisSansSerif";
}
.text-on-pannel {
  background: white none repeat scroll 0 0;
  height: auto;
  margin-left: 20px;
  padding: 3px 5px;
  position: absolute;
  margin-top: -47px;
  border: 1px solid #237e74;
  border-radius: 8px;
}
.panel {
  /* for text on pannel */
  margin-top: 27px !important;
}
.panel-body {
  padding-top: 30px !important;
}
#tituloHome {
  position: fixed;
  left: 0;
  top: 35%;
  font-size: 35px;
  font-family: "AgfaRotisSansSerif";
  color: white;
  background-color: rgba(0, 156, 168, 0.9);
  text-align: left;
  vertical-align: middle;
  width: 100%;
  /*950px;*/
  height: 50px;
  display: block;
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 50px;
  padding-bottom: 15px;
  margin-left: 15px;
}
.textoNormal {
  padding-top: 7px;
  line-height: 16px;
  font-size: 17px;
  font-style: normal;
  color: rgba(40, 32, 32, 0.78) !important;
  font-weight: normal;
  /*text-align: left;*/
  text-transform: none;
  font-family: "AgfaRotisSansSerif";
}
/*Flecha para hacer la pagina hacia arriba*/

.ir-arriba {
  display: none;
  background-repeat: no-repeat;
  font-size: 20px;
  color: black;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 2;
}
/* Footer Top */

.FooterTop {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  /*background-color: rgba(0, 120, 109, 1);*/
  background: #5a5a5a;
  height: max-content;
  border-bottom: 20px solid #5a5a5a;
  border-bottom-width: 0px !important;
}
.FooterTop .ColumnaFooter {
  width: 100%;
  margin: 0;
  padding-top: 1px;
  border-radius: 0;
  margin-right: 0;
  text-align: center;
  left: 0;
  right: 0;
  padding-bottom: 2px;
}
.FooterTop .ColumnaFooter .textoNormativaFooter {
  /*padding-top: 2px;*/
  /*line-height: 5px;*/
  font-size: 11px;
  font-style: normal;
  color: white !important;
  font-weight: bold;
  text-align: center;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
}
/*CSS Contenido del PreHome*/

#Cuadro PreHome {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 15%;
  top: 12%;
  z-index: -12;
  width: 520px;
  height: 310px;
  background-color: rgba(0, 156, 168, 0.9);
  color: #141414;
  font-size: 16px;
  font-family: "AgfaRotisSansSerif";
  padding-top: 40px;
  padding-left: 20px;
  text-align: left;
  vertical-align: middle;
}
#TituloPreHome {
  top: 25px;
  padding-top: 10px;
  color: white;
  /*rgba(76,131,152,1);*/
  font-size: 30px;
  font-family: "AgfaRotisSansSerif";
  text-align: left;
  padding-left: 5px;
}
#TituloPreHome2 {
  top: 100px;
  padding-top: 30px;
  color: white;
  /*rgba(76,131,152,1);*/
  font-size: 55px;
  font-family: "AgfaRotisSansSerif";
  text-align: left;
  padding-left: 5px;
}
#LinkPreHome {
  padding-top: 100px;
  color: white;
  /*rgba(76,131,152,1);*/
  font-size: 25px;
  font-family: "AgfaRotisSansSerif";
  text-align: left;
  padding-left: 5px;
}
#complementoPreHome {
  position: fixed;
  left: 15%;
  top: 46%;
  color: white;
  background-color: rgba(0, 157, 168, 0.82);
  text-align: left;
  vertical-align: middle;
  width: 520px;
  height: 50px;
  display: block;
  padding-top: 8px;
  padding-right: 5px;
  font-size: 16px;
  font-family: "AgfaRotisSansSerif";
  padding-left: 20px;
}
#TituloHomex {
  position: fixed;
  left: 0;
  top: 35%;
  font-size: 35px;
  font-family: "AgfaRotisSansSerif";
  color: white;
  background-color: rgba(0, 156, 168, 0.9);
  text-align: left;
  vertical-align: middle;
  width: 100%;
  /*950px;*/
  height: 50px;
  display: block;
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 50px;
  padding-bottom: 15px;
  margin-left: 15px;
}
.padre {
  position: fixed;
  top: 13vh;
  z-index: -12;
  width: 65vh;
  height: 35vh;
  bottom: 0;
  right: 0;
  left: 26.8vh;
  background-color: rgba(0, 156, 168, 0.9);
  color: #141414;
}
.hijo {
  position: absolute;
  left: 0;
  top: 5vh;
  font-size: 3rem;
  font-family: "AgfaRotisSansSerif";
  color: white;
  text-align: left;
  vertical-align: middle;
  display: block;
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 2vh;
  padding-bottom: 15px;
  margin-left: 1vh;
}
.hijo2 {
  position: absolute;
  left: 0;
  top: 11vh;
  font-size: 5rem;
  font-family: "AgfaRotisSansSerif";
  color: white;
  text-align: left;
  vertical-align: middle;
  display: block;
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 2vh;
  padding-bottom: 15px;
  margin-left: 1vh;
}
.LinkHome {
  position: absolute;
  color: white;
  /*rgba(76,131,152,1);*/
  font-size: 25px;
  font-family: "AgfaRotisSansSerif";
  text-align: left;
  padding-left: 5px;
  top: 70vh;
  /*position: absolute;
            left: 0;
            top: 80vh;
            font-size: 2rem;
            font-family: "AgfaRotisSansSerif";
            color: #FFF;       
            text-align: left;  
            padding-top: 15px;
            padding-right: 5px;
            padding-left: 2vh;
            padding-bottom: 15px;
            margin-left: 1vh;
            text-align: left;*/

}
.hijo3 {
  top: 18vh;
  width: 40vh;
  /*IMPORTANTE*/
  height: 5vh;
  position: absolute;
  font-size: 2rem;
  font-family: "AgfaRotisSansSerif";
  color: white;
  text-align: left;
  vertical-align: middle;
  display: block;
  padding-top: 2vh;
  padding-right: 5px;
  padding-left: 2vh;
  padding-bottom: 15px;
  margin-left: 1vh;
}
.complemento {
  position: absolute;
  top: 27vh;
  background-color: #009ca8;
  width: 65vh;
  height: 8vh;
  /*position: absolute;*/
  font-size: 1.6rem;
  font-family: "AgfaRotisSansSerif";
  color: white;
  text-align: left;
  vertical-align: middle;
  display: block;
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 20px;
}
.imgResponse {
  height: auto;
  max-width: 100%;
  background-color: #009ca8;
}