@charset "utf-8";

@font-face {
  font-family: "essa-regular";
  src: url("fonts/aller_rg-webfont.eot");
  src: url("fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/aller_rg-webfont.woff") format("woff"),
    url("fonts/aller_rg-webfont.ttf") format("truetype"),
    url("fonts/aller_rg-webfont.svg#allerregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "essa-bold";
  src: url("fonts/aller_bd-webfont.eot");
  src: url("fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/aller_bd-webfont.woff") format("woff"),
    url("fonts/aller_bd-webfont.ttf") format("truetype"),
    url("fonts/aller_bd-webfont.svg#allerbold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "font-essa-icon";
  src: url("fonts/font-essa-icon.eot?68430823");
  src: url("fonts/font-essa-icon.eot?68430823#iefix")
      format("embedded-opentype"),
    url("fonts/font-essa-icon.woff?68430823") format("woff"),
    url("fontsfont-essa-icon.ttf?68430823") format("truetype"),
    url("fonts/font-essa-icon.svg?68430823#font-essa-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  list-style: none;
  font-family: "essa-regular";
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  top: 0px !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 20px 0;
  font-size: 20px;
  line-height: 20px;
  font-family: "essa-bold";
  color: #264796;
}

h1 {
  font-size: 45px;
  line-height: 45px;
}

h2 {
  font-size: 35px;
  line-height: 35px;
}

h3 {
  font-size: 25px;
  line-height: 25px;
}

div,
header,
nav,
section,
article,
aside,
footer,
p,
span,
b,
strong,
li,
td,
a {
  font-size: 16px;
  font-family: "essa-regular";
}

p {
  margin-bottom: 20px;
  font-family: "essa-regular";
}

b,
strong {
  font-family: "essa-bold";
}

img {
  max-width: 100%;
  border: 0;
}

ul {
  margin: 0;
  padding: 0;
}

/* .dnnEditState .DNNEmptyPane {​​
    display: block !important;
}​​ */

body:not(.dnnEditState) .DNNEmptyPane {
  display: none !important;
}

.cont-icon {
  font-family: "font-essa-icon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-align: center;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*-------------------------------------------| HEADER |-------------------------------------------*/
.ax-home {
  overflow-x: hidden;
}

header {
  position: fixed;
  width: 100%;
  z-index: 9999;
}

body.dnnEditState header {
  position: relative;
  z-index: 999;
}

/*------Tipos de clientes------*/
.ax-enlces-superiores {
  position: relative;
  background: #264796;
  box-sizing: border-box;
}

.ax-tipo-clientes ul {
  position: relative;
  font-size: 0;
}

.ax-tipo-clientes .ModDNNHTMLC ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

.ax-tipo-clientes ul li a {
  color: #ffffff;
  text-decoration: none;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  font-family: "essa-bold";
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  position: relative;
}

.ax-tipo-clientes ul li a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: #ffffff;
  right: 0;
  top: 9px;
}

.ax-tipo-clientes ul li:last-child a:after {
  content: none;
}

.ax-tipo-clientes ul li a:hover,
.ax-tipo-clientes ul li a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-contenido-clientes ul {
  width: 50%;
}

.ax-contenido-clientes {
  display: flex;
}

a#saltar-info {
  padding-right: 15px;
}

.ax-contenido-clientes ul:last-child {
  text-align: right;
}

.ax-contenido-clientes ul:first-child li a:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid #ffffff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  background: none !important;
  top: 13px;
  right: 0px;
}
.ax-tipo-clientes ul:first-child li a {
  padding-right: 20px;
}

/*------Accesibilidad------*/
.ax-accesibilidad-buscador {
  position: relative;
  text-align: right;
}

.ax-accesibilidad {
  background: #ffffff;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.ax-accesibilidad ul {
  font-size: 0;
}

.ax-accesibilidad ul li {
  display: inline-block;
  vertical-align: middle;
}

.ax-accesibilidad ul li a {
  display: block;
  box-sizing: border-box;
  padding: 10px 20px;
  text-decoration: none;
  color: #478246;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-accesibilidad ul li a:hover,
.ax-accesibilidad ul li a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-texto-normal a {
  font-size: 22px;
}

.ax-texto-mas a {
  font-size: 27px;
}

.icon-left-open:before {
  content: "\e800";
}

.icon-right-open:before {
  content: "\e801";
}

.icon-down-open:before {
  content: "\e802";
}

.icon-up-open:before {
  content: "\e803";
}

.icon-volume-off:before {
  content: "\e807";
}

/*Inactivo*/
.sonido-activo .icon-volume-off:before {
  content: "\e804";
}

/*Activo*/
.icon-cancel:before {
  content: "\e805";
}

.icon-ok:before {
  content: "\e806";
}

.icon-sun:before {
  content: "\e808";
}

.icon-sun-filled:before {
  content: "\e809";
}

.icon-search:before {
  content: "\e80a";
}

.icon-icono-servicio-al-cliente:before {
  content: "\e80b";
}

.icon-texto-mas:before {
  content: "\e80c";
}

.icon-texto-menos:before {
  content: "\e80d";
}

.icon-texto:before {
  content: "\e80e";
}

.icon-plus:before {
  content: "\e80f";
}

.icon-minus:before {
  content: "\e810";
}

.icon-menu:before {
  content: "\f0c9";
}

.ax-accesibilidad .ax-tooltip {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.ax-accesibilidad ul li a:hover .ax-tooltip,
.ax-accesibilidad ul li a:focus .ax-tooltip {
  display: block;
  opacity: 1;
  position: absolute;
  top: 100%;
  margin: auto;
  text-align: center;
  color: #fff;
  z-index: 1000;
  background: #009bdb;
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
  margin-left: -20px;
}

.ax-accesibilidad ul li:last-child a:hover + .ax-tooltip,
.ax-accesibilidad ul li:last-child a:focus + .ax-tooltip {
  width: 200px;
  right: 0;
}

/*IDIOMA*/
.ax-idioma #google_translate_element .goog-te-gadget div {
  border: 0;
}

.ax-idioma #google_translate_element .goog-te-gadget div img,
.ax-idioma #google_translate_element .goog-te-gadget div span a span + img + span {
  display: none;
}

.ax-idioma #google_translate_element .goog-te-gadget div span a {
  padding: 0;
  margin: 0;
}

.ax-idioma #google_translate_element .goog-te-gadget {
  color: #478246;
}

.ax-idioma #google_translate_element .goog-te-gadget div span a span {
  font-family: "essa-regular";
  font-size: 13px;
  color: #478246;
  box-sizing: border-box;
  padding: 5px 25px 5px 5px;
  position: relative;
}

.ax-idioma #google_translate_element .goog-te-gadget div span a:focus span:before,
.ax-idioma #google_translate_element .goog-te-gadget div span a:focus span,
.ax-idioma #google_translate_element .goog-te-gadget div span a:hover span:before,
.ax-idioma #google_translate_element .goog-te-gadget div span a:hover span {
  background-color: #009bdb;
  color: #fff;
}

.ax-idioma #google_translate_element .goog-te-gadget div span a span:before {
  content: "\e802";
  font-family: "font-essa-icon";
  color: #478246;
  position: absolute;
  right: 8px;
  font-size: 10px;
}

/*------Buscador------*/
.ax-buscador {
  display: inline-block;
}

.ax-search {
  color: #ffffff !important;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  background: #afc356;
  text-decoration: none !important;
  padding: 10px 12px;
  line-height: 20px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-search:hover,
.ax-search:focus {
  color: #ffffff !important;
  background: #009bdb;
}

.ax-search--close,
.ax-search--active,
#dnn_dnnSearch_cmdSearch,
span.ax-cerrar_buscador {
  display: none;
}

.ax-search--close.ax-search--active {
  display: inline-block;
  position: relative;
  font-size: 19px;
}

.ax-buscador_content {
  position: absolute;
  top: 57px;
  right: 0;
  width: 0;
  overflow: hidden;
  z-index: 1000;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.ax-search--active + .ax-search + .ax-buscador_content {
  width: 300px;
}

.ax-buscador_container_relative {
  position: relative;
  width: 300px;
}

#dnn_dnnSearch_ClassicSearch {
  display: block;
}

.searchInputContainer {
  margin: 0 auto;
  width: 100%;
}

#dnn_dnnSearch_txtSearch {
  width: 100%;
  height: auto;
  float: none;
  color: #727271;
  border: 1px solid #727271;
  border-radius: 0;
  font-size: 16px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: none;
  outline: none;
  top: auto;
  position: relative;
}

#dnn_dnnSearch_txtSearch::-webkit-input-placeholder {
  color: #727271;
  font-family: "essa-bold";
}

#dnn_dnnSearch_txtSearch::-moz-placeholder {
  color: #727271;
  font-family: "essa-bold";
}

#dnn_dnnSearch_txtSearch:-ms-input-placeholder {
  color: #727271;
  font-family: "essa-bold";
}

#dnn_dnnSearch_txtSearch:-moz-placeholder {
  color: #727271;
  font-family: "essa-bold";
}

.searchInputContainer a.dnnSearchBoxClearText,
.searchInputContainer a.dnnSearchBoxClearText.dnnShow {
  display: none;
}

ul.searchSkinObjectPreview {
  width: 100%;
  position: relative;
  margin-top: -1px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
}

ul.searchSkinObjectPreview > li,
ul.searchSkinObjectPreview > li span,
ul.searchSkinObjectPreview > li p b {
  color: #000;
  text-align: left;
  font-size: inherit;
}

ul.searchSkinObjectPreview > li p {
  color: #727271;
  font-size: inherit;
}

ul.searchSkinObjectPreview > li:hover {
  background: #fff;
}

ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more {
  color: #264796;
  font-family: "essa-bold";
}

/*------Logo------*/
.ax-logo-menu {
  position: relative;
  width: 100%;
  background: rgba(0, 0, 0, 0.65);
  padding: 0px 0 0;
  box-sizing: border-box;
}

.ax-logo {
  max-width: 16%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 10px 0;
}

body.dnnEditState .ax-cont-transacciones {
  display: block;
  position: relative;
}

.ax-cont-boton-transaccion {
  position: static;
  width: 75%;
  display: inline-block;
  margin: 0 2% 0 0;
  vertical-align: middle;
  text-align: right;
}

.ax-cont-transacciones p {
  margin: 0;
  text-align: right;
}

.ax-cont-transacciones .ax-boton-transacciones {
  color: #ffffff;
  font-family: "essa-bold";
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-cont-transacciones .ax-boton-transacciones:hover,
.ax-cont-transacciones .ax-boton-transacciones:focus,
.ax-cont-transacciones .ax-boton-transacciones.activo {
  color: #178eea;
}

.menu-transacciones {
  position: absolute;
  display: flex;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  left: 0;
  top: 100%;
  font-size: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.menu-transacciones.activo {
  visibility: visible;
  opacity: 1;
}

.menu-transacciones .icon-cancel {
  position: absolute;
  right: 0;
  top: -20px;
  width: 23px;
  height: 20px;
  background: #009bdb;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.menu-transacciones .icon-cancel:hover,
.menu-transacciones .icon-cancel:focus {
  background-color: #009bdb;
  color: #fff;
}

.menu-transacciones div {
  position: relative;
  display: inline-block;
  width: 20%;
  vertical-align: top;
  flex: 1;
}

.menu-transacciones div:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 100%;
  left: -3.5px;
  background: rgba(114, 114, 113, 0.1);
}

.menu-transacciones div h3 {
  background: #009bdb;
  margin: 0;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
  padding: 15px 0;
  font-size: 22px;
}

.menu-transacciones div ul {
  text-align: center;
  margin: 20px 0;
}

.menu-transacciones div ul li a {
  color: #747375;
  text-decoration: none;
  box-sizing: border-box;
  padding: 10px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.menu-transacciones div ul li a:hover,
.menu-transacciones div ul li a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-inferiores-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #264796;
  box-sizing: border-box;
  padding: 50px 0 40px;
}

body.dnnEditState .ax-nav,
body.dnnEditState .ax-inferiores-menu {
  position: relative;
  width: 100%;
}

body.dnnEditState ul.menuP {
  position: relative;
  height: auto;
  top: 0;
}

#dnn_nav .ax-inferiores-menu .ax-container {
  max-width: 90%;
}

.ax-links-inferiores {
  text-align: left;
  vertical-align: middle;
}

.ax-redes {
  vertical-align: middle;
  text-align: center;
}

.ax-links-inferiores ul,
.ax-redes ul {
  width: 100%;
  font-size: 0;
}

.ax-links-inferiores ul li,
.ax-redes ul li {
  display: inline-block;
}

.ax-links-inferiores ul li {
  vertical-align: top;
}

.ax-redes ul li {
  vertical-align: middle;
  width: 25%;
}

#Inferiores_Menu {
  opacity: 0;
}

body.dnnEditState #Inferiores_Menu {
  opacity: 1;
}

.ax-links-inferiores ul:not(.redactor-toolbar) li a {
  color: #ffffff;
  text-decoration: none;
  font-family: "essa-bold";
  position: relative;
  display: block;
  width: 145px;
  margin-right: 35px;
  font-size: 15px;
}

.ax-links-inferiores ul:not(.redactor-toolbar) li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ffffff;
  bottom: 25px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-links-inferiores ul:not(.redactor-toolbar) li a:hover:before,
.ax-links-inferiores ul:not(.redactor-toolbar) li a:focus:before {
  opacity: 1;
  bottom: -7px;
}

.ax-redes ul li a {
  box-sizing: border-box;
  padding: 0 7px;
}

.ax-redes ul li a img {
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-redes ul li a:hover img,
.ax-redes ul li a:focus img {
  opacity: 0.7;
  background-color: #009bdb;
  color: #fff;
}

/*-------------------------------------------| FOOTER |-------------------------------------------*/
footer.ax-footer {
  background: rgba(114, 114, 113, 0.1);
  position: relative;
  box-sizing: border-box;
  padding: 35px 0;
}

/*Vinculos de intéres*/
.ax-accordion {
  border-radius: 0;
  border: 0;
}

.ax-accordion-title,
.menu-secundario-footer li a {
  cursor: pointer;
  color: #727271 !important;
  font-family: "essa-regular";
  font-weight: 400;
  position: relative;
  box-sizing: border-box;
  padding: 0 0 10px;
  margin: 0 0 5px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  width: 100%;
  display: inline-block;
}

.ax-accordion-title + ul {
  max-height: 0;
}

.ax-accordion-title.activo + ul {
  max-height: 1000px;
}

.menu-secundario-footer li a {
  display: block;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  margin: 0 0 20px;
}

.ax-accordion-title:before,
.menu-secundario-footer li a:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #727271;
  bottom: 0;
  left: 0;
  position: absolute;
}

.ax-accordion-title:after {
  font-family: "font-essa-icon";
  content: "\e802";
  color: #727271;
  position: absolute;
  right: 15px;
  font-size: 12px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-accordion-title:hover:before,
.ax-accordion-title:focus:before,
.ax-accordion-title.activo:before,
.ax-accordion-title:focus:before,
.menu-secundario-footer li a:hover:before,
.menu-secundario-footer li a:focus:before {
  background: #009bdb;
}

.ax-accordion-title.activo:after,
.ax-accordion-title.focus:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #009bdb;
}

.ax-accordion-title.activo,
.ax-accordion-title:focus,
.ax-accordion-title:hover,
.menu-secundario-footer li a:hover,
.menu-secundario-footer li a:focus {
  background: transparent !important;
  color: #009bdb !important;
}

.ax-accordion-title:hover:after,
.ax-accordion-title:focus:after {
  color: #009bdb !important;
}

.ax-accordion-item ul {
  position: relative;
  max-height: 0px;
  overflow: hidden;
  margin: 0 0 10px;
}

.ax-accordion-item ul li a {
  color: #727271;
  box-sizing: border-box;
  text-decoration: none;
  box-sizing: border-box;
  padding: 5px 0 5px 10px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-accordion-item ul li a:hover,
.ax-accordion-item ul li a:focus {
  background-color: transparent;
  color: #009bdb;
  text-decoration: underline;
}

.ax-footer-02,
.ax-footer-03 {
  position: relative;
  text-align: center;
  font-size: 0;
}

.ax-footer-03 {
  box-sizing: border-box;
  padding: 25px 0 0;
}

.ax-aliados-footer ul:not(.redactor-toolbar),
.ax-certificados-footer ul:not(.redactor-toolbar) {
  position: relative;
  width: 100%;
}

.ax-aliados-footer ul:not(.redactor-toolbar) li,
.ax-certificados-footer ul:not(.redactor-toolbar) li {
  display: inline-block;
  vertical-align: middle;
}

.ax-footer-02 .ax-aliados-footer ul:not(.redactor-toolbar) li {
  width: 32%;
  box-sizing: border-box;
  padding: 10px;
}

.ax-aliados-footer ul:not(.redactor-toolbar) li:first-child {
  width: 30%;
}

.ax-aliados-footer ul:not(.redactor-toolbar) li:nth-child(2) {
  width: 28%;
}

.ax-aliados-footer ul:not(.redactor-toolbar) li a img,
.ax-certificados-footer ul:not(.redactor-toolbar) li img {
  width: 100%;
  position: relative;
  bottom: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-aliados-footer ul:not(.redactor-toolbar) li:hover a img,
.ax-aliados-footer ul:not(.redactor-toolbar) li a:focus img,
.ax-certificados-footer ul:not(.redactor-toolbar) li:hover img,
.ax-certificados-footer ul:not(.redactor-toolbar) li a:focus img {
  bottom: 5px;
}

.ax-certificados-footer h3 {
  font-size: 22px;
  color: #727271;
  font-family: "essa-bold";
  display: inline-block;
  vertical-align: top;
  width: 35%;
  text-align: right;
  margin: 30px 0 0;
}

.ax-certificados-footer ul:not(.redactor-toolbar) {
  display: inline-block;
  vertical-align: top;
  width: 64%;
  position: relative;
  top: 13px;
}

.ax-certificados-footer ul:not(.redactor-toolbar) li {
  display: inline-block;
  width: 33%;
  box-sizing: border-box;
  padding: 0 15px;
}

.ax-certificados-footer ul:not(.redactor-toolbar) li:first-child img {
  width: 78%;
}

.ax-footer-contacto-01 {
  margin-left: 6%;
}

.ax-footer-contacto-02 {
  margin-left: 2%;
}

.ax-footer-contacto-01 h3,
.ax-footer-contacto-02 h3 {
  font-size: 22px;
  color: #727271;
  font-family: "essa-bold";
  margin: 0 0 10px;
}

.ax-footer-contacto-01 p,
.ax-footer-contacto-02 p {
  color: #727271;
  line-height: 20px;
}

.ax-footer-contacto-01 p a,
.ax-footer-contacto-01 p span,
.ax-footer-contacto-02 p a,
.ax-footer-contacto-02 p span {
  color: #264796;
  text-decoration: none;
}

.ax-footer-contacto-01 p a:hover,
.ax-footer-contacto-01 p a:focus,
.ax-footer-contacto-02 p a:hover,
.ax-footer-contacto-02 p a:focus {
  text-decoration: underline;
  background-color: #009bdb;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-footer-03 .ax-derechos,
.ax-footer-03 .ax-terminos {
  display: inline-block;
  color: #727271;
  vertical-align: middle;
}

.ax-footer-03 .ax-derechos {
  border-right: 1px solid #727271;
  padding: 0 10px 0 0;
}

.ax-terminos ul {
  width: 100%;
  font-size: 0;
}

.ax-terminos ul li {
  display: inline-block;
  vertical-align: middle;
}

.ax-terminos ul li a {
  display: inline-block;
  color: #aaaaaa;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-sizing: border-box;
  padding: 3px 10px;
}

.ax-terminos ul li a:hover,
.ax-terminos ul li a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-titulo-meta {
  display: none;
}

/*-------------------------------------------| BANNER HOME |-------------------------------------------*/
.ax-banner,
.ax-corporativo,
.ax-banner-interna {
  position: relative;
  width: 100%;
  padding-top: 40px;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div {
  border: 0;
  background: none;
  border-radius: 0;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.main_panel,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.main_panel,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.main_panel {
  border: 0;
  background: none;
  border-radius: 0;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info {
  background: none;
  border-radius: inherit;
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  max-height: 100% !important;
  position: relative;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport {
  position: absolute;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  left: 0;
  right: 0;
  top: 37%;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview {
  width: 55%;
  height: auto !important;
  padding: 10px 0;
  box-sizing: border-box;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a {
  font-family: "essa-bold";
  color: #ffffff;
  font-size: 50px;
  line-height: 50px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 3px;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a:before,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a:before,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #ffffff;
  bottom: -13px;
  left: 0;
  box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 3px;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview p,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview p,
.ax-banner-interna .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview p {
  color: #ffffff;
  font-size: 25px;
  line-height: 30px;
  text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 3px;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.navigation_button {
  background: none;
  text-indent: 0;
  font-size: 0;
  text-decoration: none;
  text-align: center;
  overflow: initial;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:before,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:before {
  font-family: "font-essa-icon";
  color: #ffffff;
  font-size: 25px;
  position: relative;
  top: 35%;
  transform: translateY(-50%);
  text-decoration: none;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:hover:before,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:focus:before,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:hover:before,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:focus:before,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:hover:after,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:focus:after,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:hover:after,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:focus:after {
  color: #009bdb;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:before {
  content: "\e800";
  left: -3px;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:before {
  content: "\e801";
  right: -3px;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:after,
.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:after {
  font-size: 12px;
  color: #ffffff;
  position: absolute;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.prev:after {
  content: "Anterior";
  left: 36px;
  top: 14px;
}

.ax-banner .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider a.next:after {
  content: "Siguiente";
  right: 36px;
  top: 14px;
}

.chameleon_slider .main_panel .media_link,
.chameleon_slider .main_panel .media_link:hover {
  background: none !important;
}

.ax-banner .DnnModule-EasyDNNrotator:nth-child(2) {
  display: none;
}

body.dnnEditState .ax-banner .DnnModule-EasyDNNrotator:nth-child(2) {
  display: block;
}

/*-------------------------------------------| TRANSVERSALES |-------------------------------------------*/
.ax-cont-transversales {
  position: absolute;
  width: 48%;
  background: rgba(0, 0, 0, 0.65);
  left: 0;
  right: 0;
  margin: auto;
  bottom: 30px;
  font-size: 0;
  box-sizing: border-box;
  border-radius: 10px;
	text-align: center;
}

body.dnnEditState .ax-cont-transversales {
  position: relative;
}

.content {
  padding: 10px 0;
}

.ax-transversales-item {
  display: inline-block;
  vertical-align: top;
  width: 16.66%;
	margin: 0 !important;
}

.ax-transversales-item a div {
  padding: 0;
}

.ax-transversales-item a {
  display: block;
  position: relative;
  bottom: 0;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 10px 0;
}

.ax-transversales-item a:hover {
  opacity: 0.9;
  bottom: 2px;
  color: #fff;
  border-radius: 10px;
}
/* foco */
.ax-transversales-item a:focus { 
  opacity: 0.9;
  background-color: #009bdb;
  color: #fff;
  border-radius: 10px;
  bottom: 0px;
}

.ax-transversales-item a .content img {
  width: 28%;
  display: block;
  margin: auto;
}

.ax-transversales-item:nth-child(2) a .content img,
.ax-transversales-item:nth-child(3) a .content img {
  width: 37%;
}

.ax-transversales-item a .content h3 {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  width: 85%;
  margin: 10px auto 0;
  line-height: 19px;
}

/*-------------------------------------------| BOTÓN SAC |-------------------------------------------*/
.ax-servicio-al-cliente {
  bottom: 135px;
  right: 30px;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.65);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 999;
}

body.dnnEditState .ax-servicio-al-cliente {
  position: initial;
}

.ax-servicio-al-cliente img {
  display: block;
  margin: auto;
  position: relative;
  top: 20px;
  width: 35%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-servicio-al-cliente:hover img,
.ax-servicio-al-cliente:focus img,
.ax-servicio-al-cliente:hover h3,
.ax-servicio-al-cliente:focus h3 {
  opacity: 0.7;
  background-color: #009bdb;
  color: #fff;
}

.ax-servicio-al-cliente h3 {
  text-align: center;
  position: absolute;
  bottom: -8px;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-menu-sac {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 45px 15px 115px;
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-menu-sac.activo {
  visibility: visible;
  opacity: 1;
  height: 300px;
}

.ax-menu-sac ul {
  text-align: center;
}

.ax-menu-sac ul li a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  padding: 7px 0;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-menu-sac ul li a:hover,
.ax-menu-sac ul li a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-menu-sac .icon-cancel:before {
  color: #ffffff;
  position: absolute;
  right: 0;
  left: 0;
  top: 20px;
}

/*-------------------------------------------| BANNER INTERNAS |-------------------------------------------*/
.ax-banner-interna {
  position: relative;
  width: 100%;
}

.ax-banner-interna img {
  width: 100%;
}

/*----TITULOS INTERNAS----*/
.ax-banner-interna .ax-titulo-pagina {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 55%;
  left: 0;
  right: 0;
  margin: auto;
}

.ax-banner-interna .ax-titulo-pagina span {
  font-size: 45px;
  color: #ffffff;
  text-shadow: #000 1px 1px 3px;
}

/*-------------------------------------------| MIGA DE PÁGINA |-------------------------------------------*/
.ax-miga {
  position: relative;
  width: 100%;
  color: #264796;
}

.ax-miga span span span a,
.ax-miga span span span span {
  box-sizing: border-box;
  padding: 10px;
  display: inline-block;
  color: #264796;
  text-decoration: none;
  font-family: "essa-bold";
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-miga span span span a span,
.ax-miga span span span span {
  font-size: 12px;
}

.ax-miga span span span a:hover,
.ax-miga span span span a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-miga span span span:last-child a span {
  color: #727271;
  pointer-events: none;
  cursor: text;
}

/*-------------------------------------------| VIDEOS HOME |-------------------------------------------*/
.ax-videos {
  padding: 0 40px 0 0;
}

.ax-videos .ax-contenedor-video {
  width: 100%;
  position: relative;
  font-size: 0;
}

.ax-videos .ax-contenedor-video .ax-video-item {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 2% 4% 0 0;
}

.ax-videos .ax-contenedor-video .ax-video-item:first-child {
  width: 100%;
  margin: 0 0 4%;
}

.ax-videos .ax-contenedor-video .ax-video-item:last-child {
  margin: 2% 0 0;
}

.ax-video-responsive {
  position: relative;
  padding-bottom: 45.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ax-video-responsive iframe,
.ax-video-responsive object,
.ax-video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------------------------| NOTICIAS HOME |-------------------------------------------*/
.ax-noticias-home {
  box-sizing: border-box;
  padding: 30px 0;
  position: relative;
}

.ax-noticias-home:before {
  content: "";
  width: 1px;
  height: 105%;
  background: #a6dbff;
  left: 0;
  right: 0;
  top: -23px;
  margin: auto;
  position: absolute;
  z-index: -1;
}

.ax-noticias-home .ax-videos h2 {
  margin: 0 0 25px;
}

.ax-noticias-home .ax-videos h3,
.ax-noticias-home .ax-noticas-agenda h3 {
  font-family: "essa-regular";
  font-weight: 500;
}

.ax-noticas-agenda div:nth-child(4) h3 {
  margin: 100px 0 0;
}

.ax-noticias-home .ax-noticas-agenda {
  margin: 30px 0 0;
  padding: 0 0 0 40px;
}

.ax-enterate-home,
.ax-enterate-items {
  width: 100%;
  position: relative;
  margin: 0 0 30px;
}

.ax-enterate-items img {
  float: left;
  width: 35%;
  margin: 0 20px 0 0;
}

.ax-enterate-items h4 {
  font-family: "essa-regular";
  font-weight: 500;
  font-size: 17px;
}

.ax-enterate-items .summary p,
.ax-enterate-items a.ax-links,
.ax-enterate-items a.ax-links:before,
.ax-agendate-items a.ax-links,
.ax-agendate-items a.ax-links:before {
  color: #727271;
}

.ax-enterate-items a.ax-links,
.ax-agendate-items a.ax-links {
  display: block;
  text-align: right;
  padding: 5px 40px 5px 0;
}

.ax-enterate-items a.ax-links:before,
.ax-agendate-items a.ax-links:before {
  left: 96%;
}

.ax-cont-botones {
  width: 100%;
  position: relative;
  text-align: right;
  margin: 25px 0;
}

.ax-centrar {
  text-align: center;
}

.ax-left {
  text-align: left;
}

.ax-right {
  text-align: right;
}

.ax-Proveedores .ax-contenido-general .ax-centrar {
  margin: 45px 0 0;
}

a.ax-botones,
.ax-botones,
.ModDigFormC .df_Default .submit a {
  display: inline-block;
  background: #254696;
  color: #ffffff;
  box-sizing: border-box;
  padding: 15px 45px 15px 15px;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a.ax-botones:hover,
a.ax-botones:focus,
.ax-botones:hover,
.ax-botones:focus,
.ModDigFormC .df_Default .submit a:hover,
.ModDigFormC .df_Default .submit a:focus,
.ax-btn-fondo:hover,
.ax-btn-fondo:focus,
.ax-btn-sin-fondo:hover,
.ax-btn-sin-fondo:focus,
.ax-btn-independiente:hover,
.ax-btn-independiente:focus {
  background-color: #009bdb !important;
  color: #fff !important;
  border-color: #009bdb !important;
}
a.ax-botones:before {
  content: "\e801";
  font-family: "font-essa-icon";
  right: 15px;
  position: absolute;
  font-size: 11px;
  top: 17px;
}

.ax-videos .ax-cont-botones {
  text-align: right;
}

.ax-agendate-home {
  width: 100%;
  position: relative;
  margin: 30px 0 0;
}

.ax-agendate-items {
  width: 100%;
  margin: 0 0 20px;
}

.ax-agendate-items .ax-fecha,
.ax-agendate-items h4 {
  display: inline-block;
}

.ax-agendate-items h4 {
  font-size: 17px;
  font-family: "essa-regular";
  font-weight: 300;
  margin: 0 0 10px;
}

.ax-agendate-items .ax-fecha {
  font-family: "essa-bold";
  border-right: 1px solid;
  padding-right: 10px;
  margin-right: 7px;
}

.ax-agendate-items a.ax-links {
  text-align: right;
}

/*-------------------------------------------| INNOVACION Y TRANSPARENCIA HOME |-------------------------------------------*/
.ax-innovacion {
  background: #dcefdd;
  position: relative;
  text-align: right;
}

.ax-transparencia {
  background: #a6dbff;
  position: relative;
}

.ax-innovacion .ModDNNHTMLC {
  box-sizing: border-box;
  padding: 120px 80px 120px 0;
}

.ax-transparencia .ModDNNHTMLC {
  box-sizing: border-box;
  padding: 120px 0 120px 80px;
}

.ax-innovacion:before,
.ax-transparencia:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.ax-innovacion:before {
  background: #dcefdd;
  left: -100%;
}

.ax-transparencia:before {
  background: #a6dbff;
  right: -100%;
}

.ax-innovacion .ModDNNHTMLC h2,
.ax-transparencia .ModDNNHTMLC h2 {
  color: #0060aa;
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
}

.ax-innovacion .ModDNNHTMLC h2:before,
.ax-transparencia .ModDNNHTMLC h2:before {
  content: "";
  background: #0060aa;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -7px;
}

.ax-innovacion .ModDNNHTMLC p,
.ax-transparencia .ModDNNHTMLC p {
  color: #0060aa;
  width: 70%;
  line-height: 20px;
  margin-bottom: 40px;
}

.ax-innovacion .ModDNNHTMLC p {
  margin-left: 30%;
}

a.ax-links {
  color: #0060aa;
  text-decoration: none;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 5px 20px 5px 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a.ax-links:after {
  content: "\e801";
  font-family: "font-essa-icon";
  color: #0060aa;
  position: absolute;
  right: 0;
  font-size: 11px;
  top: 6px;
  cursor: pointer;
  -webkit-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
  transition: right 0.2s ease;
}

a.ax-links:hover,
a.ax-links:focus {
  background-color: #009bdb;
  color: #fff;
}

a.ax-links:hover:after,
a.ax-links:focus:after {
  right: 5px;
  background-color: #009bdb;
  color: #fff;
}

/*-------------------------------------------| BANNER HOME CORPORATIVO |-------------------------------------------*/
.ax-corporativo {
  padding: 0;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport {
  top: 31%;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a {
  font-size: 45px;
  margin: 0 0 55px;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a:hover,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview h2 a:before {
  height: 3px;
  bottom: -18px;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview p {
  font-size: 22px;
  width: 85%;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview a.ax-links {
  margin: 35px 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview a.ax-links:hover,
.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview a.ax-links:focus {
  text-decoration: underline;
}

.ax-corporativo .ModEasyDNNrotatorC .eds_rotatorWrapper div.chameleon_slider div.item_info .viewport .overview a.ax-links:before {
  color: #ffffff;
}

.ax-Clientes .ax-corporativo {
  margin: 0 0 -20px;
}

/*-------------------------------------------| FORMULARIOS |-------------------------------------------*/
fieldset {
  border: 0;
  position: relative;
  margin: 0 0 25px;
  width: 100%;
  font-size: 0;
}

legend,
legend > span.ax-label {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 20px;
  color: #264796;
  font-family: "essa-bold";
  display: block;
}

legend > span.ax-label {
  margin: 0;
}

.ax-campo,
.ax-campos {
  width: 48%;
  display: inline-block !important;
  vertical-align: top;
  box-sizing: border-box;
	padding: 10px;
	position: relative;
	margin: 0px;
}

.ax-campo input[type="date"] {
    width: calc(100% - 17px);
    padding: 7px 6px;
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid gray;
}

.ax-campo label,
.ax-full .ax-label,
.ax-full label {
  display: block;
  margin: 0 0 5px;
}

.ax-campo label span,
.ax-campo span span,
.ax-requerido_span {
  display: inline-block;
  color: #ff0000;
  margin: 0 0 0 5px;
}

.ax-campo input[type="text"],
.ax-campo input[type="password"],
.ax-campo select,
.ax-campo textarea,
.ax-dato-dinamico,
.ax-full input[type="text"],
.ax-full input[type="password"],
.ax-full select,
.ax-full textarea,
.ax-contenido-informacion-usuario .ax-campo input[type="email"] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #727271;
  padding: 10px;
  box-sizing: border-box;
}

.ax-campo select,
.ax-campo .ax-select,
.RadComboBox,
.ax-full select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: url(../images/ico-select.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 11px;
}

.ax-campo select::-ms-expand {
  display: none;
}

.ax-campo input[type="checkbox"],
.ax-campo input[type="radio"],
.ax-check input[type="checkbox"],
.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"],
.ModDigFormC .df_Default .control div div.section .section_container .control .field div input[type="checkbox"] {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #727271;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-campo input[type="checkbox"] + label,
.ax-campo input[type="radio"] + label,
.ax-campo input[type="checkbox"] + span,
.ax-campo input[type="radio"] + span,
.ax-check input[type="checkbox"] + label,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"] + label,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div input[type="checkbox"] + label {
  position: relative;
  margin: 20px 0 0;
  padding-left: 35px;
}

.ax-campo input[type="checkbox"] + label:before,
.ax-campo input[type="radio"] + label:before,
.ax-campo input[type="checkbox"] + span:before,
.ax-campo input[type="radio"] + span:before,
.ax-check input[type="checkbox"] + label:before,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"] + label:before,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  border: 1px solid #727271;
  width: 20px;
  height: 20px;
  left: 0;
  top: -2px;
}

.ax-campo input[type="radio"]:checked + label:after,
.ax-campo input[type="radio"]:checked + span:after,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"]:checked + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #264796;
  left: 5px;
  top: 3px;
  position: absolute;
}

.ax-campo input[type="checkbox"]:checked + label:after,
.ax-campo input[type="checkbox"]:checked + span:after,
.ax-check input[type="checkbox"]:checked + label:after,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div input[type="checkbox"]:checked + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../images/icono-checked.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: absolute;
  left: 6px;
  top: 3px;
}

.ax-campo input[type="radio"] + label:before,
.ax-campo input[type="radio"]:checked + label:after,
.ax-campo input[type="radio"] + span:before,
.ax-campo input[type="radio"]:checked + span:after,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"] + label:before,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"]:checked + span:after,
.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"]:checked + label:after {
  border-radius: 50%;
}

.ax-botones {
  position: relative;
  margin: 0;
  padding: 0;
}

.ax-botones input[type="submit"],
.ModDocumentosTramitesC div div div table tr td input[value="Eliminar"],
.ax-cont-botones input[type="submit"],
.ax-cont-botones input[type="button"],
.ax-cont-botones button {
  border: 0;
  margin: 15px 0px 0px 0px;
  background-color: #264796;
  color: #ffffff;
  box-sizing: border-box;
  padding: 10px 45px;
  font-size: 16px;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-botones input[type="submit"]:hover,
.ax-botones input[type="submit"]:focus,
.ax-cont-botones input[type="submit"]:hover,
.ax-cont-botones input[type="submit"]:focus,
.ax-cont-botones input[type="button"]:hover,
.ax-cont-botones input[type="button"]:focus,
.ax-cont-botones button:hover,
.ax-cont-botones button:focus {
  background-color: #009bdb;
  color: #fff;
}

span.ax-error,
.normalred,
.val_asterisco,
div.ax-error,
div.ax-error ul li {
  display: block;
  color: #ff0000;
  font-size: 16px;
}

div.ax-error ul {
  margin: 10px 0;
}

div.ax-error {
  text-align: left;
  position: relative;
}

div.ax-error ul li {
  position: relative;
  padding: 2px 0 2px 15px;
  font-family: "essa-regular";
  display: inline-block;
  width: 48%;
}

div.ax-error ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: red;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
}

.ax-validaciones {
  margin: 5px 0 0;
}

.ax-requerido input[type="text"],
.ax-requerido input[type="password"],
.ax-requerido select,
.ax-requerido .ax-select,
.ax-requerido .RadComboBox table tr td input[type="text"],
.ax-requerido textarea,
.ax-requerido .ax-label-texto,
.ax-requerido input[type="checkbox"] + label:before,
.ax-requerido input[type="radio"] + label:before,
.ax-requerido input[type="checkbox"] + span:before,
.ax-requerido input[type="radio"] + span:before,
.ax-requerido .ax-input,
.ax-contenido-informacion-usuario .ax-requerido input[type="email"] {
  border: 0;
  border-bottom: 1px solid #ff0000 !important;
}

.ax-requerido input[type="checkbox"] + label:before,
.ax-requerido input[type="radio"] + label:before,
.ax-requerido input[type="checkbox"] + span:before,
.ax-requerido input[type="radio"] + span:before {
  border: 1px solid #ff0000;
}

.ax-label-texto {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #727271;
  padding: 10px;
  box-sizing: border-box;
  display: block;
}

.ax-campo input[readonly="readonly"],
.ax-campo select[enable="true"],
.ax-campo textarea[readonly="readonly"] {
  cursor: no-drop;
  background: #f3f3f3;
  border-bottom: 1px solid #e8e8e8;
}

/*-------------------------------------------| LOGIN |-------------------------------------------*/
.ax-error-404 .ax-titulo-pagina,
.ax-login .ax-titulo-pagina {
  display: none;
}

.ax-error-404,
.ax-login {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ax-login {
  background-image: url("/site/Portals/_default/Skins/ESSA/images/bg-login.jpg");
}

.ax-login .LoginPanel {
  margin: auto;
  width: 40%;
  text-align: center;
  padding: 0;
  float: none;
}

.ax-login .LoginPanel .dnnFormItem .dnnLabel,
.ax-login .LoginPanel .dnnFormItem input {
  display: block;
  width: 100%;
}

.ax-login .LoginPanel .dnnFormItem,
.ax-login .LoginPanel .dnnFormItem .dnnLabel {
  text-align: left;
}

.ax-login .LoginPanel .dnnFormItem .dnnLabel label {
  color: #ffffff;
}

.ax-login .LoginPanel .dnnFormItem input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ffffff;
  padding: 10px;
  box-sizing: border-box;
  background: none;
  min-width: 100%;
  max-width: 100%;
  border-radius: 0;
  color: #ffffff;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(3),
.ax-login .LoginPanel .dnnFormItem:nth-child(4),
.ax-login .LoginPanel .dnnFormItem:nth-child(5) {
  margin: 20px 0 0;
  text-align: center;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(3) span,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) span {
  display: inline-block;
  width: 100%;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(3) a,
.ax-login .LoginPanel .dnnFormItem:nth-child(5) a {
  border: 0;
  background: none;
  background-color: #264796;
  color: #ffffff;
  box-sizing: border-box;
  padding: 10px 45px;
  border-radius: 0;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(3) a:hover,
.ax-login .LoginPanel .dnnFormItem:nth-child(3) a:focus,
.ax-login .LoginPanel .dnnFormItem:nth-child(5) a:hover,
.ax-login .LoginPanel .dnnFormItem:nth-child(5) a:focus {
  background-color: #009bdb;
  color: #fff;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="checkbox"] + span {
  display: none;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(4) label {
  color: #ffffff;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="checkbox"] + span + label,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"] + span + label,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="checkbox"] + span,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"] + span {
  position: relative;
  margin: 20px 0 0;
  padding-left: 35px;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="checkbox"] + span + label:before,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"] + span + label:before,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="checkbox"] + span:before,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"] + span:before {
  content: "";
  position: absolute;
  border: 1px solid #ffffff;
  width: 25px;
  height: 25px;
  left: 0;
  top: -2px;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="checkbox"]:checked + span + label:after,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"]:checked + span + label:after,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="checkbox"]:checked + span:after,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"]:checked + span:after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  left: 7px;
  top: 4px;
  position: absolute;
}

.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"] + span + label:before,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"]:checked + span + label:after,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"] + span:before,
.ax-login .LoginPanel .dnnFormItem:nth-child(4) input[type="radio"]:checked + span:after {
  border-radius: 50%;
}

.dnnFormMessage.dnnFormError,
.dnnFormMessage.dnnFormValidationSummary {
  background-color: rgba(255, 0, 0, 0.3);
  border-color: rgba(255, 0, 0, 0.4);
}

.dnnFormMessage.dnnFormError span,
.dnnFormMessage.dnnFormValidationSummary span {
  color: rgba(255, 0, 0, 1);
}

/*-------------------------------------------| ERROR 404 |-------------------------------------------*/
.ax-error-404 {
  background-image: url("/site/Portals/_default/Skins/ESSA/images/bg-error.jpg");
}

.ax-error-404 .ax-content,
.ax-login .ax-content {
  width: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
  text-align: center;
}

.ax-error-404 .ax-content h2,
.ax-login .ax-content h2 {
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  padding: 20px 15%;
  border-bottom: 2px solid #ffffff;
}

.ax-error-404 .ax-content h3 {
  color: #fff;
  width: 42%;
  margin: auto;
  font-family: "essa-regular";
  font-weight: 500;
}

.ax-error-404 .ax-content a {
  color: #fff;
  display: inline-block;
  margin: 20px 0;
}

/*------Buscador Error 404------*/
.ax-error-404 .ax-buscador {
  width: 59%;
  background: none;
}

.ax-error-404 .ax-buscador_content {
  width: 100%;
  overflow: initial;
  top: 10px;
  z-index: 0;
}

.ax-error-404 .ax-buscador_container_relative,
.ax-error-404 .ax-search--active + .ax-search + .ax-buscador_content {
  width: 100%;
}

.ax-error-404 .ax-search--close,
.ax-error-404 .ax-search--active,
.ax-error-404 #dnn_dnnSearch_cmdSearch,
.ax-error-404 span.ax-cerrar_buscador,
.ax-error-404 .ax-buscador .ax-search {
  display: none;
}

/*-------------------------------------------| PAGINA ENTÉRATE |-------------------------------------------*/
.ax-enterate {
  position: relative;
  width: 100%;
}

.ax-enterate .ax-enterate-items {
  display: inline-block;
  width: 31.7%;
  margin: 0 2% 2% 0;
  vertical-align: top;
}

.ax-enterate .ax-enterate-items:nth-child(3n) {
  margin: 0 0 2% 0;
}

.ax-enterate .ax-enterate-items img {
  display: block;
  width: 100%;
  margin: 0 0 15px;
  float: none;
}

/*NEWS PDF LISTAS*/
.ax-contenedor-pdfs {
  width: 100%;
  position: relative;
  text-align: left;
}

.ax-pdfs-items {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 20px 20px 0;
  width: 31%;
}

.ax-pdfs-items a {
  text-decoration: none;
}

.ax-pdfs-items a img {
  display: block;
  margin: auto;
  max-width: 35px;
  position: relative;
  top: 0;
  -webkit-transition: top 0.2s ease;
  -o-transition: top 0.2s ease;
  transition: top 0.2s ease;
}

.ax-pdfs-items a h4 {
  font-size: 16px;
  text-align: center;
  margin: 0;
  display: block;
  max-width: 80%;
  margin: auto;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-pdfs-items:hover img {
  position: relative;
  top: -10px;
}

.ax-pdfs-items:hover a h4 {
  color: #009bdb;
}

/*Informes de sostenibilidad*/
.ax-informes {
  width: 100%;
  position: relative;
  font-size: 0;
}

.ax-informes-items {
  display: inline-block;
  vertical-align: top;
  width: 18%;
  margin: 0 2% 2% 0;
}

.ax-informes-items .content a img {
  display: block;
  position: relative;
  top: 0;
  width: 75%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-informes-items:hover .content a img {
  top: -10px;
}

/*ESTILOS TABLAS*/
.ax-contenedor-tabla {
  width: 100%;
}

.ax-tabla {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #dddddd;
  text-align: left;
}

.ax-tabla tr th,
.ax-tabla tr:first-child {
  background: #264796;
  padding: 10px;
  box-sizing: border-box;
}

.ax-tabla tr th,
.ax-tabla tr:first-child td {
  color: #ffffff;
  text-align: center;
}

.ax-tabla tr:nth-child(odd) {
  background: #f8f8f8;
}

.ax-tabla tr td {
  border: solid 1px #dddddd;
  padding: 10px;
  box-sizing: border-box;
  color: #727271;
}

.ax-tabla tr th,
.ax-tabla tr:first-child td,
.ax-tabla tr.ax-tr-remate td,
.ax-tabla tr.ax-tr-remate td b,
.ax-tabla tr.ax-tr-remate td strong {
  color: #ffffff;
}

.ax-tabla tr td.ax-td-subtitulo {
  background: #e6e6e6;
}

.ax-tabla tr.ax-tr-remate {
  background: #009bdb;
}

/*ENLACES DOC PDFS*/
a.ax-pdfs {
  position: relative;
  text-decoration: none;
  color: #264796;
  padding: 15px 0 15px 40px;
  margin: 0 25px 20px 0;
  display: inline-block;
  background-image: url("/site/Portals/_default/Skins/ESSA/images/icono-pdf.svg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 25px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a.ax-pdfs:hover {
  color: #009bdb;
  text-decoration: underline;
}

/*INFORMACION CORPORATIVA*/
form[action="/site/informacion-corporativa/-quienes-somos"] #dnn_Content_50_Left_1 .ModDNNHTMLC,
form[action="/site/informacion-corporativa/-quienes-somos"] #dnn_Content_50_Right_2 .ModDNNHTMLC,
form[action="/site/informacion-corporativa/-quienes-somos"] #dnn_Content_50_Left_5 .ModDNNHTMLC,
form[action="/site/informacion-corporativa/-quienes-somos"] #dnn_Content_50_Right_6 .ModDNNHTMLC {
  width: 80%;
}

form[action="/site/informacion-corporativa/-quienes-somos"] #dnn_Content_50_Right_2 .ModDNNHTMLC,
form[action="/site/informacion-corporativa/-quienes-somos"] #dnn_Content_50_Right_6 .ModDNNHTMLC {
  margin-left: 20%;
}

/*NEWS CONTENIDOS ESSA*/
.ax-contenido-essa,
.ax-contenido-essa-item {
  width: 90%;
  position: relative;
  clear: both;
  margin: 0 auto 100px;
  box-sizing: border-box;
}

.ax-contenido-essa-item:before {
  content: "";
  width: 15%;
  height: 2px;
  background: #c3c3c3;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
}

.ax-contenido-essa-item:last-child:before {
  content: none;
}

.ax-contenido-essa-item .ax-cont-img {
  width: 50%;
  max-width: 270px;
  min-height: 270px;
  border-radius: 50%;
  float: right;
  overflow: hidden;
  position: relative;
  margin: 0 0 0 30px;
}

.ax-contenido-essa-item .ax-cont-img img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 150%;
  max-width: 150%;
}

.ax-contenido-essa-item .ax-cont-info {
  position: relative;
  top: 70px;
  box-sizing: border-box;
  padding: 0 350px 0 0;
  text-align: right;
}

.ax-clear {
  clear: both;
}

.ax-contenido-essa-item:nth-child(even) .ax-cont-img {
  float: left;
  margin: 0 30px 0 0;
}

.ax-contenido-essa-item:nth-child(even) .ax-cont-info {
  text-align: left;
  padding: 0 0 0 350px;
}

/*DETALLE ARTICULOS*/
.ax-detalle-articulos,
.ax-tags-aticulos {
  position: relative;
  width: 100%;
}

.ax-detalle-articulos .article_image {
  margin: 0 0 20px;
}

.ax-tags-aticulos a {
  color: #727271;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 0 5px 0 0;
}

.ax-tags-aticulos b,
.meta_text b {
  color: #727271;
}

.ax-tags-aticulos a:hover,
.meta_text a:hover {
  color: #009bdb;
}

.ax-tags-aticulos a:after {
  content: ",";
  position: absolute;
  right: 0;
}

.ax-tags-aticulos a:last-child:after {
  content: none;
}

.ax-detalle-articulos .article_image,
.ax-detalle-articulos .article_image img {
  position: relative;
  width: 100%;
}

.ax-pie-foto {
  position: absolute;
  bottom: 0;
  margin: 0;
  background: #264796;
  color: #ffffff;
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
}

.meta_text {
  margin: 20px 0;
}

.meta_text,
.meta_text a {
  color: #727271;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.main_content p {
  text-align: justify;
}

.addthis_inline_share_toolbox {
  width: 100%;
  text-align: right;
  margin: 20px 0 0;
}

.article_gallery {
  display: none;
  visibility: hidden;
}

div#dnn_ctr2121_FormGPyAGPE_Seccion10 ul li,
.ax-detalle-articulos ul li,
.ModDNNHTMLC ul li,
.ax-items-texto li {
  position: relative;
  padding: 2px 0 2px 15px;
  font-family: "essa-regular";
}

div#dnn_ctr2121_FormGPyAGPE_Seccion10 ul li:before,
.ax-detalle-articulos ul li:before,
.ModDNNHTMLC ul li:before,
.ax-items-texto li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #264796;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
}

span.ax-asterisco {
  font-weight: bold;
}

/*-------------------------------------------| PAGINA CLIENTES |-------------------------------------------*/
/*CARD CLIENTES*/
.ax-cards-home {
  width: 100%;
  position: relative;
  font-size: 0;
}

.ax-card-item {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  position: relative;
  height: 600px;
  overflow: hidden;
}

.ax-card-item a {
  display: block;
  width: 100%;
  height: inherit;
}

.ax-card-item a img {
  min-width: 210%;
  width: 100%;
  margin: auto;
  display: block;
  position: absolute;
  transform: translateX(-50%);
  left: 40%;
  z-index: 1;
  filter: brightness(70%);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-card-item:hover a img {
  filter: brightness(100%);
}

.ax-card-item a h3 {
  position: absolute;
  z-index: 2;
  top: 55%;
  text-align: center;
  color: #fff;
  line-height: 36px;
  text-shadow: #000 1px 1px 3px;
  width: 100%;
}

.ax-Clientes .ax-cards-home,
.ax-Proveedores .ax-cards-home {
  margin: 0 0 -20px;
}

.ax-Proveedores .ax-card-item {
  width: 33.33%;
}

.ax-Proveedores .ax-card-item a h3 {
  transform: translateY(-50%);
  bottom: 50%;
}

/*Resultados de búsqueda*/
.dnnSearchBoxPanel,
.dnnSearchResultPanel {
  max-width: 100%;
  margin: 0;
  background: #254696;
  position: relative;
  padding: 30px 0 10px;
}

.dnnSearchBoxPanel {
  padding: 30px 0 10px;
}

.dnnSearchResultPanel {
  padding: 10px 0 30px;
}

.dnnSearchBoxPanel:before,
.dnnSearchResultPanel:before {
  content: "";
  width: 100%;
  position: absolute;
  background: #254696;
}

.dnnSearchBoxPanel:before {
  left: -100%;
  top: 0%;
  height: 205%;
}

.dnnSearchResultPanel:before {
  right: -100%;
  top: -95%;
  height: 195%;
}

.dnnSearchBoxPanel > a {
  visibility: hidden;
}

.dnnSearchBoxPanel .dnnSearchBox {
  margin: 0 11px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 10px;
}

.dnnSearchBoxPanel .dnnSearchBox input,
.dnnSearchBox > input[type="text"]:focus {
  border-radius: 0;
  border: 0;
  height: auto;
  padding: 10px;
  top: 0;
  left: 0;
  font-size: 16px;
  width: 95% !important;
}

.dnnSearchBox > .dnnSearchBox_advanced {
  display: none;
}

.dnnSearchBox > a.dnnSearchBoxClearText.dnnShow {
  top: 5px;
  right: 42px !important;
}

.dnnSearchBox > a.dnnSearchButton {
  background-size: 23px;
  width: 35px;
  height: 35px;
  top: -2px;
}

.dnnSearchResultPanel > .dnnRight > span.dnnSearchResultCountPerPage {
  color: #fff;
}

.selectize-control.single .selectize-input,
.dnnSearchResultPanel .dnnSearchResultSortOptions {
  border-radius: 0;
}

.dnnSearchResultItem-Title a {
  color: #264796;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.dnnSearchResultItem-Title a:hover,
.dnnSearchResultItem-Link a:hover {
  color: #009bdb;
}

.dnnSearchResultItem-Link a {
  color: #ababab;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-portal-name {
  display: none;
}

.ax-ESSA .ModSearchResultsC,
.ax-Clientes .ModSearchResultsC,
.ax-Proveedores .ModSearchResultsC {
  margin: -20px 0 0;
}

/*Li sin bullet*/
.ModDNNHTMLC .menu-secundario-footer li,
.ax-aliados-footer ul li,
.ax-certificados-footer ul li,
.ax-terminos .ModDNNHTMLC ul li,
.redactor-toolbar li,
.ax-links-inferiores ul li,
.ax-redes ul li,
.ModDNNHTMLC ul.menuP li,
.ax-menu-sac ul li,
.ModDNNHTMLC .ax-accordion-item ul li,
.ModDNNHTMLC .menu-transacciones div ul li,
.ModDNNHTMLC .ax-bullet-none li {
  padding: initial;
}

.ModDNNHTMLC .menu-secundario-footer li:before,
.ax-aliados-footer ul li:before,
.ax-certificados-footer ul li:before,
.ax-terminos .ModDNNHTMLC ul li:before,
ul.redactor-toolbar li:before,
.ax-links-inferiores ul li:before,
.ax-redes ul li:before,
.ModDNNHTMLC ul.menuP li:before,
.ax-menu-sac ul li:before,
.ModDNNHTMLC .ax-accordion-item ul li:before,
.ModDNNHTMLC .menu-transacciones div ul li:before,
.ModDNNHTMLC .ax-bullet-none li:before {
  content: none;
}

/*-------------------------------------------| PÁGINA VIDEOS |-------------------------------------------*/
.ax-contenido-general .ax-contenedor-video {
  width: 100%;
  position: relative;
  font-size: 0;
}

.ax-contenido-general .ax-contenedor-video .ax-video-item {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin: 2% 2% 0 0;
}

.ax-contenido-general .ax-contenedor-video .ax-video-item:nth-child(3n) {
  margin: 2% 0 0;
}

.ax-video-responsive {
  position: relative;
  padding-bottom: 69.25%;
  /*45.25%;*/
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ax-video-responsive iframe,
.ax-video-responsive object,
.ax-video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Tabs - Tabs Pro*/
.tabs-above {
  position: relative;
  width: 100%;
}

.nav-tabs .tabButton {
  background: #f8f8f8;
  margin: 0 5px 0 0;
}

.nav-tabs .tabButton a {
  border: 1px solid #dddddd !important;
  border-bottom: 0;
  color: #727271;
}

.nav-tabs .tabButton.active a,
.nav-tabs .tabButton.active a:hover,
.nav-tabs .tabButton:hover a {
  background-color: #264796 !important;
  color: #ffffff !important;
}

.bstrap30 .h1,
.bstrap30 .h2,
.bstrap30 .h3,
.bstrap30 .h4,
.bstrap30 .h5,
.bstrap30 .h6,
.bstrap30 h1,
.bstrap30 h2,
.bstrap30 h3,
.bstrap30 h4,
.bstrap30 h5,
.bstrap30 h6 {
  font-family: "essa-bold" !important;
  color: #264796 !important;
}

/*Accordion - Tabs Pro*/
.tp-bs-accordion .panel .panel-heading {
  background: #f8f8f8;
  border: 1px solid #dddddd !important;
}

.tp-bs-accordion .panel .panel-heading .panel-title a {
  text-decoration: none;
  color: #727271;
  display: block;
  background: url(../../../../../images/down-icn-wt.png) no-repeat right 50%;
}

.tp-bs-accordion .panel .panel-heading.activo {
  background-color: #264796 !important;
}

.tp-bs-accordion .panel .panel-heading:hover {
  background-color: #264796 !important;
}

.tp-bs-accordion .panel .panel-heading.activo a {
  color: #ffffff !important;
  background: url(../../../../../images/up-icn-wt.png) no-repeat right 50%;
}

.tp-bs-accordion .panel .panel-heading:hover a {
  color: #ffffff !important;
  background: url(../../../../../images/down-icn-wt.png) no-repeat right 50%;
}

/*-------------------------------------------| PÁGINA AGÉNDATE |-------------------------------------------*/
.ModEasyDNNnewsCalendarC .fc-unthemed .fc-header-toolbar {
  background: #254696;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
}

.ModEasyDNNnewsCalendarC .fc-unthemed .fc-header-toolbar .fc-left button,
.ModEasyDNNnewsCalendarC .fc-unthemed .fc-header-toolbar .fc-left .fc-button-group button {
  background: none;
  border: 0;
  box-shadow: none;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ModEasyDNNnewsCalendarC .fc-unthemed .fc-header-toolbar .fc-left .fc-button-group button:hover,
.fc-view-container .fc-widget-header table thead tr {
  background: #009bdb;
}

.ModEasyDNNnewsCalendarC .fc-unthemed .fc-header-toolbar .fc-center h2 {
  color: #ffffff;
}

.fc-view-container .fc-widget-header table thead tr th.fc-day-header {
  box-sizing: border-box;
  padding: 10px;
  color: #ffffff;
}

.fc-day-number {
  color: #254696;
  font-size: 20px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.fc-day-number:hover,
.fc-content .fc-time {
  color: #009bdb;
}

.fc-unthemed td.fc-today {
  background-color: #f8f8f8 !important;
}

.fc-event-container a {
  background-color: rgba(0, 96, 170, 0.1) !important;
  border: 0 !important;
  text-decoration: none !important;
}

.fc-content .fc-title {
  color: #254696;
  padding: 10px;
  display: inline-block;
}

/*ALIADOS*/
.ax-aliados {
  width: 100%;
  position: relative;
  font-size: 0;
  text-align: center;
}

.ax-aliados .ax-aliados-items {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 0 2% 2% 0;
}

.ax-aliados .ax-aliados-items:nth-child(4n) {
  margin: 0 0 2% 0;
}

.ax-aliados .ax-aliados-items img {
  display: inline-block;
  margin: auto;
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  filter: grayscale();
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-aliados .ax-aliados-items:hover img {
  filter: none;
}

.ax-aliados .ax-aliados-items h4,
.ax-aliados .ax-aliados-items .summary {
  text-align: center;
}

.ax-aliados .ax-aliados-items a {
  text-decoration: none;
}

.ax-input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #727271;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  background: transparent;
}

html body .riSingle .riTextBox[type="text"] {
  border: 1px;
}

/*Asignación de cita*/
.RadComboBox_Default .rcbInputCell,
.RadComboBox_Default .rcbArrowCell {
  background-image: none !important;
}

.RadComboBox .rcbArrowCell a {
  width: 0px !important;
}

.RadComboBox .rcbInput {
  background: none !important;
  border-bottom: 1px solid #727271 !important;
}

.rcbList li {
  color: #000;
}

#lblIntro {
  line-height: 30px;
}

/*GRID*/
.RadGrid .rgHeader a {
  color: #fff !important;
  font-family: "essa-bold";
}

.RadGrid .rgHeader {
  color: #fff;
  background: #264796 !important;
}

.RadGrid {
  margin: 20px 0 0 0;
  border: 0 !important;
}

.RadGrid table {
  border-collapse: collapse !important;
}

.RadGrid .rgRow input[type="submit"],
.RadGrid .rgAltRow input[type="submit"] {
  margin: 0;
  background: #009bdb;
}

.RadGrid tbody td {
  padding: 5px !important;
  border: solid 1px #dddddd !important;
  box-sizing: border-box !important;
  color: #727271 !important;
  font-size: 13px;
}

.RadGrid_Default .rgAltRow {
  background: #f8f8f8;
}

.RadGrid .rgPagerCell input[type="submit"] {
  padding: 0;
  margin: 0;
}

.RadGrid .rgPagerCell td {
  padding: 0px !important;
  border: 0px !important;
}

.RadGrid .rgPagerCell .rcbInputCell:after {
  right: 5px;
}

.RadAsyncUpload span.ruFileWrap {
  width: 65% !important;
  height: auto;
  position: initial;
  display: inline-block;
  margin: 5px 0 0;
}

.campo_upload ul li span > input[type="text"] {
  width: 30% !important;
}

.campo_upload ul li span > input[type="button"] {
  display: block;
  left: 23%;
  top: 15px;
}

.RadAsyncUpload span.ruFileWrap input[type="text"] {
  width: 75%;
  float: none;
  margin: 11px 0 0;
}

.RadUpload .ruStyled .ruFileInput {
  left: 0;
  width: 100%;
  cursor: pointer;
  height: 100%;
}

#fuAnexoGeneralListContainer li,
li[id*="fuAnexoGeneralrow"] {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

body .ax-campo .ruInputs input[type="button"] {
  box-shadow: none;
  border: 0;
  width: auto !important;
  padding: 11px 21px !important;
  font-size: 16px !important;
  text-shadow: none;
  height: auto !important;
  float: right;
  background: #264796 !important;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.RadUpload .ruUploadSuccess {
  color: initial;
}

.RadUpload .ruUploadProgress {
  display: inline-block;
  color: inherit;
}

.ruInputs,
.ruFileWrap {
  overflow: initial !important;
}

.ModFormularioPqrC .ax-label {
  color: #264796;
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  font-weight: bold;
  color: #222;
}

.RadUpload {
  width: 100% !important;
}

.RadUpload_Default .ruButton {
  color: #fff !important;
  background: #009bdb !important;
  position: absolute;
  right: 0px;
  top: 0px;
  vertical-align: initial !important;
}

.RadUpload .ruUploadSuccess {
  padding: 0 0 0 18px !important;
}

.RadUpload .ruFileInput {
  vertical-align: initial !important;
}

.RadComboBox_Default {
  min-width: 100%;
}

/*Solicitud de información y clasificación*/
.DynamicForms_Maintable tr td table tr td {
  padding: 10px;
}

.DynamicForms_Maintable tr td table tr td input,
.DynamicForms_Maintable tr td table tr td select,
#ModuleContainer .textbox_medium {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: url("/site/Portals/_default/Skins/ESSA/images/ico-select.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 4%;
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #727271;
  box-sizing: border-box;
}

.DynamicForms_Maintable tr td table tr td input {
  background-image: none;
}

.DynamicForms_Maintable tr td label span {
  color: #264796;
  font-weight: lighter;
}

/*Soliciud factibilidad energía*/
.ModDNNHTMLC ol {
  counter-reset: section;
  margin: 0;
}

.ModDNNHTMLC ol li {
  padding: 0 0 6px 35px;
}

.ModDNNHTMLC ol li:before {
  counter-increment: section;
  content: counters(section, ".") ".";
  font-weight: bold;
  position: absolute;
  left: 16px;
}

/*FORMULARIO DE FACTIBILIDAD*/
.ModGenerarFactibilidadC .ax-campo {
  width: 47%;
}

.DynamicForms_SaveFormDiv p input[type="button"],
div#ModuleContainer .button_medium {
  border: 0;
  margin: 15px 0px 0px 0px;
  background-color: #264796;
  color: #ffffff;
  box-sizing: border-box;
  padding: 10px 45px;
  font-size: 16px;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.DynamicForms_SaveFormDiv p input[type="button"]:hover,
div#ModuleContainer .button_medium:hover {
  background-color: #009bdb;
}

.ModGenerarFactibilidadC .conteiner-tabs h2 {
  font-size: 20px;
}

.val_asterisco {
  position: absolute;
  left: 0;
}

.val_asterisco + .ax-label {
  padding: 0 0 0 6px;
}

.RadComboBox table {
  width: 30%;
}

/*FORMULARIOS MOD DIGFORM*/
.ModDigFormC {
  border: 0;
  position: relative;
  margin: 0 0 25px;
  width: 100%;
  font-size: 0;
}

.ModDigFormC .control,
.DynamicForms_MainPanel .DF-FieldRow {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 7px;
  margin: 0 2% 2% 0;
  position: relative;
}

.ModDigFormC .control label.label,
.DynamicForms_MainPanel .DF-FieldRow .dnnFormItem span {
  display: flex;
  margin: 0 0 5px;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.ModDigFormC .control label.label .help_icon {
  order: 1;
  padding-left: 0;
  padding-right: 5px;
}

.ModDigFormC .control label.label .required_label {
  padding-left: 0;
  padding-right: 5px;
}

.ModDigFormC .control .field div input[type="text"],
.ModDigFormC .control .field div input[type="password"],
.ModDigFormC .control .field div select,
.ModDigFormC .control .field div textarea,
.ModDigFormC .captcha div input[type="text"],
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionDiv input[type="text"],
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionDiv input[type="password"],
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionDiv select,
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionDiv textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #727271;
  padding: 10px;
  box-sizing: border-box;
}

.ModDigFormC .captcha div div {
  margin: 10px 0;
}

.ModDigFormC .control .field div {
  white-space: normal !important;
  font-size: 0;
}

.df_form .field {
  float: none;
  padding: 0;
}

.df_Default .focus {
  background-color: transparent !important;
}

.ModDigFormC .captcha div input[type="text"] {
  width: 15%;
}

.ModDigFormC div div div.submit input[type="submit"],
.DynamicForms_SaveFormDiv p a.dnnPrimaryAction {
  border: 0;
  margin: 15px 0px 0px 0px;
  background-color: #264796;
  color: #ffffff;
  box-sizing: border-box;
  padding: 10px 45px;
  font-size: 16px;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ModDigFormC div div div.submit input[type="submit"]:hover,
.DynamicForms_SaveFormDiv p a.dnnPrimaryAction:hover,
.ModDigFormC .control .field div input[type="file"]:focus + label,
.ModDigFormC .control .field div input[type="file"] + label:hover {
  background-color: #009bdb;
  color: #fff;
}

.ModDigFormC .control .field div input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.ModDigFormC .control .field div input[type="file"] + label {
  border: 0;
  display: inline-block;
  margin: 15px 0px 0px 0px;
  background-color: #264796;
  color: #ffffff;
  box-sizing: border-box;
  padding: 10px 45px;
  font-size: 16px;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*MAPA AUTOGENERADORES*/
.ModMapaAutogeneradorC .ax-campo,
.ModMapaAutogeneradorC .ax-botones {
  width: 28%;
}

.ModMapaAutogeneradorC .ax-botones {
  display: inline-block;
  vertical-align: middle;
}

.ModMapaAutogeneradorC .ax-botones input[type="submit"] {
  margin: 27px 0 0;
}

.ModMapaAutogeneradorC .RadGrid_Default .rgHeader {
  color: #ffffff !important;
  font-weight: bold;
}

.ModMapaAutogeneradorC .leaflet-container {
  width: 100% !important;
  height: 600px !important;
}

.ax-contenedor-tabla > div {
  width: 100% !important;
  max-width: 1200px;
  overflow: auto !important;
}

.ax-tabla tr.ax-tr-verde td:first-child,
.ax-tabla tr.ax-tr-amarillo td:first-child,
.ax-tabla tr.ax-tr-naranja td:first-child,
.ax-tabla tr.ax-tr-rojo td:first-child {
  width: 42px;
}

.ax-tabla tr.ax-tr-verde td:first-child {
  background: green;
}

.ax-tabla tr.ax-tr-amarillo td:first-child {
  background: yellow;
}

.ax-tabla tr.ax-tr-naranja td:first-child {
  background: orange;
}

.ax-tabla tr.ax-tr-rojo td:first-child {
  background: red;
}

.btnPopUpAnexoGeneral {
  width: 18px;
  vertical-align: middle;
  margin: 0 0 4px 6px;
}

#fuAnexoGeneralListContainer li:last-child() .ruFileWrap input[type="button"].ruBrowse {
  position: relative;
}

.RadUpload_Default .ruRemove {
  margin-left: 21px;
}

/*Ofertas de empleo*/
.ModAutenticacionC fieldset {
  width: 30%;
  margin: auto;
}

.ModAutenticacionC fieldset .ax-campo {
  width: 100%;
}

.ModAutenticacionC fieldset .ax-botones {
  text-align: center;
  margin: 0 0 20px;
}

.ax-link-extras {
  width: 100%;
  text-align: center;
}

.ax-link-extras a:first-child {
  margin: 0 10px 0 0;
}

/*Formulario PQR*/

.ax-radio input {
  margin: 10px 0 10px 10px;
}

.ax-radio {
  padding: 10px 0;
}

/*Formulario PQR*/
.DynamicForms_MainPanel .DF-FieldRow fieldset {
  text-align: left;
  border: 0 !important;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionDiv input {
  width: 100% !important;
  border-radius: 0;
}

.DynamicForms_SaveFormDiv {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: red; /* SE AGREGA PARA MOSTRAR ERRORES EN EL DYNAMICFORMS EN ROJO*/
}

.DynamicForms_SaveFormDiv p {
  margin: 0;
  text-align: center;
}

.DynamicForms_SaveFormDiv p a.dnnPrimaryAction,
.DynamicForms_MainPanel .DF-FieldRow .dnnFormItem > span.dnnSecondaryAction,
.ModGenerarFactibilidadC .essa_button input[type="submit"],
.ModGenerarFactibilidadC .essa_button input[type="button"],
.ModGenerarFactibilidadC .essa_button button,
.ModGenerarFactibilidadC .essa_control input[type="submit"],
.ModGenerarFactibilidadC .essa_control input[type="button"],
.ModGenerarFactibilidadC .essa_control button {
  box-shadow: none;
  border: 0;
  text-shadow: none;
  background: #264796;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.DynamicForms_SaveFormDiv p a.dnnPrimaryAction:hover,
.DynamicForms_MainPanel .DF-FieldRow .dnnFormItem > span:hover,
.ModGenerarFactibilidadC .essa_button input[type="submit"]:hover,
.ModGenerarFactibilidadC .essa_button input[type="button"]:hover,
.ModGenerarFactibilidadC .essa_button button:hover,
.ModGenerarFactibilidadC .essa_control input[type="submit"]:hover,
.ModGenerarFactibilidadC .essa_control input[type="button"]:hover,
.ModGenerarFactibilidadC .essa_control button:hover {
  background: #009bdb;
}

.DynamicForms_MainPanel .DF-FieldRow .dnnFormItem > span.dnnSecondaryAction {
  font-weight: 200;
  border: 0 !important;
  float: none !important;
  text-align: left;
  box-shadow: none;
  display: inline-block !important;
  color: #fff;
  padding: 10px 30px;
  border-radius: 0;
}

.DynamicForms_MainPanel .DF-FieldRow.ax-requerido .DynamicForms_QuestionDiv input[type="text"],
.DynamicForms_MainPanel .DF-FieldRow.ax-requerido .DynamicForms_QuestionDiv input[type="password"],
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div.ax-requerido select,
.DynamicForms_MainPanel .DF-FieldRow.ax-requerido .DynamicForms_QuestionDiv textarea {
  border: 0;
  border-bottom: 1px solid red;
}

#ModuleContainer .resaltarRequerido {
  background: none !important;
  position: relative;
}

#ModuleContainer .resaltarRequerido:before {
  content: "*";
  color: red;
}

.ax-full {
  width: 100% !important;
}

.ax-full textarea,
#DivIndicarElementosControl .ax-campo textarea {
  border: 1px solid #727271;
}

.ax-full.ax-requerido textarea {
  border: 1px solid #ff0000;
}

.ax-div-inline {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

.ax-campo .captcha_PQR {
  width: 60%;
  text-align: center;
  margin: auto;
}

.ax-campo .captcha_PQR .dnnLeft {
  float: none;
}

.ModDigFormC .df_Default .submit a {
  padding: 15px 45px;
}

.df_form .val_summary {
  display: none;
}

/*Reporte de daños*/
.ax-contenedor-full {
  width: 100%;
  position: relative;
}

.ax-contenedor-adjunto,
.ax-contenedor-captchap {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.ax-contenedor-adjunto {
  margin: 0 2% 0 0;
}

.ax-contenedor-full .ax-contenedor-adjunto .RadUpload ul li span {
  height: auto !important;
  display: block;
  margin: 5px 0;
}

.ax-contenedor-full .ax-contenedor-adjunto .RadUpload ul li span input[type="text"],
table.DynamicForms_Maintable tr td:nth-child(2) .dynamicforms_questionpanel table tr td textarea {
  width: auto;
  border: 0;
  border-bottom: 1px solid #727271;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 15px 0 0;
  height: auto !important;
}

.ax-contenedor-full .ax-contenedor-adjunto .RadUpload ul li span input[type="button"],
.RadUpload .ruRemove,
.rwContentRow td div div input[type="submit"] {
  box-shadow: none !important;
  border: 0 !important;
  text-shadow: none !important;
  padding: 10px !important;
  margin: 10px 0 0;
  background: #264796 !important;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: auto !important;
  width: auto !important;
  font-size: 16px !important;
  position: relative;
  cursor: pointer !important;
}

.ax-contenedor-full .ax-contenedor-adjunto .RadUpload ul li span input[type="button"]:hover,
.RadUpload .ruRemove:hover,
.rwContentRow td div div input[type="submit"]:hover {
  background: #009bdb !important;
}

/*Formulario de factibilidad*/
.ModGenerarFactibilidadC .essa_button input[type="submit"],
.ModGenerarFactibilidadC .essa_button input[type="button"],
.ModGenerarFactibilidadC .essa_button button,
.ModGenerarFactibilidadC .essa_control input[type="submit"],
.ModGenerarFactibilidadC .essa_control input[type="button"],
.ModGenerarFactibilidadC .essa_control button {
  color: #fff;
  padding: 10px 25px;
  font-size: 16px;
  cursor: pointer;
}

html body .riSingle .riTextBox[disabled="disabled"] {
  background: #f1f1f1;
  padding: 15px !important;
  border: 0;
  border-bottom: 1px solid #aaaaaa;
  box-sizing: border-box;
}

.ModGenerarFactibilidadC .ax-campo .essa_control input[type="submit"] {
  width: auto;
  height: auto;
  min-width: initial;
  float: none;
}

.ModGenerarFactibilidadC .essa_button {
  display: inline-block;
  vertical-align: middle;
}

/*Solicitud de inofrmación y clasificación*/
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionDiv select {
  width: 100% !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0 !important;
  background-color: #ffffff;
  background-image: url(../images/ico-select.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 11px;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionDiv textarea {
  width: 100% !important;
  height: initial !important;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span span input[type="radio"] + span.dnnRadiobutton span.mark img,
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span input[type="checkbox"] + span.dnnCheckbox span.mark img,
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span + br,
table.DynamicForms_Maintable tr td:nth-child(2) .dynamicforms_questionpanel table tr td table tr td span span.dnnRadiobutton span.mark img {
  display: none;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span span {
  display: block;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span span + label {
  margin-left: 35px;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span span input[type="radio"] + span.dnnRadiobutton,
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span input[type="checkbox"] + span.dnnCheckbox,
table.DynamicForms_Maintable tr td:nth-child(2) .dynamicforms_questionpanel table tr td table tr td span input[type="radio"] + span.dnnRadiobutton {
  position: relative;
  margin: 20px 0 0;
  padding-left: 35px;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span span input[type="radio"] + span.dnnRadiobutton:before,
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span input[type="checkbox"] + span.dnnCheckbox:before,
table.DynamicForms_Maintable tr td:nth-child(2) .dynamicforms_questionpanel table tr td table tr td span input[type="radio"] + span.dnnRadiobutton:before {
  content: "";
  position: absolute;
  border: 1px solid #727271;
  width: 20px;
  height: 20px;
  left: 0;
  top: -2px;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span input[type="checkbox"] + span.dnnCheckbox:before {
  top: -17px;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span span input[type="radio"]:checked + span.dnnRadiobutton:after,
table.DynamicForms_Maintable tr td:nth-child(2) .dynamicforms_questionpanel table tr td table tr td span input[type="radio"]:checked + span.dnnRadiobutton:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #264796;
  left: 5px;
  top: 3px;
  position: absolute;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span span input[type="radio"] + span.dnnRadiobutton:before,
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span input[type="radio"]:checked + span.dnnRadiobutton:after,
table.DynamicForms_Maintable tr td:nth-child(2) .dynamicforms_questionpanel table tr td table tr td span input[type="radio"] + span.dnnRadiobutton:before,
table.DynamicForms_Maintable tr td:nth-child(2) .dynamicforms_questionpanel table tr td table tr td span input[type="radio"]:checked + span.dnnRadiobutton:after {
  border-radius: 50%;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span input[type="checkbox"]:checked + span.dnnCheckbox:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../images/icono-checked.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: absolute;
  left: 6px;
  top: -12px;
}

.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span,
.DynamicForms_MainPanel .DF-FieldRow .DynamicForms_QuestionTopDiv div div span + br + p {
  width: auto !important;
  vertical-align: bottom;
  display: inline-block;
  margin: 0 0 10px;
}

.DynamicForms_MainPanel > div > .DynamicForms_Summary > ul {
  margin: 0 0 15px;
}

.DynamicForms_MainPanel > div > .DynamicForms_Summary > ul > li {
  color: red;
  position: relative;
  padding: 0 0 6px 13px;
}

.DynamicForms_MainPanel > div > .DynamicForms_Summary > ul > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 5px;
  background: red;
  border-radius: 50%;
}

/*Modal RadWindow*/
.RadWindow_Default .rwShadow .rwTopLeft,
.RadWindow_Default .rwShadow .rwTopRight,
.RadWindow_Default .rwShadow .rwTitlebar,
.RadWindow_Default .rwShadow .rwFooterLeft,
.RadWindow_Default .rwShadow .rwFooterRight,
.RadWindow_Default .rwShadow .rwFooterCenter,
.RadWindow_Default .rwShadow .rwTopResize,
.RadWindow_Default .rwShadow .rwStatusbar div,
.RadWindow_Default .rwShadow .rwStatusbar,
.RadWindow_Default .rwShadow .rwPopupButton,
.RadWindow_Default .rwShadow .rwPopupButton span,
.RadWindow_Default .rwShadow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwBodyRight,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyRight,
.RadWindow_Default .rwShadow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwBodyRight,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyRight,
.RadWindow .rwCorner,
.RadWindow .rwTitlebar,
.RadWindow .rwStatusbar,
.RadWindow .rwFooterCenter,
.RadWindow .rwTitlebarControls td,
.RadWindow .rwWindowContent .radalert {
  background: #ffffff !important;
}

.RadWindow .rwTitlebarControls tr td:first-child {
  display: none !important;
}

.RadWindow_Default .rwTable .rwTitlebarControls em {
  font-family: "essa-bold" !important;
  color: #264796 !important;
  font-size: 18px !important;
  margin: 0 0 15px;
}

.RadWindow_Default .rwShadow .rwControlButtons a,
.RadWindow_Default .rwControlButtons a,
.PopUpContent input[value="X"] {
  width: 26px !important;
  height: 26px !important;
  position: absolute;
  top: 0;
  right: 0;
  background: #264796 !important;
  z-index: 1;
  text-indent: initial !important;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.RadWindow_Default .rwShadow .rwControlButtons a:before,
.RadWindow_Default .rwControlButtons a:before,
.PopUpContent input[value="X"]:before {
  font-family: "font-essa-icon";
  content: "\e805";
  position: absolute;
  color: #ffffff;
  top: 1px;
  right: 0;
  font-size: 16px;
  line-height: 20px;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.RadWindow_Default .rwShadow .rwControlButtons a:hover,
.RadWindow_Default .rwControlButtons a:hover,
.PopUpContent input[value="X"]:hover {
  background: #009bdb !important;
}

.RadWindow ul.rwControlButtons span {
  display: none !important;
}

.rwContentRow td div {
  height: auto !important;
  padding: 7px;
  box-sizing: border-box;
}

.rwContentRow td div div input[type="submit"] {
  color: #ffffff !important;
  padding: 10px 25px !important;
}

td input.ax-botones,
.rwPopupButton > span > span,
.ax-archivos-proceso div input[type="submit"],
.ContenedorSeleccionados input[type="submit"] {
  display: inline-block;
  background: #254696 !important;
  color: #ffffff;
  box-sizing: border-box;
  padding: 15px;
  text-decoration: none;
  position: relative;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

td input.ax-botones:hover,
.rwPopupButton > span > span:hover,
.ax-archivos-proceso div input[type="submit"]:hover,
.ContenedorSeleccionados input[type="submit"]:hover {
  background: #178eea !important;
}

.RadWindow .rwPopupButton,
.RadWindow .rwPopupButton span {
  color: #fff !important;
  line-height: initial !important;
  height: auto !important;
}

.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan {
  padding: 10px !important;
}

.RadWindow .rwDialogPopup {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "essa-regular" !important;
}

/*Suspensiones programadas*/
#ModuleContainer .table_grid th.rgHeader {
  font-weight: bold !important;
  font-size: 16px !important;
}

/*Paginador suspensiones...*/
.rgWrap.rgArrPart1 input[type="submit"],
.ax-cont-left input[type="submit"],
.RadGrid .NumericPages .rgNumPart a {
  background-color: #254696;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  border: 0;
  box-shadow: none;
  padding: 15px !important;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.rgWrap.rgArrPart1 input[type="submit"]:hover,
.ax-cont-left input[type="submit"]:hover,
.RadGrid .NumericPages .rgNumPart a:hover,
.RadGrid .NumericPages .rgNumPart a.rgCurrentPage {
  background-color: #178eea;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}

.rgWrap.rgArrPart1 input[type="submit"]:first-child,
.rgWrap.rgArrPart1 input[type="submit"]:first-child:hover,
.ax-cont-left input[type="submit"]:first-child,
.ax-cont-left input[type="submit"]:first-child:hover {
  background-image: url("../images/primero.png");
}

.rgWrap.rgArrPart1 input[type="submit"]:nth-child(2),
.rgWrap.rgArrPart1 input[type="submit"]:nth-child(2):hover,
.ax-cont-left input[type="submit"]:nth-child(2),
.ax-cont-left input[type="submit"]:nth-child(2):hover {
  background-image: url("../images/anterior.png");
  background-size: 30%;
}

.rgWrap.rgArrPart1 input[type="submit"]:nth-child(3),
.rgWrap.rgArrPart1 input[type="submit"]:nth-child(3):hover,
.ax-cont-left input[type="submit"]:nth-child(3),
.ax-cont-left input[type="submit"]:nth-child(3):hover {
  background-image: url("../images/siguiente.png");
  background-size: 30%;
}

.rgWrap.rgArrPart1 input[type="submit"]:last-child,
.rgWrap.rgArrPart1 input[type="submit"]:last-child:hover,
.ax-cont-left input[type="submit"]:nth-child(4),
.ax-cont-left input[type="submit"]:nth-child(4):hover {
  background-image: url("../images/ultimo.png");
}

/*Paginador entérate*/
.article_pager {
  width: 100%;
  text-align: right;
  margin: 20px 0;
}

.article_pager a.page {
  background: #264796;
  display: inline-block;
  color: #ffffff;
  padding: 10px 15px;
  text-decoration: none;
  margin: 0 0 0 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.article_pager a.page:hover,
.article_pager a.active {
  background: #178eea;
}

.smbLightOverlayWrapper.modern .mainWrapper .itemTitle {
  font-family: "essa-regular" !important;
  font-size: 14px !important;
}

/*Paginador Gallery*/
.ax-content #EDG_0_Shadow .EDGpager a,
.ax-content #EDG_0_Shadow .EDGpager span {
  background: #264796;
  display: inline-block;
  color: #ffffff !important;
  padding: 10px 15px !important;
  text-decoration: none;
  border: 0 !important;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-content #EDG_0_Shadow .EDGpager a:hover,
.ax-content #EDG_0_Shadow .EDGpager span {
  background: #178eea;
}

.smbLightOverlayWrapper.modern .mainWrapper .close {
  right: 0 !important;
}

.nombre-tramite span {
  font-size: 25px;
  line-height: 25px;
  color: #264796;
  margin: 20px 0;
  display: inline-block;
}

/*MATRIZ DE REQUISITOS*/
.ModMatrizC .ax-campo,
.ventana_direccion .ax-campo,
.ModAutogeneradores2019C .ax-campo,
.ax-full .ax-campo {
  width: 47%;
}

/*Accordion Matriz*/
.accordion .accordion-toggle {
  display: block;
  background: #f8f8f8;
  border: 1px solid #dddddd !important;
  padding: 10px 15px;
  border-radius: 3px;
  text-decoration: none;
  color: #727271;
  cursor: pointer;
  position: relative;
}

.accordion .accordion-toggle::before {
  content: "\e802";
  font-family: "font-essa-icon";
  position: absolute;
  right: 20px;
  color: #727271;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.accordion .accordion-toggle.active {
  background: #264796;
  color: #ffffff;
}

.accordion .accordion-toggle.active::before {
  color: #ffffff;
  transform: rotate(180deg);
}

.accordion .accordion-content {
  border: 1px solid #dddddd;
  padding: 15px;
  box-sizing: border-box;
  display: none;
  margin: 0 0 15px;
}

.msgTramiteNoPQR {
  margin: 15px 0;
}

/*Direcciones*/
.RadWindow_Default .rwTopLeft,
.RadWindow_Default .rwTopRight,
.RadWindow_Default .rwTitlebar,
.RadWindow_Default .rwFooterLeft,
.RadWindow_Default .rwFooterRight,
.RadWindow_Default .rwFooterCenter,
.RadWindow_Default .rwTopResize,
.RadWindow_Default .rwStatusbar div,
.RadWindow_Default .rwStatusbar,
.RadWindow_Default .rwPopupButton,
.RadWindow_Default .rwPopupButton span,
.RadWindow_Default.rwMinimizedWindow .rwCorner,
.RadWindow_Default .rwBodyLeft,
.RadWindow_Default .rwBodyRight,
.RadWindow_Default .rwStatusbarRow .rwCorner {
  background-image: none !important;
}

.ModDireccionesC .ax-cont-botones,
.ventana_direccion .ax-cont-botones,
.ModAsignacioncitasC .ax-cont-botones,
.ModDesconexionesProgramadasC .ax-cont-botones,
.ModConsultarRadicadosC .ax-cont-botones,
.ModConsultarProcesoContratacionC .ax-cont-botones,
.ModAdministrarConvocatoriaC .ax-cont-botones,
.ModAdministrarConvocatoriasEditC .ax-cont-botones,
.ModadminListarInscritosConvocatoriaC .ax-cont-botones {
  margin: 20px 0;
}

/*Mapa autogeneradores*/
.ModMapaAutogeneradorC .ax-campos:nth-child(3) {
  width: 13%;
  vertical-align: bottom;
}

.ModMapaAutogeneradorC .ax-campos:nth-child(3) input {
  padding: 11px 21px !important;
  font-size: 16px !important;
  width: 100%;
}

.leaflet-popup-content {
  width: 500px !important;
}

/*Administrador de Citas*/
.ModAdministrarAsignacionCitaC .ax-cont-botones {
  margin: 15px 0;
}

.ModAdministrarAsignacionCitaC .ax-cont-botones input {
  margin: 0;
}

.RadTabStripTop_Default .rtsLevel {
  position: relative;
  width: 100%;
}

.RadTabStrip .rtsUL,
.RadTabStripVertical .rtsUL {
  float: none;
}

.RadTabStrip .rtsLI {
  float: none !important;
  display: inline-block !important;
  vertical-align: bottom;
  width: auto !important;
}

.RadTabStripTop_Default .rtsLevel .rtsLink,
.RadTabStripTop_Default .rtsLevel .rtsOut,
.RadTabStripBottom_Default .rtsLevel .rtsLink,
.RadTabStripBottom_Default .rtsLevel .rtsOut,
.RadTabStripTop_Default_Baseline .rtsLevel,
.RadTabStripBottom_Default_Baseline .rtsLevel {
  background-image: none !important;
}

.RadTabStrip .rtsLink {
  background-color: #f8f8f8;
  border: 1px solid #dddddd !important;
  border-radius: 3px 3px 0 0;
  color: #727271 !important;
  cursor: pointer !important;
  position: relative;
  padding: 10px;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.RadTabStrip .rtsLink:hover,
.RadTabStrip .rtsLink.rtsSelected {
  background: #178eea;
  color: #ffffff !important;
}

div#HoraInicio {
  margin: 10px 0 0;
}

.hora-disp {
  font-size: 0;
}

.hora-disp div div,
.hora-disp div div table tr td span input[type="text"] {
  width: 100% !important;
  background: initial !important;
}

.RadGrid_Default .rgHeader {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.tipo-cita span label {
  color: #444444;
}

/*Horario Disponible*/
.ax-cont-citas {
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  display: block !important;
  border: 1px solid #dddddd;
}

.ax-dato-dinamico {
  display: block;
  width: 100%;
}

/*MENSAJES*/
.ax-exitoso {
  background: rgba(76, 175, 80, 0.2);
  box-sizing: border-box;
  padding: 20px;
  display: block;
  border: 1px solid rgb(76, 175, 80);
}

.ax-advertencia {
  background: rgba(255, 200, 0, 0.2);
  box-sizing: border-box;
  padding: 20px;
  display: block;
  border: 1px solid rgb(255, 200, 8);
}

.ax-fallado {
  background: rgba(255, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 20px;
  display: block;
  border: 1px solid rgb(255, 0, 6);
}

.ax-obs {
  font-style: italic;
  margin: 0;
  display: inline-block;
  font-size: 13px;
}

.ax-titulo-dato,
.RadWindow_Default table tr td .ax-label {
  color: #254696;
  display: block;
}

ul.ax-contratacion,
ul.ax-contratacion-dtll {
  width: 100%;
  position: relative;
  font-size: 0;
}

ul.ax-contratacion li,
ul.ax-contratacion-dtll li {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
  margin: 0 0 15px;
}

ul.ax-contratacion li:nth-child(4) {
  width: 100%;
}

.RadButton_Default.rbSkinnedButton,
.RadButton_Default .rbDecorated,
.RadButton_Default.rbVerticalButton,
.RadButton_Default.rbVerticalButton .rbDecorated,
.RadButton_Default .rbSplitRight,
.RadButton_Default .rbSplitLeft {
  background-image: initial !important;
  height: auto !important;
}

.ax-botones input {
  margin: 0 !important;
}

.ax-cont-left,
.ax-cont-right {
  display: inline-block;
  vertical-align: middle;
}

.ax-cont-right {
  width: 80%;
  margin: 0 0 0 10%;
  text-align: right;
}

.ax-cont-left input[type="submit"],
.RadGrid .NumericPages .rgNumPart a,
.ax-archivos-proceso div input[type="submit"],
.ContenedorSeleccionados input[input="submit"] {
  padding: 7px 12px !important;
}

.ax-cont-left input[type="submit"].aspNetDisabled {
  opacity: 0.5;
  cursor: no-drop;
}

.RadGrid .NumericPages .rgNumPart {
  padding: 0;
}

.RadGrid .NumericPages .rgNumPart a {
  margin: 0 5px 0 0;
}

.RadGrid .NumericPages .rgNumPart a span {
  color: #fff;
  background: none !important;
  float: none !important;
  padding: 0 !important;
  font-size: 13px;
}

.ax-requerido .ax-input input[type="text"] {
  border: 0 !important;
}

.ModAdministrarConvocatoriasEditC .RadAsyncUpload span.ruFileWrap input[type="text"],
.ModRegistroC .RadAsyncUpload span.ruFileWrap input[type="text"],
.ModAutogeneradores2019C .RadAsyncUpload span.ruFileWrap input[type="text"] {
  width: 95%;
}

.ax-archivos-proceso div a.VinculoArchivo {
  background-color: transparent !important;
  background-color: #264796 !important;
  color: white;
  text-decoration: none;
}

.ax-archivos-proceso div {
  margin: 0 0 15px;
}

.RadWindow_Default {
  width: 40% !important;
  height: auto !important;
  position: fixed !important;
  transform: translateY(-50%) !important;
  backface-visibility: visible !important;
  visibility: visible !important;
  left: 0 !important;
  top: 50% !important;
  right: 0 !important;
  margin: auto !important;
}

.RadWindow_Default table {
  height: auto !important;
}

.RadWindow_Default table tr td .ax-cont-botones {
  margin: 0;
}

/*Autenticacion Clientes Gobierno*/
.ModAutenticacionClienteGobiernoC .ax-full,
.ModAutenticacionJuntasC .ax-full {
  margin: 0 0 2%;
}

.ModAutenticacionClienteGobiernoC .ax-full .ax-label,
.ModAutenticacionJuntasC .ax-full .ax-label {
  display: block;
  color: #ffffff;
  margin: 0 0 5px;
}

.ModAutenticacionClienteGobiernoC .ax-full input,
.ModAutenticacionJuntasC .ax-full input {
  border: 0;
  border-bottom: 1px solid #ffffff;
  background: transparent;
  width: 40%;
  padding: 15px;
  color: #ffffff;
}

/*AUTOGENERADORES*/
.divTratamientoDatosPersonales,
.divCondiciones {
  text-align: justify;
}

.ModAutogeneradores2019C .ax-contenedor-fecha .ax-campo,
.ModAutogeneradores2019C .ax-contenedor-fecha .ax-campo div {
  width: 70% !important;
}

.ModAutogeneradores2019C .ax-contenedor-fecha .ax-campo div {
  border: 0;
  border-bottom: 1px solid #727271;
  padding: 2px;
  box-sizing: border-box;
}

.ModAutogeneradores2019C .ax-campo {
  margin: 0 2% 1% 0;
}

#DivNombreComercializador + .ax-full {
  display: block;
  padding: 15px;
  box-sizing: border-box;
}

/*Estlos anteriores autogeneradores*/
.Validacion {
  border: 1px solid red !important;
}

.ModAutogenCreg174C .riTextBox[type="text"] {
    border-bottom: 1px solid #727271 !important;
}

.PopUpClienteNuevo,
.PopUpAnexosGenerales {
  position: fixed;
  /* Stay in place */
  z-index: 3;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.PopUpContent {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 25px;
  box-sizing: border-box;
  border: 1px solid #888;
  position: relative;
  width: 80%;
  /* Could be more or less, depending on screen size */
}

.PopUpContent input[value="X"] {
  border: 0;
  color: #ffffff !important;
}

div#InfoAdicionalUbicacionProyecto {
  width: 96% !important;
  margin: 0 0 1% 0;
}

div#InfoAdicionalUbicacionProyecto textarea,
#DivIndicarElementosControl .ax-campo textarea {
  height: 100px;
}

/*Reporte incapacitdad trabajadores*/
#df_field_Informacion,
#df_field_InfIncapacidad,
#df_field_datos_sensibles_ {
  width: 100%;
  margin: 0;
}

.ModDigFormC .df_Default,
.ModDigFormC .df_Default .control div div.section .header {
  background-color: #ffffff;
  padding: 0;
}

.ModDigFormC .df_Default .control div div.section {
  background-color: #fff;
  box-shadow: none;
  margin-bottom: 0;
}

.ModDigFormC .df_Default .control div div.section .header h1 {
  font-size: 25px;
  line-height: 25px;
  font-family: "essa-bold";
  color: #264796;
}

.ModDigFormC .df_Default .control div div.section .section_container .control .field div span input[type="radio"] + label {
  margin: 0 15px 0 0;
}

.ModDigFormC .df_Default .control div div.section .section_container .control .field div input[type="checkbox"] + label:before {
  top: -15px;
}

.ModDigFormC .df_Default .control div div.section .section_container .control .field div input[type="checkbox"]:checked + label:after {
  top: -11px;
}

/*LINEA DE TIEMPO*/
.ax-linea-tiempo {
  position: relative;
  width: 100%;
  text-align: center;
}

.ax-linea-tiempo:before {
  content: "";
  position: absolute;
  width: 73%;
  height: 2px;
  background: #264796;
  left: 0;
  right: 0;
  top: 39px;
  margin: auto;
}

.ax-item-anio {
  display: inline-block;
  vertical-align: middle;
  position: static;
}

.ax-item-anio .ax-info h2 {
  font-size: 18px;
  position: relative;
  z-index: 2;
  padding: 50px 50px 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-item-anio .ax-info h2:hover {
  color: #009bdb;
}

.ax-item-anio .ax-info h2:before {
  content: "";
  background: #264796;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  margin: auto;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-item-anio .ax-info h2:hover:before {
  background: #009bdb;
  width: 25px;
  height: 25px;
}

.ax-item-anio .ax-info h2:hover:after {
  content: "";
  border: #009bdb solid 1px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.ax-item-anio .ax-info .summary {
  display: none;
}

.ax-contenido-tiempo .summary {
  background: #e5f5fc;
  padding: 35px;
  box-sizing: border-box;
  text-align: left;
}

/*BLoqueat botones*/
.ModAutogeneradores2019C .ax-cont-botones input[disabled="disabled"],
.ax-botones-desactivo,
.rwContentRow td div div input.ax-botones-desactivo {
  background: #eaeaea !important;
  color: #b5b5b5 !important;
  cursor: no-drop !important;
  pointer-events: none !important;
}

/*BLOG ESSA*/
.ax-blog {
  background: #fbf9f9;
}

.ax-actualidad-essa {
  position: relative;
  width: 100%;
  font-size: 0;
}

.ax-item-blog {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin: 0 3% 3% 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-item-blog:hover {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.14);
}

.ax-item-blog:nth-child(3n) {
  margin: 0 0 3% 0;
}

.ax-item-blog a,
.ax-blog-recientes a {
  display: block;
  padding: 0;
  font-size: 0;
}

.ax-item-blog a:after,
.ax-blog-recientes a:after {
  content: none;
}

.ax-item-blog .ax-cont-img {
  overflow: hidden;
}

.ax-item-blog .ax-cont-img img {
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ax-item-blog:hover .ax-cont-img img {
  transform: rotate(-8deg) scale(1.5);
}

.ax-item-blog .ax-cont-info {
  box-sizing: border-box;
  padding: 25px;
  background: #ffffff;
}

.ax-item-blog .ax-cont-info p.ax-categoria,
.ax-item-blog .ax-cont-info .summary {
  color: #727264;
}

.ax-item-blog .ax-cont-info h2 {
  font-size: 24px;
  line-height: 28px;
}

.ax-item-blog .ax-cont-info .summary {
  line-height: 22px;
  margin: 0 0 20px;
}

/*ARTICULOS RECIENTES*/
.ax-blog-recientes {
  margin: 0 0 25px;
}

.ax-blog-recientes .ax-cont-img,
.ax-blog-recientes .ax-cont-info {
  display: inline-block;
  vertical-align: top;
}

.ax-blog-recientes .ax-cont-img {
  width: 35%;
}

.ax-blog-recientes .ax-cont-info {
  width: 63%;
  margin: 0 0 0 2%;
}

.ax-blog-recientes .ax-cont-info h4 {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 10px;
}

.ax-blog-recientes .ax-cont-info p.ax-fecha,
.content_container .content p {
  margin: 0;
}

/*COMENTARIOS BLOG*/
.ax-comentarios-blog {
  margin: 25px 0;
}

.article_comments,
.comment_list,
.add_comment,
.add_article_box,
.add_article_box table,
.add_article_box table tr td.left,
.add_article_box table tr td.right {
  width: 100%;
  position: relative;
}

.add_comment h3 {
  font-size: 18px;
  margin: 15px 0;
}

.add_article_box table tr td.left {
  margin: 0 0 5px;
}

.add_article_box table tr td.right textarea {
  width: 100% !important;
  min-height: 100px;
  border: 1px solid #727271;
  padding: 10px;
  background: #ffffff;
  box-sizing: border-box;
}

.add_article_box table tr td.right a.submit {
  background: #254696;
  color: #ffffff;
  display: inline-block;
  box-sizing: border-box;
  padding: 15px;
  margin: 15px 0 0;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.add_article_box table tr td.right a.submit:hover {
  background: #d1ecff;
}

.article_comments h1 {
  font-size: 16px;
  line-height: 18px;
}

.comment_list span {
  display: block;
  box-sizing: border-box;
  padding: 20px;
}

.comment_list span:nth-child(even) {
  background: #ececec;
}

.comment .right_side .comment_details img {
  width: 6%;
  float: left;
  margin: 0 12px 0 0;
}

.comment .right_side .comment_details p {
  margin: 0 0 7px;
}

.comment .right_side .comment_details p.author {
  font-weight: bold;
}

.comment .right_side .comment_details p.date_time {
  font-style: italic;
}

.content_container {
  clear: both;
  margin: 19px 0 0 58px;
}

.actions a {
  color: #009bd7;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.actions a:hover {
  color: #777777;
}

.ax-login-comentar {
  background: #a6dbff;
  box-sizing: border-box;
  padding: 15px;
  margin: 0;
}

/*===========================================
    CODIGO MODAL
===========================================*/
.modal {
  background-color: rgba(0, 0, 0, 0.85);
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.modal.active {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}

.modal__contenedor {
  width: 60%;
  height: 60%;
  background-color: #ffffff;
  border-radius: 10px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.modal__cerrar {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  z-index: 99;
}

.modal__cerrar svg {
  width: 100%;
  max-width: 33px;
  fill: #afc356;
  transition: 0.3s;
}

.modal__cerrar:hover svg {
  fill: #009bdb;
}

/*Estilos label Buscador*/
label.labelBuscador {
  visibility: hidden;
  position: absolute;
}

/*Accesibilidad foco*/

a:focus {
  box-shadow: 1px 1px 7px 0px #ccc;
  background: #009BDB;
}

a:focus > img {
    display: block;
    background: #009BDB;
}

a.cerrarMenuTransacciones {
  position: absolute;
  right: -13px;
  top: -8px;
  font-weight: bold;
  z-index: 9;
  background: #fff;
  padding: 6px 8px;
  border-radius: 20px;
  font-size: 13px;
  text-align: center;
  color: #009bdb;
  text-decoration: none;
  border: 1px solid gray;
  transition: all 0.5s;
}

a.cerrarMenuTransacciones:hover {
  background: #009bdb;
  color: #ffffff;
  cursor: pointer;
}

/* BUSCARDO PQR */

/*Estilos formulario buscador pqr 12 de enero*/
/*Estilos formulario buscador pqr 12 de enero*/
.BuscadorPQR .col-md-6,
.VisorPQR .col-md-6 {
  display: inline-block;
  vertical-align: top;
  width: 46%;
  margin-right: 3%;
  margin-bottom: 6%;
}

.VisorPQR .col-md-6 {
  margin-bottom: 1%;
}

.BuscadorPQR label,
.VisorPQR label {
  width: 100%;
  display: block;
  color: #1b5294;
}

.BuscadorPQR .col-md-6 input,
.BuscadorPQR textarea,
.VisorPQR .col-md-6 input,
.VisorPQR textarea,
.BuscadorPQR select,
.VisorPQR select {
  width: 100%;
  padding: 7px;
  border-radius: 6px;
  border: 1px solid gray;
}

.BuscadorPQR select,
.VisorPQR select {
  width: 103%;
}

.BuscadorPQR .col-md-6 > .row,
.VisorPQR .col-md-6 > .row {
  height: 46px;
  margin-bottom: 20px;
}

.BuscadorPQR input[type="button"],
.BuscadorPQR input[type="submit"],
.VisorPQR input[type="button"] {
  background: #264796;
  border: 0;
  padding: 10px 20px;
  color: #fff;
  border-radius: 6px;
  margin-bottom: 4%;
  margin-left: 2px;
  transition: all 0.5s;
  cursor: pointer;
}

.BuscadorPQR input[type="button"]:hover,
.BuscadorPQR input[type="submit"]:hover,
.VisorPQR input[type="button"]:hover {
  background: #178eea;
}

.BuscadorPQR th,
.VisorPQR th {
  background: #264796;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #989898;
}

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
  margin-bottom: 3%;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.contenedorTabla {
  width: 100%;
  overflow: overlay;
  padding-bottom: 3%;
  border: solid 1px #264796;
}

.BuscadorPQR ul.ng-scope li,
.VisorPQR ul.ng-scope li {
  display: inline-block;
  margin: 0 2px;
}

.BuscadorPQR td,
.VisorPQR td {
  font-size: 12px;
  border: 1px solid #cccccc;
  padding: 10px 6px;
}

.BuscadorPQR ul.ng-scope li.active,
.VisorPQR ul.ng-scope li.active {
  color: #fff;
  background: #264796;
  padding: 4px;
  border-radius: 5px;
}

.BuscadorPQR ul.ng-scope li:hover,
.VisorPQR ul.ng-scope li:hover {
  cursor: pointer;
}

.BuscadorPQR li#Pprev button,
.BuscadorPQR li#Pnext button {
  height: 24px;
  transition: all 0.5s;
}

.BuscadorPQR li#Pprev button:hover,
.BuscadorPQR li#Pnext button:hover {
  background: #264796;
  border: 1px solid #264796;
  color: #fff;
  padding: 1px;
  border-radius: 3px;
}

/*************     TRANSPARENCIA ITA     *************/

.contDocumentos {
  border-bottom: 1px solid gray;
  padding-bottom: 30px;
  margin-bottom: 30px;
  margin-left: 7%;
}

h2.iluminador {
  background: #2daae129;
  padding: 10px;
}

.iconoArchivo {
  width: 6%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.contenidoNormativa a,
.contenidoNormativa h3 {
  text-decoration: none;
}

.contenidoNormativa {
  display: inline-block;
  width: 91%;
  margin-left: 1%;
}

.contenidoNormativa a h3,
.contenidoNormativa h3 {
  font-size: 18px;
  margin: 7px 0;
}

span.tipoNorma {
  font-size: 14px;
}

.contenidoNormativa ul li {
  display: inline-block;
  padding-right: 1%;
  border-right: 1px solid gray;
  font-size: 13px;
  line-height: 23px;
}

.contenidoNormativa ul li:last-child {
  border: 0;
  padding-left: 1%;
}

.iconoArchivo span {
  font-size: 14px;
}

.contenidoNormativa p {
  margin-bottom: 6px;
}

/*Estilos filtro documentos ITA*/
.search_input input,
.search_input input:focus {
  padding: 9px;
  border: 1px solid gray !important;
}

.search_input input:focus {
  outline: 0;
  border: 1px solid #264796 !important;
}

.do_search {
  display: inline-block;
  background: #afc356 !important;
}

.search_input .input {
  display: inline-block;
  vertical-align: top;
}

.ModEasyDNNnewsSearchC {
  margin: 0 auto;
  width: 250px;
}

.do_search:after {
  content: "";
  color: #fff;
  padding: 12px;
  width: 39px;
  height: 37px;
  display: block;
  text-align: center;
  background: url(https://www.essa.com.co/site/Portals/0/documentos/icon-buscador.png)
    2px 3px no-repeat;
  background-size: 85%;
}

.do_search span {
  text-indent: -9999px;
  position: absolute;
}

.do_search:hover:after {
  background-color: #009bdb !important;
  transition: all 0.5s;
}

.edn_searchInfoResults {
  padding-bottom: 20px;
}

span.Activo {
  background: #3c903c;
  color: #fff;
  padding: 3px 9px;
  font-size: 14px;
  border-radius: 5px;
}

span.Inactivo {
  background: #da3131;
  color: #fff;
  padding: 3px 9px;
  font-size: 13px;
  border-radius: 5px;
}

div.Inactivo .iconoArchivo,
div.Inactivo .tituloDecreto {
  filter: grayscale(100);
}

/*************     MENU - ITA     *************/
/*Enlaces header*/
.enlacesN {
  background: #264796d6;
  text-align: center;
  border-top: 2px solid #adadad;
  font-weight: bold;
}

.enlacesN ul li {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
}

.enlacesN ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

.enlacesN li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: #ffffff;
  right: 0;
  top: 9px;
}

.enlacesN li:last-child:after {
  content: none;
}

.enlacesN ul li:hover {
  background: #009bdb;
}

/***** Tooltips para DigForm y DynamicForms *****/
.ModDynamicFormsC label {
  position: relative;
  display: inline-block;
  margin: 0 0 10px;
}
/*
.ModDynamicFormsC label span {
    margin: 0 !important;
}
*/

.ModDynamicFormsC label span {
  display: inline-flex !important;
  margin: 0 !important;
  flex-direction: row-reverse;
}

.ModDynamicFormsC label span .dynamicforms_requiredfieldasterik,
#ModuleContainer .resaltarRequerido {
  display: inline-block !important;
  color: #f00;
  font-weight: bold;
  font-size: 1.4em;
  padding-left: 1px;
  padding-right: 5px;
  padding-bottom: 0px;
  line-height: 0.7em;
}

.ModDynamicFormsC .Help,
.ax-campo .Help {
  position: absolute;
  border: 1px solid #f1d031;
  background-color: #ffffa3;
  color: #555;
  left: 28px;
  margin-top: 5px;
  z-index: 99;
}

.ax-campo label .Help {
  left: 57px;
}

.ModDynamicFormsC .Help:before,
.ax-campo .Help:before {
  content: "";
  position: absolute;
  border-left: 0px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f1d031;
  top: -8px;
  left: -1px;
}

.ModDynamicFormsC .Help:after,
.ax-campo .Help:after {
  content: "";
  position: absolute;
  border-left: 0px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffa3;
  top: -6px;
  left: 0px;
}

.ModDynamicFormsC .Help span,
.ax-campo .Help span {
  margin: 0 !important;
  padding: 3px 4px;
  font-size: 14px !important;
  line-height: 16px !important;
  color: #555 !important;
}

.qtip .qtip-content {
  font-size: 14px !important;
  line-height: 16px !important;
}

.ax-campo .help_icon {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

/* AJUSTES DE ANEXO */

/* Arrendamiento infraestructura */

.ax-contenedor-infraestructura section {
  margin-top: 3rem;
}

.ax-contenedor-infraestructura {
  padding: 0 35px;
}

.ax-contacto {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ax-contacto p {
  margin: 0;
  padding: 10px;
}

.ax-separador {
  margin-top: 196px;
}

/* Servicios Digitales */
.ax-contenedor-informacion-usuario h2,
.ax-contenedor-estado-tramite h2,
.ax-contenedor-proyecto-electrico h2 {
  text-align: left;
  width: 90%;
  margin: 2rem auto;
  position: relative;
}

.ax-contenedor-login-servicios h2,
.ax-contenedor-registro h2 {
  text-align: center;
}

.ax-container-revision-proyectos h2,
.ax-container-observacion-factibilidad h2,
.ax-contenedor-factibilidad h2,
.ax-container-visita-tecnica h2 {
  text-align: left;
  margin: 2rem auto;
  position: relative;
}

.ax-container-revision-proyectos h2:before,
.ax-container-observacion-factibilidad h2:before,
.ax-contenedor-informacion-usuario h2:before,
.ax-contenedor-estado-tramite h2:before,
.ax-contenedor-factibilidad h2:before,
.ax-contenedor-proyecto-electrico h2:before,
.ax-container-visita-tecnica h2:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #e1e1e1;
  top: -15px;
}

.ax-container-revision-proyectos > h2:before,
.ax-container-observacion-factibilidad > h2:before,
.ax-contenedor-informacion-usuario > h2:before,
.ax-contenedor-estado-tramite > h2:before,
.ax-contenedor-factibilidad > h2:before,
.ax-contenedor-proyecto-electrico > h2:before,
.ax-container-visita-tecnica div:nth-child(2) > h2:before,
.ax-contenedor-proyecto-electrico div:first-child h2:before {
  content: none !important;
}

.ax-contenedor-login-servicios > p,
.ax-contenedor-registro > p {
  text-align: center;
  font-size: 19px;
  margin-bottom: 3rem;
}

.ax-contenido-login {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ax-contenido-login .ax-campo {
  margin: 0 !important;
  width: 50%;
}

.ax-tratamiento label {
  margin-top: 0 !important;
}

.ax-contenido-login .ax-campo:nth-child(3) .ax-label {
  width: 100%;
  display: block;
}

.ax-contenido-login .ax-campo:nth-child(3) .ax-label a {
  color: black;
}

.ax-botones-login {
  width: 90%;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  margin: auto;
  padding-bottom: 40px;
}

.ax-politicas p,
.ax-politicas a {
  color: #000 !important;
  text-align: center;
}

.ax-botones-login .ax-btn-fondo,
div#dnn_ctr9523_InterventoriaControl_pnlInterventoria .ax-campo-bnt .ax-campo input[type="submit"] {
  color: #fff;
  font-size: 15px;
  background: #264796;
  padding: 10px 25px;
  border: 1px;
  transition: 0.2s ease-in;
  cursor: pointer;
}

.ax-botones-login .ax-btn-sin-fondo {
  padding: 8px 25px;
  border: 2px solid #264796;
  font-size: 15px;
  text-decoration: none;
  color: #264796;
  transition: 0.2s ease-in;
  margin-left: 15px;
}

.ax-recaptcha {
  margin-top: 2rem;
  justify-content: center;
  display: flex;
}

.ax-contenido-login .ax-campo:nth-child(4) label:before,
.ax-contenido-registro .ax-tratamiento > label:before {
  border-radius: 8px;
  border-color: #264796 !important;
  border-bottom: 1px solid #264796 !important;
  top: -2px;
}

.ModAutenticacionResolucion075C .ax-campo.ax-tratamiento {
    display: block !important;
}

.ModAutenticacionResolucion075C .ax-campo.ax-tratamiento label,
.ModRegistroResolucion075C .desarrollo.ct .ax-campo.ax-tratamiento label {
    display: initial;
}

.ModAutenticacionResolucion075C .ax-contenido-login .ax-campo {
    width: 55% !important;
}

@media (max-width: 576px){
	.ModAutenticacionResolucion075C .ax-contenido-login .ax-campo {
		width: 350px !important;
		max-width: 100% !important;
	}
}


/* Registro */

.ax-contenido-registro .ax-campo,
.ax-contenido-factibilidad .ax-campo,
.ax-container-revision-proyectos .ax-campo,
.ax-container-observacion-factibilidad .ax-campo,
.ax-contenedor-proyecto-electrico .ax-campo,
.ax-contenido-informacion-usuario .ax-campo,
div#dnn_ctr9523_InterventoriaControl_upPanel div.ax-campo,
.ax-container-visita-tecnica .ax-campo,
div#dnn_ctr9498_MapaTransporte_upConsulta .ax-campo {
  margin: 0 !important;
}

.ax-campo.ax-full-width {
  width: 96%;
}

.ax-campo .ax-label {
  color: #264796;
  margin-bottom: 10px;
  display: inline-block;
}

.ax-contenido-registro,
.ax-contenido-informacion-usuario,
.ax-contenedor-factibilidad,
.ax-contenido-proyecto-electrico,
.ax-container-revision-proyectos,
.ax-container-observacion-factibilidad,
#dnn_ctr9523_InterventoriaControl_upPanel,
.ax-container-visita-tecnica {
  width: 90%;
  margin: auto;
}

.ax-tratamiento {
  display: flex !important;
  justify-content: center;
}

.ax-contenido-registro .ax-tratamiento label {
  margin-top: 0 !important;
}

.ax-contenido-registro .ax-botones-login .ax-btn-fondo,
.ax-contenido-informacion-usuario .ax-botones-login .ax-btn-fondo {
  font-size: 18px;
  padding: 14px 103px;
}

.ax-btn-independiente {
  background: #4965a7;
  padding: 5px 15px;
  color: #fff !important;
  text-transform: uppercase;
  margin: 10px 0;
  border-color: transparent;
  cursor: pointer;
  margin-right: 20px;
}

.ax-datos-personales {
  display: flex;
  justify-content: left;
  align-items: center;
}

.ax-datos-personales p {
  margin: 0 !important;
  padding: 10px;
}

.ax-btn-independiente:hover {
  color: #fff;
}

.ax-datos-personales label {
  margin: 10px;
}

/* Estado tramite */

.ax-contenido-tramite {
  background-color: #f7f7f7;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0.5px #c7c7c7;
  padding: 20px;
  margin-top: 40px;
}

.ax-contenido-tramite .ax-tramite-sup {
  display: flex;
  width: 90%;
  margin: auto;
  align-items: center;
}

.ax-contenido-tramite .ax-tramite-sup .ax-campo {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
}

.ax-contenido-tramite .ax-tramite-sup .ax-campo label {
  width: 20%;
}

.ax-contenido-tramite .ax-tramite-sup .ax-campo input {
  border: 1px solid #dddddd;
  width: 70%;
}

.ax-contenedor-estado-tramite {
  max-width: 90%;
  width: 90%;
  margin: auto;
}

.ax-contenido-tramite table {
  margin: auto;
  width: 100%;
  border: none;
  margin-bottom: 15px;
}

.ax-contenido-tramite table tbody tr th {
  color: #264796;
  padding: 30px 0 10px;
  text-align: left;
}

.ax-contenido-tramite table tbody tr {
  border-color: transparent;
}

.ax-contenido-tramite table tbody tr td {
  padding: 15px 0px;
}
.ax-contenido-tramite table tbody tr:last-child table tr {
  border-bottom: 1px solid #cfcfcf;
}

.ax-contenido-tramite table tbody tr:last-child table tbody tr td {
  display: inline-block;
}

.ax-contenido-tramite table tbody tr:last-child table tbody tr {
  text-align: right;
}

.ax-contenido-tramite table tbody tr:last-child table tbody tr td span,
.ax-contenido-tramite table tbody tr:last-child table tbody tr td a {
  font-size: 20px;
  padding: 10px;
}

.ax-tramite-sup .ax-buscar-proceso input[type="submit"] {
  background: transparent;
  border-color: transparent;
  background-image: url("/site/Portals/0/Images/icono-lupa.svg");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: transparent;
}

.ax-contenido-tramite table tbody tr td:nth-child(5) input,
.ax-contenido-tramite table tbody tr td:nth-child(6) input,
.ax-contenido-tramite table tbody tr td:nth-child(7) input {
	background: #4965a7;
	color: #fff;
	padding: 6px 12px 6px 7px;
	border-color: transparent;
	box-shadow: none;
	width: 90%;
	cursor: pointer;
	text-align: center;
}

/* pop up cargando */

.ax-cargando-proceso {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: #6e6e6ea3;
  z-index: 9999;
}

.ax-cargando-proceso div {
  background: #fff;
  width: 16%;
  position: relative;
  box-shadow: 0px 0px 30px 5px #ebebeb;
  padding: 5px;
  display: flex;
  justify-content: left;
  align-items: center;
}

.ax-cargando-proceso div img {
  max-width: 50%;
}

.ax-contenido-factibilidad fieldset {
  width: 48%;
  display: inline-block !important;
  vertical-align: top;
  box-sizing: border-box;
  padding: 7px;
  margin: 0;
  position: relative;
  text-align: left;
}

.ax-contenido-factibilidad fieldset span {
  color: #264796;
}

.ax-contenido-factibilidad fieldset div span {
  color: #000;
}

.ax-contenido-factibilidad fieldset span {
  display: block;
  margin: 0 0 5px;
}

.ax-contenido-factibilidad fieldset .ax-campo {
  border-bottom: 1px solid #727271;
  padding: 5px 10px 5px 10px;
  margin: 0;
}

.ax-contenido-factibilidad {
  text-align: left;
}

/* Mensaje de confirmacion */
span#dnn_ctr9456_RegistroUsuarioUC_lblMensaje {
  width: 100%;
  display: block;
  text-align: center;
  margin: 25px 0;
}

/* MENU USUARIOS SERVICIOS DIGITALES */
ul.userMenu {
  display: none;
  position: absolute;
  background: white;
  width: 100%;
  margin: 0;
  padding: 1px;
}

.userProperties > ul {
  display: flex;
  width: 100%;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.login-container {
  padding: 20px 57px;
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.userProperties .userProfileImg {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 32px;
}

li.userName a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.icon-desplegar {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  border-radius: 50px;
  border: 2px solid #fff;
  cursor: pointer;
  text-align: center;
  padding: 1px 0 0 0;
  box-sizing: border-box;
}

.ax-userLogin {
  position: relative;
}

.icon-desplegar i {
  background: #fff;
  width: 3px;
  height: 3px;
  display: block;
  margin: 2px auto 3px auto;
  border-radius: 48px;
  font-weight: bold;
}

li.userName {
  position: relative;
}

ul.userMenu a {
  color: #264796;
  padding: 9px;
  margin: 0 0 1px 0;
  display: block;
  font-weight: normal;
}

ul.userMenu li {
  display: none;
}

li.userLogout {
  display: block !important;
}

.LoggedIn {
  display: block;
  background: rgba(0, 0, 0, 0.65);
}

.NotLoggedIn {
  display: none;
}

.content-menu-foms {
  height: 100vh;
  box-shadow: -1px 3px 7px #00000070;
}

.menu-letf-servicios {
  padding: 57px 30px 0 30px;
}

.menu-letf-servicios ul li a {
  font-size: 18px;
  display: block;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.menu-letf-servicios ul li {
  margin: 0 0 22px 0;
}

.menu-letf-servicios ul li a:hover {
  color: #264795;
  text-decoration: underline;
}

.menu-letf-servicios ul li:before {
  font-family: "font-essa-icon";
  content: "\e802";
  background: no-repeat;
  transform: rotate(265deg);
  top: 14px;
  left: -5px;
  color: #264796;
}

.bg-bvn {
  height: 100vh;
  background-image: url(/site/portals/reglamentacion/Images/img-essa.jpg);
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  top: -5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.text-bvn {
  text-align: center;
  max-width: 50%;
  margin-top: 3rem;
}

.content-items-forms {
  padding: 0;
}

.text-bvn h1 {
  font-size: 60px;
}

.text-bvn p {
  font-size: 18px;
}

.essa_mensaje {
  display: block;
  text-align: center;
  font-size: 28px;
  margin: 6rem;
  color: #4965a7;
  line-height: 35px;
}

h1.ax-title-forms-sd {
  text-align: center;
}

.ax-autoriza,
.ax-privacidad,
.ax-contenido-interventoria .ax-observaciones {
  margin-bottom: 1rem;
}

.ax-contenido-revision-proyectos .ax-campo .aspNetDisabled,
.ax-contenido-proyecto-electrico .ax-campo .aspNetDisabled,
.ax-container-interventoria .aspNetDisabled {
  color: #515151 !important;
}

div#dnn_ctr9472_RevProyElect_Pnl_CargueAnexos .ax-campo textarea,
textarea#dnn_ctr9501_ObsRevProyElectControl_txtComentarioObraObsRevProEl {
  padding: 2px;
}

ul.ax-lista-vineta li {
  list-style: disc;
  margin-left: 19px;
}

.ax-item-correo {
  display: flex;
  align-items: center;
}

.ax-item-correo label {
  padding-right: 10px;
  margin: 0;
}

.ax-captcha {
  margin: 30px 0 10px 0;
}

.ax-data {
  border-bottom: 1px solid #727271;
  color: #222;
  padding: 10px 10px 10px 10px;
}

.ax-lista-separar {
  margin-bottom: 2rem;
}

.ax-mensaje-dinamico {
  display: block;
  text-align: center;
  font-size: 18px;
}

.ax-container-visita-tecnica .ax-lista-separar li {
  list-style: disc;
  margin-left: 19px;
  padding: 7px 0;
}

.ax-container-visita-tecnica .ax-lista-vineta li {
  list-style: circle;
  padding: 5px 0;
}

div#dnn_ctr9498_MapaTransporte_upConsulta .ax-botones {
  margin-top: 3rem;
}

.ax-archivo {
  padding: 10px;
}

.msg-inter {
  margin: 50px 0 0 0;
}

/*Adjuntar archivo*/
.file {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
}

.file-input label {
  align-items: center;
  background: #264796;
  color: #fff;
  cursor: pointer;
  display: block;
  display: inline-flex;
  justify-content: center;
  padding: 10px 45px;
  position: relative;
  transition: all 0.6s;
}

.file-input label:hover {
  background: #009bdb;
}

.file-name {
  bottom: -40px;
  color: #555;
  font-size: 16px;
  left: 0;
  position: absolute;
  width: 285px;
}

.file-input label:focus-visible,
.file-name:focus-visible {
  border: none;
  outline: none;
}

.label-count {
  color: #222;
  font-size: 16px;
}

.ModFormularioPqrJsC .resultado {
  margin: 30px 0 20px;
  padding: 20px;
  border: 2px solid #264796;
}

.ModFormularioPqrJsC .resultado span {
  display: inline-block;
}

.ModFormularioPqrJsC .resultado div span {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}

.ModFormularioPqrJsC .negrilla {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}

.ModFormularioPqrJsC .resultado table {
  margin-top: 20px;
}

.ModFormularioPqrJsC .resultado table tr th {
  padding: 5px 10px;
  border: 1px solid silver;
  text-align: left;
  color: #264796;
}

.ModFormularioPqrJsC .resultado table tr td {
  padding: 5px 10px;
  border: 1px solid silver;
}
/*BLOQUEAR BOTONES DYNAMICFORMS*/
.BLOQUEODYNAMIC {
    pointer-events: none;
    cursor: default;
	background: #BFBFBF !important;
    color: #ffffff;
}
   .OCULTARDYNAMIC {
opacity: 0;
visibility: hidden;
}   

/* PERSONALIZADOS DE ESSA */

.ax-marcopuntos {
  border-style: dotted;
  border-color: #999999;
  border-width: 2px;
}

/* PERSONALIZADOS DE ESSA - CREG001 */
  .centrar-botones, .centrar-botones2 {
      color: #009bdb;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-color: #009bdb !important;
      margin-top: 10px;
      
  }
  