@charset "UTF-8";
/*
 *Main container .css
 *
 *
 *
 */
@media screen and (max-width: 639px) {
  /*** FOOTER ****
   ****************/
  #top-footer {
    height: 175px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #logos-unam {
    padding-top: 10px;
  }
  #logos-unam img,
  #logos-sdi-dgru img {
    padding: 0 10px;
  }
  #title-repo {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
  /*** FOOTER ****
   ****************/
  #top-footer {
    height: 90px;
  }
  #logos-unam img,
  #logos-sdi-dgru img {
    padding: 0 5px;
  }
  #title-repo {
    font-size: 13px;
    line-height: 16px;
  }
}

body {
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
}

body a {
  text-decoration: none !important;
}

body .clear-float {
  clear: both;
}

body h2,
body .font-xx {
  font-size: 1.5em !important;
}

body h3,
body .font-x {
  font-size: 1.1em !important;
}

body .font-x-small {
  font-size: 1em !important;
}

body .font-small {
  font-size: 0.9em !important;
}

#container-dig-object-inst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 44px 15px 8px;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#container-dig-object-inst input[type=checkbox] {
  margin: 0;
  margin-top: 0;
  line-height: normal;
  width: 20px;
  height: 20px;
  opacity: 0;
  position: absolute;
  z-index: 9;
}

.cont-check-doi-style {
  background-color: #f1f1f1;
  padding: 0px 0px;
  margin: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #c5c5c5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e5ae49;
  cursor: pointer;
}

.loading {
  background-color: #fff;
  height: 50%;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
}

.loading-center-absolute {
  position: fixed;
  left: 50vw;
  top: 50vh;
}

.object {
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  border-top: 5px solid #070e6d;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #070e6d;
  border-right: 5px solid transparent;
  -webkit-transform: rotate(313deg);
  transform: rotate(313deg);
  -webkit-animation: animate 2s infinite;
  animation: animate 2s infinite;
}

.object_one {
  left: 75px;
  top: 75px;
  width: 50px;
  height: 50px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.object_two {
  left: 65px;
  top: 65px;
  width: 70px;
  height: 70px;
  border-top: 5px solid #e4c000;
  border-left: 5px solid #e4c000;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.object_three {
  left: 55px;
  top: 55px;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.object_four {
  left: 45px;
  top: 45px;
  width: 110px;
  height: 110px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes animate {
  50% {
    -webkit-transform: rotate(180deg) scale(0.8);
    transform: rotate(180deg) scale(0.8);
  }
}

@keyframes animate {
  50% {
    -webkit-transform: rotate(180deg) scale(0.8);
    transform: rotate(180deg) scale(0.8);
  }
}

#screenshot-report {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  body input#temp-checked-status[type="checkbox"] {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
  }
  body {
    font-size: 12px;
  }
  #container-gral {
    background-color: #f5f5f5;
    margin: auto;
    padding: 0;
    width: 100%;
  }
  #container-gral button:focus {
    outline: 0;
  }
  #container-gral #gral-container-left-options {
    display: none;
  }
  #container-gral #container-elements {
    margin-left: 0 !important;
  }
  #container-gral #container-module {
    /*margin-top: 10px;*/
    min-height: 55vh;
  }
  #container-gral-advanced-option {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    height: 0px;
  }
  #container-menu-facet-mob {
    display: none;
  }
  #warning-ie {
    background-color: darkred;
    color: white;
    padding-top: .2%;
    font-size: 1.1em;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
  }
  #block-ie {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    z-index: 999;
  }
  #chrome-logo {
    width: 30px;
  }
  #firefox-logo {
    width: 30px;
  }
  #edge-logo {
    width: 25px;
  }
  #error-text {
    max-height: 200px;
    min-height: 200px;
    max-width: 400px;
    min-width: 400px;
  }
  #warning-ie-text {
    margin: 5px auto;
    text-align: center;
  }
  #warning-ie-navs {
    margin: 0 auto;
    text-align: center;
  }
  #warning-ie-navs > a > img {
    text-decoration: none;
    cursor: pointer;
    margin: 5px 30px;
  }
  .animation-height-open {
    -webkit-animation-name: animacion-open;
            animation-name: animacion-open;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  @keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  .animation-height-close {
    -webkit-animation-name: animacion-close;
            animation-name: animacion-close;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  @keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  .format-anchore-lit {
    text-decoration: underline !important;
  }
  .config-cont-options-advanced {
    position: relative;
    overflow: hidden;
  }
  .center-element {
    margin: 0 auto;
  }
  .curtain {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  .curtain_settings {
    border-radius: 99px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 135px -28px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 195px 77px rgba(0, 0, 0, 0.5);
    height: 30px;
    left: 37%;
    position: absolute;
    top: 37%;
    width: 30px;
  }
  .gral-clear-float {
    clear: both;
  }
  .general-display-none {
    display: none;
  }
  .gral-float-left {
    float: left;
  }
  .gral-float-right {
    float: right;
  }
  .margin-top-5 {
    margin-top: 5px;
  }
  .margin-top-20 {
    margin-top: 20px;
  }
  .primary-color {
    color: #3d3e40;
  }
  .secundary-color {
    color: #d68641;
  }
  .top-3 {
    top: 2px;
  }
  .btn_disabled {
    color: #97969a !important;
    cursor: default !important;
  }
  .records-text-total {
    color: #656565;
    font-weight: bold;
  }
  .btn-primary {
    color: #fff9f7;
    background-color: #3d3e40 !important;
    border-color: #4a4a4a !important;
  }
  .bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
    cursor: move;
  }
  .shared-mail {
    color: darkgray;
  }
  .text-error {
    position: relative;
    text-align: center;
    top: 20vh;
  }
  .modal-error {
    width: 100%;
  }
  .text-error > h1 {
    font-size: 3em;
    margin: 50 auto;
    padding-left: 10px;
  }
  ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #2b2b2b;
    opacity: 1;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #777777;
    opacity: 1;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #777777;
    opacity: 1;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777777;
  }
  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777777;
  }
  .lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-ring div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #d4a806;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #d4a806 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
            animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
  }
  @-webkit-keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  #container-menu-facet-mob {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 9;
  }
  #cont-int-facet {
    width: 94%;
    height: 96vh;
    background-color: #fff;
    overflow-y: scroll;
    margin-top: 3vh;
  }
  #btn-close-container-facet {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px 5px;
    font-size: 20px;
  }
  .animation-cont-facet {
    display: block !important;
    -webkit-animation-name: animacion-open-facet;
            animation-name: animacion-open-facet;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .animation-cont-facet-close {
    -webkit-animation-name: animacion-close-facet;
            animation-name: animacion-close-facet;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  #icons-up-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    width: 42px;
    height: 105px;
    bottom: 2vh;
    right: 2vw;
  }
  #icons-up-report .st-go-top-report {
    background-color: rgba(192, 192, 192, 0.3) !important;
    color: rgba(21, 26, 81, 0.33);
    cursor: pointer;
    font-size: 24px;
    height: 42px;
    text-align: center;
    width: 42px;
  }
  #icons-up-report #go-top {
    margin-top: 21px;
  }
  #cont-icon-report {
    margin-top: 8px;
  }
  #cont-icon-up {
    margin-top: 8px;
  }
  @-webkit-keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @-webkit-keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  @keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  .st-go-top {
    position: fixed;
    width: 42px;
    height: 42px;
    bottom: 2vh;
    right: 2vw;
    background-color: rgba(192, 192, 192, 0.3) !important;
    cursor: pointer;
  }
  .st-go-top #cont-icon-top {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(21, 26, 81, 0.33);
    font-size: 24px;
    border-radius: 99px 99px 0 99px;
    position: absolute;
  }
  header #header-ri {
    position: fixed !important;
    left: 0 !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 3 !important;
    background-color: #151a51 !important;
  }
  header h1, header h2, header h3, header h4, header h5, header h6, header div, header a, header #title-ri, header #title-unam {
    font-family: 'Work sans', sans-serif !important;
  }
  header .cont-elements-header {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .cont-elements-header .log-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .cont-elements-header .log-title #container_log_gral {
    background-image: url("/wp-content/uploads/2019/05/h-logo-unam.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    overflow: hidden;
  }
  header .cont-elements-header .log-title #header-cont-title #title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .cont-elements-header .log-title #header-cont-title #title-ri {
    color: white;
    line-height: 1.5;
    letter-spacing: -0.03em;
  }
  header .cont-elements-header .log-title #header-cont-title #title-unam {
    color: #d4a806;
  }
  header .cont-elements-header #header-cont-title > a,
  header .cont-elements-header #sidenav-hidden a,
  header .cont-elements-header .container-menu-header ul > li > a {
    text-decoration: none;
    color: #fff;
  }
  header .cont-elements-header #header-cont-title > a:hover,
  header .cont-elements-header #sidenav-hidden a:hover,
  header .cont-elements-header .container-menu-header ul > li > a:hover {
    text-decoration: none;
    color: #d4a806;
  }
  header .cont-elements-header .sidenav, header .cont-elements-header #container-hidden {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  header .cont-elements-header #container-hidden {
    left: 0;
    top: 71px;
  }
  header .cont-elements-header .sidenav {
    background-color: rgba(21, 26, 81, 0.93);
    right: 0;
  }
  header .cont-elements-header .sidenav a {
    border-bottom: solid thin #fff;
    padding: 8px 8px 8px 30px;
    font-size: 19px;
    color: #fff;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .cont-elements-header .sidenav a:hover {
    color: #d4a806;
  }
  header .cont-elements-header #mobile-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search, header .cont-elements-header #mobile-icons #close-hamburguer, header .cont-elements-header #mobile-icons #close-filter {
    display: none;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search,
  header .cont-elements-header #mobile-icons #btn-filter, header .cont-elements-header #mobile-icons #close-filter,
  header .cont-elements-header #mobile-icons #btn-hamburguer, header .cont-elements-header #mobile-icons #close-hamburguer {
    color: white;
    cursor: pointer;
  }
  header .cont-elements-header .container-menu-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }
  header .cont-elements-header .container-menu-header ul li {
    list-style: none;
    -webkit-transition: .3s;
    transition: .3s;
  }
  @-webkit-keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  @keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  header #header-ri {
    border-top: 1.4px solid #d4a806 !important;
  }
  header .cont-elements-header {
    height: 70px !important;
  }
  header .log-title {
    padding-left: 16px;
  }
  header .log-title #container_log_gral {
    height: 60px !important;
    width: 55px;
  }
  header .log-title #header-cont-title {
    width: 255px !important;
    border-left: 1px solid #d4a806 !important;
    padding: 7px 0 7px 10px;
  }
  header .log-title #header-cont-title #title-ri {
    font-size: 14px;
  }
  header .log-title #header-cont-title #title-unam {
    font-size: 16px;
    line-height: 11px;
  }
  header #mobile-icons {
    padding-right: 10px;
  }
  header #mobile-icons div {
    padding-right: 10px;
    font-size: 22px;
  }
  header .container-menu-header {
    display: none !important;
  }
  header #logo_unam {
    content: url("../../img/logo_unam_single.png");
    float: left;
    height: 73px;
    margin-top: 17px;
    margin-left: 5%;
    width: 71px;
  }
  header #portal-name {
    border-left: 1px solid #ebb62a;
    text-align: center;
    font-size: 16px;
  }
  header .container-text-header {
    float: right;
    padding-right: 2%;
    text-align: center;
  }
  header .container-text-header h2 {
    color: white;
    font-size: 16px;
    margin-top: 10px;
  }
  header .container-text-header h3 {
    color: white;
    font-size: 11px;
    margin-top: 7px !important;
  }
  header .container-text-slogan {
    display: none;
  }
  header .second-tape-header {
    background-color: #d39b10;
    height: 10px;
    top: 120px;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
  header .second-tape-header .content-text-crumbs {
    display: block;
    width: 1462px;
  }
  header .second-tape-header:after {
    border: none;
  }
  .header-search {
    width: inherit !important;
    background-color: transparent !important;
    height: 0 !important;
  }
  .cont-elments-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #panel-type-campo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #panel-type-campo label {
    margin: 25px 40px;
    font-weight: normal !important;
  }
  #panel-type-campo label span {
    margin-left: 7px;
  }
  #container-check-search-content {
    width: 60px;
    overflow: hidden;
    background: none 0% 0% repeat scroll #e0e0e0;
    border-left: 1px solid #cccccc;
    color: #333;
    text-align: center;
    border: 0;
    padding: 0;
  }
  #container-check-search-content, #select-doi-search, .cont-elments-radio {
    cursor: pointer;
  }
  #container-section-search {
    width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    background-color: #f5f5f5;
  }
  #container-section-search #container-search {
    width: 100%;
  }
  #container-section-search #container-search #general-form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    background-color: #151a51;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000;
    border-radius: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-webkit-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search:-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    position: absolute;
    color: #ccc !important;
    z-index: 99;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    background-color: #e0e0e0;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #select-ul {
    left: unset !important;
    font-size: 1em;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    background-color: rgba(212, 168, 6, 0.8) !important;
    font-weight: bold;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar #btn-search {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    position: absolute;
    background-color: #151a51 !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search:focus {
    outline: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    position: absolute;
    display: none;
    z-index: 1;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    cursor: pointer;
    position: absolute;
  }
  #container-section-search #container-search #general-form-search .container-search-button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    background-color: transparent !important;
    display: none;
    position: fixed;
    z-index: 99;
    margin-top: 10px;
    left: unset !important;
    top: 0 !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list #text-btn-search-list {
    display: none;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #select-ul {
    top: 75%;
  }
  #container-section-search .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 440px;
  }
  #container-section-search .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 441px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-search #container-sections {
    display: none;
    position: absolute;
    bottom: 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  #container-section-search .btn-section-selected {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  #container-section-search .filter_stroke_gral {
    margin-right: auto;
    width: 80px;
    display: block;
    max-width: 150px;
    height: 22px;
  }
  #container-section-search .filter_stroke_gral path, #container-section-search .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-search .first_draw {
    width: 65px;
  }
  #container-section-search .search_container_stroke {
    position: absolute;
  }
  #container-section-search .nav-tabs {
    overflow: hidden;
    border-bottom: none;
  }
  #container-section-search .nav-tabs > li {
    position: relative;
    display: block;
    height: 55px;
    padding-top: 6px;
    text-align: center;
    margin-bottom: 6px;
  }
  #container-section-search .nav-tabs > li > a {
    font-size: 0.8em;
  }
  #container-section-search .nav-tabs > li > a .glyphicon {
    display: block;
    font-size: 2em;
  }
  #container-section-search .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 10px 3px 10px;
    margin-top: 7px;
  }
  #container-section-search input::-webkit-input-placeholder {
    font-size: 14px !important;
    color: #969696;
    border-radius: 0;
  }
  #container-section-search .borders-custom-left {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0.5px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  #container-section-search .borders-custom-right {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 0.5px solid rgba(0, 0, 0, 0);
  }
  .search-text-filter {
    display: none;
  }
  #btn-search {
    margin-top: 1px;
  }
  #cont-sup-section-search {
    margin-top: 105px;
  }
  #container-check-search-content {
    height: 25px;
  }
  .container-check-search-content-scroll {
    padding-top: 4px !important;
  }
  #panel-type-campo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #panel-type-campo label {
    margin: 8px 15px;
  }
  /*Fin erik*/
  #container-section-search {
    height: 40px;
  }
  #container-section-search #container-search {
    position: fixed;
    z-index: 1;
    top: 71px;
    left: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100vw;
    padding: 8px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    padding: 3px 10px;
    height: 25px !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    height: 25px !important;
    padding: 0 20px 0 10px;
    font-size: 10px !important;
    border: 1px solid #fff !important;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    margin-top: 6px !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    font-size: 11px !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    font-size: 11px !important;
    padding: 4px 8px;
    border: 1px solid #d4a806 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    padding-left: 2px;
    padding-top: 0 !important;
    width: 23.33333px;
    font-size: 24px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    margin-top: 4px;
    margin-left: -394px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    top: 9px;
    margin-left: -46px;
    padding: 10px 15px;
    width: 472px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    right: 10px;
    top: 5px;
  }
  #container-text-results {
    margin: 9px 0 5px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }
  #container-text-time-query {
    display: none;
    color: #999;
    margin-top: 8px;
    font-size: 12px;
  }
  #container-num-reg {
    color: #25414f;
    font-size: 15px !important;
  }
  #container-check-search-content div span {
    display: none;
  }
  #container-crumb {
    font-size: 15px;
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    color: #d8af18;
    margin-right: 8px;
  }
  #container-crumb ol#select-ol span.remove-crumb:hover {
    color: #151a51;
  }
  #container-crumb ol#select-ol a.crumb-link:hover {
    color: #121747;
  }
  #container-crumb #select-ol {
    padding: 3px 15px !important;
  }
  #container-crumb #select-ol li:nth-child(2)::before {
    color: rgba(255, 0, 0, 0);
    padding: 0;
    margin-left: -10px;
  }
  #container-crumb #crumbs-backspace {
    color: #ff5252;
    position: relative;
    top: 5px;
    font-size: 18px;
    padding-right: 4px;
  }
  #container-crumb .container-left-crumbs {
    width: 100%;
  }
  #container-crumb .content-text-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-crumb .container-right-crumbs {
    color: #25414f;
    padding-top: 7px;
    width: 9%;
  }
  #container-crumb .container-right-crumbs i {
    cursor: pointer;
  }
  #container-crumb .text-search-crumbs {
    color: #848080;
  }
  #container-crumb ol {
    background-color: rgba(0, 0, 0, 0) !important;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #container-crumb .color-gray-crumb {
    color: #97969a;
  }
  #container-crumb .container_stroke {
    position: absolute;
    width: 20px;
    height: 20;
    /* background-color: red; */
    margin-left: 15px;
    margin-top: -20px;
  }
  #container-crumb .li_container_stroke {
    margin-right: 20px;
  }
  #container-crumb .breadcrumb li::before {
    color: #387fc2;
    color: #25414F;
  }
  #container-crumb .breadcrumb a {
    color: #2c353a;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 85% !important;
    position: fixed !important;
    z-index: 99 !important;
    overflow: hidden !important;
    height: 2em !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb li::before {
    color: #888 !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link, #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    background-color: unset !important;
    border: unset !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb > li + li::before, #container-crumb .fixed-position-cont-crumbs .crumb-link {
    padding: 0 !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 14px;
  }
  #container-crumb .text-search-crumbs-fixed {
    color: #d0d0d0 !important;
    font-size: 14px !important;
  }
  #container-crumb .crumb-link {
    padding: 2px 0 2px 5px;
    line-height: 2;
  }
  #container-crumb .remove-crumb {
    top: 0px;
    color: #888;
    cursor: pointer;
  }
  textarea {
    width: 100%;
    min-height: 30rem;
    font-size: 11px;
    line-height: 1.2;
    display: none;
  }
  #cont-btn-social-media-record {
    color: #2f3684;
  }
  #input-goto-page {
    font-size: 1em;
  }
  .number-pagination-global {
    color: rgba(6, 6, 6, 0.45);
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    text-align: center;
  }
  .content-type-grid {
    position: absolute !important;
    margin-left: -15px;
    margin-top: 15px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff !important;
  }
  .content-type-grid > span {
    background-color: #151a51;
    color: #fff;
    padding: 2px 5px;
    /* border: 1px solid rgba(21, 26, 81, 0.44); */
    margin-left: 5px;
    font-size: 12px;
  }
  .cont-elements-url {
    display: none;
    position: absolute;
    width: 259px;
    height: 130px;
    /* right: -56px; */
    background-color: white;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-top: -140px;
    -webkit-box-shadow: 2px 2px 2px 0px #9c979c;
    box-shadow: 2px 2px 2px 0px #9c979c;
    -webkit-transition: all 1s;
    /* transition: all 1s; */
  }
  .cont-elements-url > div.sub-cont-dinamic {
    width: 259px;
    height: 130px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-elements-url > div.sub-cont-dinamic > .cont-total-data {
    height: 90px;
    width: 43%;
    border-right: 1px solid #e0e0e0;
    text-align: center;
  }
  .arrow-before {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #797979;
    font-size: 0px;
    line-height: 0px;
    top: -1px;
    left: 5px;
    position: relative;
  }
  .arrow-after {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fdfdfd;
    font-size: 0px;
    line-height: 0px;
    top: -17px;
    left: 5px;
    position: relative;
  }
  .cont-header-dinamic-renglon-cont {
    width: 100%;
    height: 20px;
    font-size: 15px;
    padding: 3px 0 0 3px;
    font-weight: 500;
    color: #2c316e;
  }
  .detail {
    cursor: pointer;
    height: 160px;
    width: auto;
  }
  .detail-register {
    background-color: rgba(6, 6, 6, 0.03);
  }
  .display-title {
    color: #337ab7;
    opacity: 1;
  }
  .div-display-info {
    width: 100%;
  }
  .div-hidden {
    display: none;
  }
  .doc-cont-map {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url("/documents/client/public/img/map_example.png");
    background-size: auto;
    background-position: center;
  }
  .doc-list-img-left {
    border-right: 1px solid #ddd;
    float: left;
    height: 100%;
  }
  .doc-list-img-right {
    overflow-y: hidden;
  }
  .doc-grid-img img {
    height: auto;
    width: 100%;
  }
  .doc-list-img-right .mini-img {
    height: 100%;
    width: 100%;
  }
  .doc-left-img img {
    height: auto;
    width: 100%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .doc-info-text-grid > div {
    margin-bottom: 3px;
  }
  .doc-info-text-grid > div > span {
    font-size: 11px;
  }
  .ellipses-register {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .extra-icons {
    background-color: #337ab7;
    cursor: pointer;
    float: right;
  }
  .field-separator {
    color: #337ab7;
    font-weight: bold;
  }
  .grid-icons-group {
    position: absolute;
  }
  .grid-register-header {
    text-align: center;
    width: 100%;
  }
  .hl-name {
    color: #777;
  }
  .hl-value em {
    color: #d68641;
    font-weight: bold;
  }
  .icon-reg {
    cursor: pointer;
  }
  .img-audio-grid {
    height: 100%;
    width: 100%;
  }
  .img-display {
    background: no-repeat center center;
    margin: 0 auto;
  }
  .img-register-i {
    background: url("/documents/client/public/img/image.svg");
    background-size: cover;
  }
  .img-rel-card {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 100%;
    width: 100%;
  }
  .icons-group {
    bottom: 40px;
    position: absolute;
    right: 40px;
  }
  .icon-size {
    height: 24px;
    width: 24px;
  }
  .image-title {
    color: #777;
    text-align: center;
  }
  .label-rel {
    color: #337ab7;
    font-size: 12px;
  }
  .list-icon-group {
    float: right;
  }
  .main-imag,
  .main-img-obj {
    float: left;
    margin: 0 auto;
  }
  .main-imag div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    overflow: hidden;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .map {
    height: 87%;
    position: relative;
    width: 100%;
  }
  .map-content {
    width: 60%;
    height: auto;
  }
  .map-register-i {
    background: url("/documents/client/public/img/map.svg");
    background-position: top center;
    background-size: contain;
  }
  .number-register-i {
    background: url("/documents/client/public/img/share.svg");
    float: left;
    margin: 0 auto;
    background-size: cover;
    float: left;
    height: 23px;
  }
  .objects-quantity {
    color: rgba(6, 6, 6, 0.45);
  }
  .od-more-icons {
    float: right;
  }
  .one-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
  }
  .pagination-div {
    float: right;
  }
  .paragraphs {
    display: inline-block;
  }
  .register-field-header {
    width: 100%;
  }
  .register-guid {
    color: #777;
  }
  .relation_type {
    color: #1D4568;
    padding: 5px;
  }
  .rel-card {
    float: left;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 1px0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
  }
  .rels-info {
    overflow-y: hidden;
  }
  .reg-option-vertical {
    cursor: pointer;
  }
  .rel-val {
    color: gray-color-low;
    display: inline-block;
  }
  .rel-val a {
    text-decoration: none;
  }
  .rel-card:hover {
    cursor: pointer;
  }
  .rel-title {
    border-bottom: 1px solid #ddd;
    display: table;
    padding-bottom: 3px;
    width: 100%;
  }
  .reg-par-info {
    display: inline-block;
  }
  .registers {
    background-color: lightsteelblue;
  }
  .register-header {
    float: left;
  }
  .rel-not-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin-top: 5px;
  }
  .reg-par-info {
    text-align: justify;
  }
  .remove-reg {
    cursor: pointer;
    float: right;
  }
  .row .top-bar {
    padding-right: 13px;
  }
  .selected-button {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  .selected-icon {
    color: #25414f;
  }
  .selected-image {
    border: 3px solid #fff;
    opacity: 0.6;
    -webkit-box-shadow: inset 0px 1px 4px 0px #fff;
    box-shadow: inset 0px 1px 6px 0px #fff;
    -webkit-transition: height 2s linear;
    -moz-transition: height 2s linear;
    -o-transition: height 2s linear;
    -ms-transition: height 2s linear;
  }
  .share-register-i {
    background: url("/documents/client/public/img/pda_compartir.svg") no-repeat;
    cursor: pointer;
  }
  .top-bar {
    color: #d68641;
    overflow: hidden;
    width: 100%;
  }
  .wrapper-img-rel-card {
    margin: 0 auto;
    width: 100%;
  }
  .icon-doc.grid {
    margin: 10px;
  }
  /*Estilos para mosaico*/
  #matrix-data {
    display: none;
  }
  .m-wrapper-reg {
    background: rgba(238, 238, 238, 0.64);
    display: inline-block;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .img-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    width: 100%;
  }
  .div-container-paginator-class {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0px 0px 10px 5px;
    border-bottom: 1px solid #ebebeb;
    color: rgba(6, 6, 6, 0.45);
  }
  .self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    color: #2c353a;
  }
  .self-center > form {
    margin-bottom: 0;
  }
  .dec-none > a {
    text-decoration: none;
  }
  .doc-element {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 0 15px 15px 15px;
  }
  .doc-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-header-category {
    color: #d68641;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .doc-header-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .doc-header-icons > div {
    margin: 10px 0 0 5px;
  }
  .share-element-icon {
    cursor: pointer;
  }
  .img-element-icon {
    background: url("/documents/client/public/img/image.svg") no-repeat;
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .rels-icon {
    background: url("/documents/client/public/img/share.svg");
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .map-element-icon {
    background: url("/documents/client/public/img/map.svg") no-repeat;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .view-detail {
    cursor: pointer;
  }
  .selected-icon {
    border-bottom: 1px solid #337ab7;
  }
  .doc-id {
    padding-bottom: 5px;
  }
  .doc-id-name {
    font-size: 1.3em;
  }
  .doc-id-guid {
    color: #777;
  }
  .doc-details {
    background: rgba(6, 6, 6, 0.03);
    height: 0;
  }
  .doc-details-visible {
    margin-bottom: 15px;
  }
  .details-hidden {
    visibility: collapse;
  }
  .doc-details-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #337ab7;
    font-size: 1.1em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-details-content {
    height: 350px;
    padding-bottom: 10px;
  }
  .details-rels-justify {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #container-module {
    margin-right: 25px;
  }
  .carrusel-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  input[type="text"]::-webkit-input-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-moz-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-ms-input-placeholder {
    color: #cecdcd;
  }
  .loader-details {
    position: relative;
    left: 50%;
    height: 200px;
    width: 200px;
    margin-left: -100px;
  }
  .details-container {
    height: 97%;
    padding: 0 10px;
  }
  .card-rel {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .div-img-rel {
    text-align: center;
    vertical-align: top;
  }
  .rels-img-hidden {
    opacity: 0;
  }
  .type-rels-card {
    color: #1D4568;
    font-size: 0.8em;
  }
  .title-rels-card {
    font-size: 1.1em;
    overflow: hidden;
  }
  .guid-rels-card {
    color: gray;
    font-size: 0.8em;
  }
  .get_more_rels {
    height: auto;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
    color: #337ab7;
  }
  .do-img-hidden {
    opacity: 0;
  }
  .dig-obj-container {
    width: 80%;
    height: 97%;
  }
  .slick-slide {
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .data-rels-prueba {
    display: none;
  }
  .doc-info {
    padding-bottom: 10px;
  }
  .img-hidden {
    opacity: 0;
  }
  .img-w {
    width: 100%;
  }
  .img-h {
    height: 100%;
  }
  .img-center {
    vertical-align: top;
    text-align: center;
  }
  .doc-info-text-grid {
    text-align: justify;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .conten-external-link {
    color: #e5ae49;
    cursor: pointer;
    padding: 0 3px;
  }
  .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inline {
    display: inline-block;
  }
  .width75 {
    width: 75%;
    text-align: justify;
  }
  .doc-element-grid {
    margin: 12px 0;
    border: 1px solid rgba(218, 218, 218, 0.64);
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .doc-element-grid:hover {
    border: 1px solid rgba(169, 169, 169, 0.48);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  }
  .grid-main-img {
    height: 300px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background-position: center 5%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 4px;
    cursor: pointer;
  }
  .doc-element-grid:hover .grid-main-img {
    background-color: #fff;
  }
  .grid-main-img > img {
    height: 100%;
    opacity: 0;
  }
  .doc-highlights-grid {
    overflow: hidden;
    font-size: 0.8em;
  }
  .name-card-grid {
    font-size: 1em;
    overflow: hidden;
    padding: 0 5px 0 5px;
    cursor: pointer;
  }
  .guid-grid {
    color: #e0a842;
    font-size: 0.9em;
    padding: 0 5px 0 5px;
    font-weight: bold;
    margin-top: 8px;
  }
  .name-short-grid {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .suspensive {
    color: #337ab7;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .modal {
    display: none;
    z-index: 99999 !important;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #afafaf;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #modal-content {
    background-color: #666;
    margin: auto;
    padding: 2%;
    border: 1px solid #888;
    z-index: 99999;
  }
  .modal-content-do {
    width: 50%;
    height: 80%;
  }
  .close-modal {
    color: #aaaaaa;
    float: right;
    font-size: 2.5em;
    font-weight: bold;
    position: absolute;
    right: 1%;
    top: 0;
  }
  .close-modal:hover,
  .close-modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .footer-img {
    text-align: center;
    color: gray;
    text-decoration: none !important;
  }
  #btn-close-record {
    cursor: pointer;
  }
  #cont-img-btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px 10px 0 0;
    font-size: 16px;
  }
  #cont-elemets-img {
    width: 57%;
  }
  #cont-elemets-img > .meta-cont-img {
    padding: 1.5vh 0;
    background-color: #ececec;
  }
  #cont-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #ececec;
    margin: 5px 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  #cont-img-record .btn-arrow-img {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  #cont-data-record {
    width: 41%;
    margin-right: 1%;
    padding-left: 5px;
  }
  #cont-data-record h2 {
    color: #2C316E;
  }
  #cont-data-record h4 {
    color: #2C316E;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
  }
  #cont-option-view-data {
    overflow: hidden;
  }
  #cont-list-data-estandar {
    height: 55vh;
    overflow: auto;
    padding: 0 30px;
  }
  #cont-curtain-record {
    width: 100vw;
    height: 100vh;
    -webkit-animation: start-courtain-record 1s forwards;
            animation: start-courtain-record 1s forwards;
    background-color: rgba(51, 51, 51, 0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .cont-title-min-record {
    font-size: 8px;
    color: #fff;
    overflow: hidden;
    max-height: 2.2vh;
    margin-top: 4px;
    line-height: 100%;
  }
  .container-section-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-description-record {
    overflow: hidden;
    height: 30px;
  }
  #content-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #content-button div span i {
    margin-right: 3.5px;
  }
  #cont-btn-social-media-record .material-icons {
    font-size: 16px;
  }
  .cont-link-resource, .cont-link-complete, .cont-link-share {
    margin: 8px 0;
    margin-right: 15px;
  }
  .cont-link-resource span, .cont-link-complete span, .cont-link-share span {
    background-color: #e5ae49;
    border: 1px solid;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
  }
  .cont-link-resource span#cont-completo, .cont-link-complete span#cont-completo, .cont-link-share span#cont-completo {
    background-color: #2C316E;
  }
  .cont-link-resource span#compartir, .cont-link-complete span#compartir, .cont-link-share span#compartir {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
    color: #2C316E;
  }
  .cont-link-resource span:hover {
    background-color: #fff;
    border-color: #e5ae49;
    color: #a77f34;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-complete span#cont-completo:hover {
    background-color: #fff;
    color: #2C316E;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-share span#compartir:hover {
    background-color: #fff;
    color: #919191;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #cont-license {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  #cont-license div p {
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
  }
  .cont-btn-view-more-desc {
    margin-top: 5px;
    text-align: right;
  }
  .cont-view-next-record:focus {
    outline: 0 !important;
  }
  .cont-type-record span.target-type {
    background-color: #2C316E;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #4C518C;
  }
  .alrticle-number-pages {
    width: 60px;
    font-size: 14px;
    color: #333333;
  }
  .record-arrow-action:hover {
    background-color: #58575798;
    color: #fff !important;
  }
  .record-arrow-action span {
    padding: 0 10px;
  }
  .controllers-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3em;
    margin-top: 15px;
  }
  .general-open-record {
    -webkit-animation: open-record .5s forwards;
            animation: open-record .5s forwards;
  }
  .title-data-obj {
    color: #2C316E;
  }
  .set-color {
    -webkit-animation: set-title-color .2s forwards;
            animation: set-title-color .2s forwards;
  }
  .set-color-def {
    color: #fff;
    -webkit-animation: set-def .2s forwards;
            animation: set-def .2s forwards;
  }
  .option-view-data-selected {
    background-color: #eaeaea;
  }
  .cont-list-img-record {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 83vh;
  }
  .cont-number-img-action {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-bottom: 4vh;
  }
  .cont-view-next-record {
    position: absolute;
    bottom: 0px;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    height: 15vh;
    background-color: #0a0146;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1vh;
  }
  .cont-view-next-record .cont-btn-up-down {
    width: 20% !important;
    height: 20px;
    margin-top: -25px;
    position: absolute;
    text-align: right;
    right: 0px;
  }
  .cont-view-next-record .cont-btn-up-down span {
    background-color: #0a0146;
    color: #fff;
    padding: 5px 5px;
    right: 50%;
    cursor: pointer;
  }
  .cont-view-next-record .cont-item-netx-record {
    height: 20vh;
    width: 90%;
    max-width: 90%;
  }
  .item-list-selected {
    border: 2px solid #d4a806;
    padding: 3px;
  }
  .item-list-selected img {
    height: 10vh !important;
  }
  .item-list-selected .cont-title-min-record {
    margin-top: .8vh !important;
  }
  .item-record-min {
    height: 11vh;
    width: 100px;
    cursor: pointer;
  }
  .item-record-min img {
    height: 11vh;
    /* - fin -*/
    width: auto;
    margin: 0 auto;
  }
  .status-more, .status-less {
    color: #2c316e;
    cursor: pointer;
  }
  .status-more .cont-text-more-less, .status-less .cont-text-more-less {
    color: #e5ae49;
    font-weight: bold;
  }
  .btn-arrow-img-active {
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .btn-arrow-img-active:hover {
    color: rgba(51, 51, 51, 0.7);
    cursor: pointer;
  }
  .btn-arrow-img-inactive {
    color: #ccc;
  }
  .cont-header-data-record {
    padding: 15px 0 0 2px;
  }
  .text-title-head-record {
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
  }
  .text-autor-head-record {
    font-size: 14px;
  }
  .general-format-text-head-record {
    font-size: 14px;
  }
  .cont-title-renglon {
    color: #636363 !important;
    font-size: 14px;
  }
  .cont-val-record-renglon {
    padding: 2px 0 20px 0;
  }
  .cont-val-record-renglon > span {
    position: relative;
    padding: 10px 10px 0 0;
    font-size: 14px;
  }
  .cont-main-number-dinamic {
    font-size: 45px;
    color: #d4a806;
    font-weight: bold;
  }
  .cont-title-row-single {
    font-size: 13px;
    color: #3a3434;
  }
  .cont-numeric-row-single {
    font-size: 15px;
    font-weight: bold;
    color: #4d5396;
  }
  .cont-rows-dinamic {
    width: 55%;
  }
  .cont-row-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 5px 0;
    padding-left: 5px;
  }
  .cont-main-text-dinamic {
    font-size: 14px;
    color: #3a3434;
  }
  /*.cont-val-record-renglon span:hover .cont-elements-url{
            display: block;
        }*/
  /* Erik  */
  #panel-advanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #container-gral-advanced-option .center-element h3 {
    font-weight: bold;
    text-align: center;
  }
  .radio-inline {
    padding-left: 3em;
  }
  /*** - ***/
  .content-elements-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5px;
    width: 100%;
  }
  .documents-color-link-orig {
    color: #e5ae49 !important;
  }
  .content-elements-links .material-icons {
    font-size: 15px;
    cursor: pointer;
    color: #2f3684;
  }
  .content-elements-links > div {
    padding: 5px;
  }
  .content-elements-links > div > a {
    cursor: pointer !important;
  }
  .disable-scroll, .disable-scroll-menu {
    overflow-y: hidden;
  }
  .tooltip {
    font-size: 14px;
    width: 20vw;
  }
  .record-pre-load-h1 {
    width: 60%;
    height: 3vh;
    background: #dedede;
    border-radius: 2px;
    margin: 25px 0;
  }
  .record-pre-load-p {
    width: 90%;
    height: 1.5vh;
    background: #dedede;
    border-radius: 2px;
    margin: 15px 0;
  }
  .record-pre-load-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .record-pre-load-list ul li {
    width: 25%;
    height: 2vh;
    background: #dedede;
    list-style: none;
    margin: 0 1vw;
  }
  .record-pre-load-section {
    height: 18vh;
    background: #dedede;
    margin: 30px 0;
    width: 90%;
    border-radius: 2px;
  }
  .report-comments-transition {
    max-height: 200px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  .report-comments-transition:hover {
    max-height: 400px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  #container-report {
    background-color: rgba(213, 213, 213, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .ui-dialog {
    position: initial;
  }
  #report-comments {
    height: auto;
    width: 470px;
  }
  #report-comments #bug-message textarea#comments-text {
    display: block;
    resize: none;
    min-height: 15rem;
  }
  .alert-report {
    width: 42%;
  }
  #mail {
    width: 210px;
  }
  /*#type {
            width: 30%;
        }*/
  #report-comments #bug-message label {
    font-weight: inherit;
  }
  #report-comments #bug-message .required-c {
    color: red;
  }
  #close-report-comment:focus {
    outline: 0;
  }
  #report-comments .ui-widget-header {
    background-color: #151a51;
  }
  #send-report-button, #accept-report-button {
    background-color: #1976d2;
  }
  #close-report-button {
    background-color: #e30f0f;
  }
  #report-comments .ui-widget-header, #send-report-button, #close-report-button, #accept-report-button {
    color: #fff;
  }
  .alert-danger {
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px;
    padding-right: 35px;
  }
  #report-comments .alert-dismissable .close, .alert-dismissible .close {
    top: 7px;
  }
  .disable-elements-comment {
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
  }
  @-webkit-keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @-webkit-keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @-webkit-keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  @keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  .cont-list-data-estandar-alternative {
    height: 54vh !important;
  }
  .card-rel {
    width: 90%;
  }
  .number-pagination-global input, #number-pagination-grid input {
    height: 21px;
    width: 40px;
  }
  /* Erik: estilos para las fichas */
  .container-section-record {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #cont-elemets-img {
    width: 100%;
  }
  .cont-list-img-record {
    height: 25vh;
  }
  #cont-data-record {
    width: 95% !important;
  }
  #cont-list-data-estandar {
    height: calc(100vh - 60vh);
  }
  .cont-list-data-estandar-img {
    height: calc(100vh - 75vh) !important;
  }
  .cont-view-next-record .cont-btn-up-down {
    width: 37vw !important;
  }
  #container-facets #facets_cont_gral .facets_cont_headers_gral .facets_cont_headers .content-title-facet-head {
    width: 85px;
  }
  #container-facets {
    width: 95%;
  }
  .container-gral-mobil {
    width: calc(100vw - 45.9vw) !important;
  }
  .container-gral-mobil-2 {
    width: calc(100vw - 15.3vw) !important;
  }
  .hide-facets {
    display: none;
  }
  .tooltip {
    font-size: 12px;
  }
  #report-comments {
    width: 310px;
  }
  #mail {
    width: 275px;
  }
  .alert-report {
    margin-bottom: 5px;
    margin-top: 20px;
    width: 100%;
  }
  #panel-advanced {
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #texto-rad-inline {
    padding-left: 15px;
  }
  .radio-inline {
    margin-top: 15px;
  }
  #container-facets, #container-menu-facet-mob {
    /*.facet-input-search{
        background-image: url('../../img/close.png');
        background-repeat: no-repeat;        
        background-position: right center;
        background-size: 15px 15px;
    }*/
  }
  #container-facets #facet-contl-elements-range, #container-menu-facet-mob #facet-contl-elements-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-facets .container-text-no-facet, #container-menu-facet-mob .container-text-no-facet {
    color: #9c3937;
    padding: 10px 0;
    text-align: center;
  }
  #container-facets .facets_cont_headers_gral, #container-menu-facet-mob .facets_cont_headers_gral {
    margin-bottom: 10px;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 55px !important;
    height: 28px !important;
    border: 1px solid #ccc !important;
    padding: 2px 5px !important;
    display: block !important;
  }
  #container-facets .facets_over_num, #container-menu-facet-mob .facets_over_num {
    display: none;
  }
  #container-facets .facets_btn_view_less, #container-menu-facet-mob .facets_btn_view_less {
    border-left: 1px solid #ccc;
    color: #6f6e6e;
    margin-left: 4px;
    padding-left: 4px;
  }
  #container-facets .facet_btn_disabled, #container-menu-facet-mob .facet_btn_disabled {
    color: #97969a !important;
    cursor: default !important;
    -webkit-filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
            filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
  }
  #container-facets .facet-view-more-text, #container-menu-facet-mob .facet-view-more-text {
    color: #6b6b6b;
  }
  #container-facets .glyphicon, #container-menu-facet-mob .glyphicon {
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    right: 4px;
  }
  #container-facets .format_cont_search_clone, #container-menu-facet-mob .format_cont_search_clone {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    margin-top: 2px !important;
    position: absolute;
    right: 0px;
  }
  #container-facets .facet_body_facets, #container-menu-facet-mob .facet_body_facets {
    -webkit-transition: .3s;
    transition: .3s;
  }
  #container-facets .facet_body_facets:hover, #container-menu-facet-mob .facet_body_facets:hover {
    background: #e9e9e9;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    position: relative;
  }
  #container-facets .no-showed, #container-menu-facet-mob .no-showed {
    display: none !important;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    font-size: 15px;
    z-index: 2;
    opacity: 0;
  }
  #container-facets input[type="text"], #container-menu-facet-mob input[type="text"] {
    width: 0px;
    color: #000;
    height: 16px;
    border-top: 0px solid rgba(255, 0, 0, 0);
    border-left: 0px solid rgba(255, 0, 0, 0);
    border-right: 0px solid rgba(255, 0, 0, 0);
    border-bottom: 0px solid #ccc;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -webkit-transition: 0.4s;
  }
  #container-facets .facet_btn_disabled, #container-menu-facet-mob .facet_btn_disabled {
    color: #97969a !important;
    cursor: default !important;
    -webkit-filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
            filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
  }
  #container-facets #facets_cont_gral, #container-menu-facet-mob #facets_cont_gral {
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 10px;
  }
  #container-facets .facet-totalnum-reg, #container-menu-facet-mob .facet-totalnum-reg {
    font-weight: bold;
    color: #4a4848;
  }
  #container-facets .facet-title-cont, #container-menu-facet-mob .facet-title-cont {
    color: #3a3030;
  }
  #container-facets .content-title-facet-head, #container-menu-facet-mob .content-title-facet-head {
    width: 140px;
    margin-bottom: 2px;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    margin-left: 144px;
    position: absolute;
  }
  #container-facets .container-grafic-load-facet, #container-menu-facet-mob .container-grafic-load-facet {
    background-color: #fff;
    position: absolute;
    z-index: 99;
  }
  #container-facets .container-load-bar, #container-menu-facet-mob .container-load-bar {
    margin: auto;
    width: 85%;
    height: 8px;
    border: 1px solid #337ab7;
  }
  #container-facets .facet_cont_clone, #container-menu-facet-mob .facet_cont_clone {
    background-color: #fff;
    -webkit-box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    z-index: 99;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    padding: 5px 0px 7px 0px;
  }
  #container-facets .facets_cont_facets, #container-menu-facet-mob .facets_cont_facets {
    margin-bottom: 15px;
    width: 100%;
    background: #fff;
  }
  #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    text-align: right;
    color: #585c5f;
  }
  #container-facets .facets_cont_num_facets_no_select, #container-facets .facets_cont_num_facets, #container-menu-facet-mob .facets_cont_num_facets_no_select, #container-menu-facet-mob .facets_cont_num_facets {
    color: #585c5f;
    font-size: 10px;
    margin-top: 2px;
  }
  #container-facets .facets_cont_titles_header, #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    font-size: 1.133em;
  }
  #container-facets .facets_cont_titles, #container-menu-facet-mob .facets_cont_titles {
    line-height: normal;
    padding-top: 1px;
  }
  #container-facets .facets_cont_titles_no_select, #container-facets .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_titles_no_select, #container-menu-facet-mob .facets_cont_titles_header {
    line-height: normal;
    padding-top: 1px;
    color: #5f5c5c;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    border-bottom: 1px solid rgba(204, 204, 204, 0.48);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px 2px;
  }
  #container-facets .facets_cont_options, #container-menu-facet-mob .facets_cont_options {
    text-align: right;
    margin: 2px 0 2px 0;
    cursor: pointer;
    padding-left: 3px;
  }
  #container-facets .facets_cont_options > img, #container-menu-facet-mob .facets_cont_options > img {
    width: 15px;
    height: 15px;
    -webkit-filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
            filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
  }
  #container-facets .facets_view_more, #container-menu-facet-mob .facets_view_more {
    color: #337ab7;
    float: right !important;
    text-align: right;
  }
  #container-facets .facets_view_more > span, #container-menu-facet-mob .facets_view_more > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #container-facets .facets_view_more > span > span, #container-menu-facet-mob .facets_view_more > span > span {
    margin-left: 5px;
  }
  #container-facets .facets_view_more i, #container-menu-facet-mob .facets_view_more i {
    cursor: pointer;
  }
  #container-facets .facets_view_more:hover, #container-menu-facet-mob .facets_view_more:hover {
    color: #23527c;
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    position: relative;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 65px !important;
    padding-left: 9px !important;
  }
  #data-footer {
    background-color: #0a0146;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #data-footer #btn-open-close-footer {
    width: 100%;
    text-align: right;
    display: none;
  }
  #data-footer #btn-open-close-footer > span {
    cursor: pointer;
    font-size: 10px;
  }
  #data-footer #container-elements-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1005px;
  }
  #data-footer #container-elements-footer #container-logos-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    width: 30%;
  }
  #data-footer #container-elements-footer #container-logos-footer #left-con-lo-fo {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 139px;
    margin-right: 10px;
    width: 48%;
  }
  #data-footer #container-elements-footer #container-logos-footer #right-con-lo-fo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 139px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40%;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-gral {
    height: 60px;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-unam {
    height: 95px;
  }
  #data-footer #container-elements-footer #container-info-footer {
    height: 139px;
    width: 70%;
  }
  #data-footer #container-elements-footer #container-info-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #data-footer #container-elements-footer #container-info-footer ul li {
    margin-bottom: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-large {
    width: 36%;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-small {
    width: 15%;
    margin-left: 10px;
  }
  #data-footer .content-element-footer:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #data-footer .cont-header-footer {
    height: 128px;
    width: 100%;
    background-color: #09013f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #data-footer #cont-text-repo {
    color: #fff !important;
    border-left: 2px solid #e5ae49;
    padding: 5px 0;
    padding-left: 10px;
  }
  #data-footer .cont-text-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
    padding: 50px 0;
    display: none;
  }
  #data-footer .cont-text-info > div {
    width: 30%;
  }
  #data-footer .cont-text-info > div > h3 {
    color: #e5ae49;
    font-weight: bold;
    font-size: 22px !important;
  }
  #data-footer .cont-text-info > div > p {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul {
    margin: 0;
    padding: 0;
  }
  #data-footer .cont-text-info > div > ul li {
    list-style: none;
    margin: 12px 0;
  }
  #data-footer .cont-text-info > div > ul li a {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul li i {
    margin-right: 5px;
    color: #153587;
  }
  #data-footer .cont-derechos {
    font-size: 14px;
    width: 100%;
    padding: 10px 11%;
    text-align: center;
    line-height: 25px;
  }
  #data-footer .cont-derechos > i {
    font-family: 'Glyphicons Halflings';
  }
  #data-footer .cont-derechos > a {
    color: #fff;
  }
  #data-footer .cont-derechos > a:hover {
    color: #d4a806;
  }
  #top-footer {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/contenidos/base_modules/container/public/img/repo/bg-footer.jpg");
    background-position: center;
    background-size: cover;
  }
  #top-footer {
    text-align: center;
  }
  #top-footer a {
    text-decoration: none;
  }
  #top-footer #logos-unam a, #top-footer #logos-sdi-dgru {
    cursor: pointer;
  }
  #links-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 66%;
    margin: 0 auto;
  }
  .link-f {
    padding: 0 5vw;
    font-size: 16px;
  }
  .link-f a {
    color: #fff;
    text-decoration: none !important;
  }
  .link-f a:hover {
    color: #d4a806;
  }
  /*
     * Erik Garcia
     * estilos para versión móvil
    */
  #data-footer,
  #container-elements-footer {
    width: 100% !important;
    min-width: 100%;
  }
  #data-footer .cont-text-info > div > h3 {
    font-size: 3.6vw !important;
  }
  #container-section-config-module {
    background: transparent;
    overflow: hidden;
    padding: 3px;
    width: 249;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 43px;
    padding-left: 15px;
    /* - -*/
  }
  #container-section-config-module a {
    color: #3e3b3b !important;
  }
  #container-section-config-module a:visited, #container-section-config-module a:hover, #container-section-config-module a:active, #container-section-config-module a:link {
    text-decoration: none !important;
  }
  #container-section-config-module #img-shared-dis {
    background-image: url("../../img/icons_save_shared/pda_compartir_dis.png");
  }
  #container-section-config-module #img-download-dis {
    background-image: url("../../img/icons_save_shared/pda_descargar_dis.png");
  }
  #container-section-config-module #img-registros-dis {
    background-image: url("../../img/icons_save_shared/pda_registros_dis.png");
  }
  #container-section-config-module #img-mosaico-dis {
    background-image: url("../../img/icons_save_shared/pda_mosaico_dis.png");
  }
  #container-section-config-module #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #container-section-config-module #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #container-section-config-module .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #container-section-config-module .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #container-section-config-module .btn-beta-function-selected {
    padding: 2px 0 0 2px;
  }
  #container-section-config-module .btn-beta-function-selected > span {
    color: #fff;
  }
  #container-section-config-module .btn-beta-function-selected i {
    color: #e29f24;
  }
  #container-section-config-module .btn-beta-function:hover {
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #container-section-config-module .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #container-section-config-module .btn-mask-gral {
    outline: none !important;
  }
  #container-section-config-module .btn-mask-gral:focus, #container-section-config-module .btn-beta-function-selected:focus, #container-section-config-module .btn-beta-function-selected:active, #container-section-config-module a, #container-section-config-module a:active, #container-section-config-module a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #container-section-config-module .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #container-section-config-module .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #container-section-config-module .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #container-section-config-module .btn-beta-function:hover span {
    color: #23527c;
  }
  #container-section-config-module .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #container-section-config-module .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #container-section-config-module .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #container-section-config-module .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @-webkit-keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @-webkit-keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #container-section-config-module #container-btn-open-query:focus,
  #container-section-config-module #container-text-num-queries:focus,
  #container-section-config-module #container-btn-general-shared:focus,
  #container-section-config-module #container-img-availablelayers:focus,
  #container-section-config-module #container-layers:focus,
  #container-section-config-module #img-baselayers:focus,
  #container-section-config-module #container-controls:focus,
  #container-section-config-module #container-img-baselayers:focus,
  #container-section-config-module #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #container-section-config-module #container-btn-open-query,
  #container-section-config-module #container-text-num-queries,
  #container-section-config-module #container-btn-general-shared,
  #container-section-config-module #container-img-availablelayers,
  #container-section-config-module #container-layers,
  #container-section-config-module #img-baselayers,
  #container-section-config-module #container-controls,
  #container-section-config-module #container-img-baselayers,
  #container-section-config-module #img-availablelayers,
  #container-section-config-module .single-layer {
    cursor: pointer;
  }
  #container-section-config-module .btn-off {
    color: #8c8c8c;
    cursor: default !important;
  }
  #container-section-config-module .btn-on:hover {
    color: #1f5586;
  }
  #container-section-config-module .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #container-section-config-module .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #container-section-config-module .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-config-module .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #container-section-config-module .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #container-section-config-module .query_stroke_last_element_text {
    position: absolute;
  }
  #container-section-config-module .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #container-section-config-module .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #container-section-config-module #btn-show-controls-map {
    width: 52%;
  }
  #container-section-config-module #btn_delete_all {
    margin-right: 5px;
  }
  #container-section-config-module #container-controls-query-popup {
    display: none;
    margin-top: 40px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #container-section-config-module #container-controls-layers-popup {
    display: none;
    margin-top: 20px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #container-text-no-query {
    text-align: center;
    margin: 20px 0 20px 0;
  }
  #container-section-config-module #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #container-section-config-module #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #container-section-config-module #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #container-section-config-module #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #container-section-config-module #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s.png");
  }
  #container-section-config-module .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #container-section-config-module .btn-mask-gral {
    height: 42px;
    position: absolute;
    width: 45px;
    z-index: 99;
  }
  #container-section-config-module .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #container-section-config-module .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    color: #5e5e5e !important;
  }
  #container-section-config-module .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #container-section-config-module .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 68px;
  }
  #container-section-config-module .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 69px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-config-module .container-controls-layers {
    margin-left: -63px;
    min-height: 200px;
    overflow: visible;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #container-section-config-module .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px;
    margin: 0 auto;
    width: 23px;
    text-align: center;
    font-size: 16px;
  }
  #container-section-config-module .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #container-section-config-module .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #container-section-config-module .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #container-section-config-module .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #container-section-config-module .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #container-section-config-module .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #container-section-config-module .btns-show-queries-list {
    width: 100%;
  }
  #container-section-config-module .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #container-section-config-module .container-btn-save-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #container-section-config-module .container-btn-show-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-config-module {
    margin-right: 1px;
  }
  #container-section-config-module .container-btn-config-module:hover {
    cursor: pointer;
  }
  #container-section-config-module .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 220px;
    z-index: 99;
  }
  #container-section-config-module .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #container-section-config-module .container-element-list:hover {
    background-color: #eaeaea;
  }
  #container-section-config-module .container-num-queries {
    position: absolute;
    margin-left: 14px;
    font-size: 10px;
    margin-top: -16px;
    width: 17px;
    text-align: center;
    font-weight: bold;
  }
  #container-section-config-module .container-svg-actions {
    height: 19px;
    float: right;
  }
  #container-section-config-module .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #container-section-config-module .container-text-queri-list > span {
    margin-left: 12px;
  }
  #container-section-config-module .layer-btn-active {
    background-color: #1f5586;
  }
  #container-section-config-module .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #container-section-config-module .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #container-section-config-module .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  #container-section-config-module #gral-container-left-options {
    margin-top: 10px;
  }
  #container-section-config-module #gral-container-left-options #container-facets #facets_cont_gral .facets_cont_facets {
    border: thin solid;
  }
  #fsmap-tools {
    /* - -*/
  }
  #fsmap-tools a:visited, #fsmap-tools a:hover, #fsmap-tools a:active, #fsmap-tools a:link {
    text-decoration: none !important;
  }
  #fsmap-tools #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #fsmap-tools #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #fsmap-tools .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #fsmap-tools .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #fsmap-tools .btn-beta-function-selected {
    border: 1px solid #d8d8d8 !important;
    padding: 2px 0 0 2px;
  }
  #fsmap-tools .btn-beta-function-selected > span {
    color: #fff;
  }
  #fsmap-tools .btn-beta-function:hover {
    border: 1px solid #dddddd !important;
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #fsmap-tools .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #fsmap-tools .btn-mask-gral {
    outline: none !important;
  }
  #fsmap-tools .btn-mask-gral:focus, #fsmap-tools .btn-beta-function-selected:focus, #fsmap-tools .btn-beta-function-selected:active, #fsmap-tools a, #fsmap-tools a:active, #fsmap-tools a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #fsmap-tools .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #fsmap-tools .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #fsmap-tools .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #fsmap-tools .btn-beta-function:hover span {
    color: #23527c;
  }
  #fsmap-tools .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #fsmap-tools .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #fsmap-tools .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #fsmap-tools .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #fsmap-tools #container-btn-open-query:focus,
  #fsmap-tools #container-text-num-queries:focus,
  #fsmap-tools #container-btn-general-shared:focus,
  #fsmap-tools #container-img-availablelayers:focus,
  #fsmap-tools #container-layers:focus,
  #fsmap-tools #img-baselayers:focus,
  #fsmap-tools #container-controls:focus,
  #fsmap-tools #container-img-baselayers:focus,
  #fsmap-tools #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #fsmap-tools #container-btn-open-query,
  #fsmap-tools #container-text-num-queries,
  #fsmap-tools #container-btn-general-shared,
  #fsmap-tools #container-img-availablelayers,
  #fsmap-tools #container-layers,
  #fsmap-tools #img-baselayers,
  #fsmap-tools #container-controls,
  #fsmap-tools #container-img-baselayers,
  #fsmap-tools #img-availablelayers,
  #fsmap-tools .single-layer {
    cursor: pointer;
  }
  #fsmap-tools .btn-off {
    color: #8c8c8c;
    cursor: default;
  }
  #fsmap-tools .btn-on:hover {
    color: #1f5586;
  }
  #fsmap-tools .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #fsmap-tools .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #fsmap-tools .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #fsmap-tools .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #fsmap-tools .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #fsmap-tools .query_stroke_last_element_text {
    position: absolute;
  }
  #fsmap-tools .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #fsmap-tools .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #fsmap-tools #btn-show-controls-map {
    width: 52%;
  }
  #fsmap-tools #btn_delete_all {
    margin-right: 5px;
  }
  #fsmap-tools #container-controls-query-popup {
    display: none;
    margin-top: 40px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #fsmap-tools #container-controls-layers-popup {
    display: none;
    margin-top: 20px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #container-text-no-query {
    text-align: center;
    margin: 20px 0 20px 0;
  }
  #fsmap-tools #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #fsmap-tools #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #fsmap-tools #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #fsmap-tools #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #fsmap-tools #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s.png");
  }
  #fsmap-tools .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #fsmap-tools .btn-mask-gral {
    height: 42px;
    position: absolute;
    width: 45px;
    z-index: 99;
  }
  #fsmap-tools .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #fsmap-tools .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    color: #5e5e5e !important;
  }
  #fsmap-tools .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #fsmap-tools .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 68px;
  }
  #fsmap-tools .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 69px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #fsmap-tools .container-controls-layers {
    margin-left: -63px;
    min-height: 200px;
    overflow: visible;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #fsmap-tools .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px;
    margin: 0 auto;
    width: 23px;
    text-align: center;
    font-size: 16px;
  }
  #fsmap-tools .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #fsmap-tools .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #fsmap-tools .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #fsmap-tools .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #fsmap-tools .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #fsmap-tools .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #fsmap-tools .btns-show-queries-list {
    width: 100%;
  }
  #fsmap-tools .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #fsmap-tools .container-btn-save-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #fsmap-tools .container-btn-show-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-config-module {
    margin-right: 1px;
  }
  #fsmap-tools .container-btn-config-module:hover {
    cursor: pointer;
  }
  #fsmap-tools .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 220px;
    z-index: 99;
  }
  #fsmap-tools .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #fsmap-tools .container-element-list:hover {
    background-color: #eaeaea;
  }
  #fsmap-tools .container-num-queries {
    position: absolute;
    margin-left: 14px;
    font-size: 10px;
    margin-top: -16px;
    width: 17px;
    text-align: center;
    font-weight: bold;
  }
  #fsmap-tools .container-svg-actions {
    height: 19px;
    float: right;
  }
  #fsmap-tools .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #fsmap-tools .container-text-queri-list > span {
    margin-left: 12px;
  }
  #fsmap-tools .layer-btn-active {
    background-color: #1f5586;
  }
  #fsmap-tools .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #fsmap-tools .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #fsmap-tools .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  #fsmap-tools #gral-container-left-options {
    margin-top: 10px;
  }
  #fsmap-tools #gral-container-left-options #container-facets #facets_cont_gral .facets_cont_facets {
    border: thin solid;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body input#temp-checked-status[type="checkbox"] {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
  }
  body {
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
  }
  #container-gral {
    background-color: #f5f5f5;
    margin: auto;
    padding: 0;
    width: 1005px;
  }
  #container-gral button:focus {
    outline: 0;
  }
  #container-gral #container-elements {
    width: 746px;
  }
  #container-gral #container-module {
    /*margin-top: 10px;*/
    min-height: 55vh;
  }
  #container-gral #remove-containerlayers-icon {
    padding-top: 3px;
    padding-bottom: 2px;
    color: #337ab7;
  }
  #container-gral-advanced-option {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    height: 0px;
  }
  #container-menu-facet-mob {
    display: none;
  }
  #warning-ie {
    background-color: darkred;
    color: white;
    padding-top: .2%;
    font-size: 1.1em;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
  }
  #block-ie {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    z-index: 999;
  }
  #chrome-logo {
    width: 30px;
  }
  #firefox-logo {
    width: 30px;
  }
  #edge-logo {
    width: 25px;
  }
  #error-text {
    max-height: 200px;
    min-height: 200px;
    max-width: 400px;
    min-width: 400px;
  }
  #warning-ie-text {
    margin: 5px auto;
    text-align: center;
  }
  #warning-ie-navs {
    margin: 0 auto;
    text-align: center;
  }
  #warning-ie-navs > a > img {
    text-decoration: none;
    cursor: pointer;
    margin: 5px 30px;
  }
  .animation-height-open {
    -webkit-animation-name: animacion-open;
            animation-name: animacion-open;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  @keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  .animation-height-close {
    -webkit-animation-name: animacion-close;
            animation-name: animacion-close;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  @keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  .format-anchore-lit {
    text-decoration: underline !important;
  }
  .config-cont-options-advanced {
    position: relative;
    overflow: hidden;
  }
  .center-element {
    margin: 0 auto;
  }
  .curtain {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  .curtain_settings {
    border-radius: 99px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 135px -28px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 195px 77px rgba(0, 0, 0, 0.5);
    height: 30px;
    left: 37%;
    position: absolute;
    top: 37%;
    width: 30px;
  }
  .gral-clear-float {
    clear: both;
  }
  .general-display-none {
    display: none;
  }
  .gral-float-left {
    float: left;
  }
  .gral-float-right {
    float: right;
  }
  .margin-top-5 {
    margin-top: 5px;
  }
  .margin-top-20 {
    margin-top: 20px;
  }
  .primary-color {
    color: #3d3e40;
  }
  .secundary-color {
    color: #d68641;
  }
  .top-3 {
    top: 2px;
  }
  .btn_disabled {
    color: #97969a !important;
    cursor: default !important;
  }
  .records-text-total {
    color: #656565;
    font-weight: bold;
  }
  .btn-primary {
    color: #fff9f7;
    background-color: #3d3e40 !important;
    border-color: #4a4a4a !important;
  }
  .bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
    cursor: move;
  }
  .shared-mail {
    color: darkgray;
  }
  .text-error {
    position: relative;
    text-align: center;
    top: 20vh;
  }
  .modal-error {
    width: 100%;
  }
  .text-error > h1 {
    font-size: 3em;
    margin: 50 auto;
    padding-left: 10px;
  }
  ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #2b2b2b;
    opacity: 1;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #777777;
    opacity: 1;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #777777;
    opacity: 1;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777777;
  }
  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777777;
  }
  .lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-ring div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #d4a806;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #d4a806 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
            animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
  }
  @-webkit-keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  #container-menu-facet-mob {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 9;
  }
  #cont-int-facet {
    width: 94%;
    height: 96vh;
    background-color: #fff;
    overflow-y: scroll;
    margin-top: 3vh;
  }
  #btn-close-container-facet {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px 5px;
    font-size: 20px;
  }
  .animation-cont-facet {
    display: block !important;
    -webkit-animation-name: animacion-open-facet;
            animation-name: animacion-open-facet;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .animation-cont-facet-close {
    -webkit-animation-name: animacion-close-facet;
            animation-name: animacion-close-facet;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  #icons-up-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    width: 42px;
    height: 105px;
    bottom: 2vh;
    right: 2vw;
  }
  #icons-up-report .st-go-top-report {
    background-color: rgba(192, 192, 192, 0.3) !important;
    color: rgba(21, 26, 81, 0.33);
    cursor: pointer;
    font-size: 24px;
    height: 42px;
    text-align: center;
    width: 42px;
  }
  #icons-up-report #go-top {
    margin-top: 21px;
  }
  #cont-icon-report {
    margin-top: 8px;
  }
  #cont-icon-up {
    margin-top: 8px;
  }
  @-webkit-keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @-webkit-keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  @keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  .st-go-top {
    position: fixed;
    width: 42px;
    height: 42px;
    bottom: 2vh;
    right: 2vw;
    background-color: rgba(192, 192, 192, 0.3) !important;
    cursor: pointer;
  }
  .st-go-top #cont-icon-top {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(21, 26, 81, 0.33);
    font-size: 24px;
    border-radius: 99px 99px 0 99px;
    position: absolute;
  }
  textarea {
    width: 100%;
    min-height: 30rem;
    font-size: 11px;
    line-height: 1.2;
    display: none;
  }
  #cont-btn-social-media-record {
    color: #2f3684;
  }
  #input-goto-page {
    font-size: 1em;
  }
  .number-pagination-global {
    color: rgba(6, 6, 6, 0.45);
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    text-align: center;
  }
  .content-type-grid {
    position: absolute !important;
    margin-left: -15px;
    margin-top: 15px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff !important;
  }
  .content-type-grid > span {
    background-color: #151a51;
    color: #fff;
    padding: 2px 5px;
    /* border: 1px solid rgba(21, 26, 81, 0.44); */
    margin-left: 5px;
    font-size: 12px;
  }
  .cont-elements-url {
    display: none;
    position: absolute;
    width: 259px;
    height: 130px;
    /* right: -56px; */
    background-color: white;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-top: -140px;
    -webkit-box-shadow: 2px 2px 2px 0px #9c979c;
    box-shadow: 2px 2px 2px 0px #9c979c;
    -webkit-transition: all 1s;
    /* transition: all 1s; */
  }
  .cont-elements-url > div.sub-cont-dinamic {
    width: 259px;
    height: 130px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-elements-url > div.sub-cont-dinamic > .cont-total-data {
    height: 90px;
    width: 43%;
    border-right: 1px solid #e0e0e0;
    text-align: center;
  }
  .arrow-before {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #797979;
    font-size: 0px;
    line-height: 0px;
    top: -1px;
    left: 5px;
    position: relative;
  }
  .arrow-after {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fdfdfd;
    font-size: 0px;
    line-height: 0px;
    top: -17px;
    left: 5px;
    position: relative;
  }
  .cont-header-dinamic-renglon-cont {
    width: 100%;
    height: 20px;
    font-size: 15px;
    padding: 3px 0 0 3px;
    font-weight: 500;
    color: #2c316e;
  }
  .detail {
    cursor: pointer;
    height: 160px;
    width: auto;
  }
  .detail-register {
    background-color: rgba(6, 6, 6, 0.03);
  }
  .display-title {
    color: #337ab7;
    opacity: 1;
  }
  .div-display-info {
    width: 100%;
  }
  .div-hidden {
    display: none;
  }
  .doc-cont-map {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url("/documents/client/public/img/map_example.png");
    background-size: auto;
    background-position: center;
  }
  .doc-list-img-left {
    border-right: 1px solid #ddd;
    float: left;
    height: 100%;
  }
  .doc-list-img-right {
    overflow-y: hidden;
  }
  .doc-grid-img img {
    height: auto;
    width: 100%;
  }
  .doc-list-img-right .mini-img {
    height: 100%;
    width: 100%;
  }
  .doc-left-img img {
    height: auto;
    width: 100%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .doc-info-text-grid > div {
    margin-bottom: 3px;
  }
  .doc-info-text-grid > div > span {
    font-size: 11px;
  }
  .ellipses-register {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .extra-icons {
    background-color: #337ab7;
    cursor: pointer;
    float: right;
  }
  .field-separator {
    color: #337ab7;
    font-weight: bold;
  }
  .grid-icons-group {
    position: absolute;
  }
  .grid-register-header {
    text-align: center;
    width: 100%;
  }
  .hl-name {
    color: #777;
  }
  .hl-value em {
    color: #d68641;
    font-weight: bold;
  }
  .icon-reg {
    cursor: pointer;
  }
  .img-audio-grid {
    height: 100%;
    width: 100%;
  }
  .img-display {
    background: no-repeat center center;
    margin: 0 auto;
  }
  .img-register-i {
    background: url("/documents/client/public/img/image.svg");
    background-size: cover;
  }
  .img-rel-card {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 100%;
    width: 100%;
  }
  .icons-group {
    bottom: 40px;
    position: absolute;
    right: 40px;
  }
  .icon-size {
    height: 24px;
    width: 24px;
  }
  .image-title {
    color: #777;
    text-align: center;
  }
  .label-rel {
    color: #337ab7;
    font-size: 12px;
  }
  .list-icon-group {
    float: right;
  }
  .main-imag,
  .main-img-obj {
    float: left;
    margin: 0 auto;
  }
  .main-imag div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    overflow: hidden;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .map {
    height: 87%;
    position: relative;
    width: 100%;
  }
  .map-content {
    width: 60%;
    height: auto;
  }
  .map-register-i {
    background: url("/documents/client/public/img/map.svg");
    background-position: top center;
    background-size: contain;
  }
  .number-register-i {
    background: url("/documents/client/public/img/share.svg");
    float: left;
    margin: 0 auto;
    background-size: cover;
    float: left;
    height: 23px;
  }
  .objects-quantity {
    color: rgba(6, 6, 6, 0.45);
  }
  .od-more-icons {
    float: right;
  }
  .one-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
  }
  .pagination-div {
    float: right;
  }
  .paragraphs {
    display: inline-block;
  }
  .register-field-header {
    width: 100%;
  }
  .register-guid {
    color: #777;
  }
  .relation_type {
    color: #1D4568;
    padding: 5px;
  }
  .rel-card {
    float: left;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 1px0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
  }
  .rels-info {
    overflow-y: hidden;
  }
  .reg-option-vertical {
    cursor: pointer;
  }
  .rel-val {
    color: gray-color-low;
    display: inline-block;
  }
  .rel-val a {
    text-decoration: none;
  }
  .rel-card:hover {
    cursor: pointer;
  }
  .rel-title {
    border-bottom: 1px solid #ddd;
    display: table;
    padding-bottom: 3px;
    width: 100%;
  }
  .reg-par-info {
    display: inline-block;
  }
  .registers {
    background-color: lightsteelblue;
  }
  .register-header {
    float: left;
  }
  .rel-not-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin-top: 5px;
  }
  .reg-par-info {
    text-align: justify;
  }
  .remove-reg {
    cursor: pointer;
    float: right;
  }
  .row .top-bar {
    padding-right: 13px;
  }
  .selected-button {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  .selected-icon {
    color: #25414f;
  }
  .selected-image {
    border: 3px solid #fff;
    opacity: 0.6;
    -webkit-box-shadow: inset 0px 1px 4px 0px #fff;
    box-shadow: inset 0px 1px 6px 0px #fff;
    -webkit-transition: height 2s linear;
    -moz-transition: height 2s linear;
    -o-transition: height 2s linear;
    -ms-transition: height 2s linear;
  }
  .share-register-i {
    background: url("/documents/client/public/img/pda_compartir.svg") no-repeat;
    cursor: pointer;
  }
  .top-bar {
    color: #d68641;
    overflow: hidden;
    width: 100%;
  }
  .wrapper-img-rel-card {
    margin: 0 auto;
    width: 100%;
  }
  .icon-doc.grid {
    margin: 10px;
  }
  /*Estilos para mosaico*/
  #matrix-data {
    display: none;
  }
  .m-wrapper-reg {
    background: rgba(238, 238, 238, 0.64);
    display: inline-block;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .img-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    width: 100%;
  }
  .div-container-paginator-class {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0px 0px 10px 5px;
    border-bottom: 1px solid #ebebeb;
    color: rgba(6, 6, 6, 0.45);
  }
  .self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    color: #2c353a;
  }
  .self-center > form {
    margin-bottom: 0;
  }
  .dec-none > a {
    text-decoration: none;
  }
  .doc-element {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 0 15px 15px 15px;
  }
  .doc-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-header-category {
    color: #d68641;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .doc-header-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .doc-header-icons > div {
    margin: 10px 0 0 5px;
  }
  .share-element-icon {
    cursor: pointer;
  }
  .img-element-icon {
    background: url("/documents/client/public/img/image.svg") no-repeat;
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .rels-icon {
    background: url("/documents/client/public/img/share.svg");
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .map-element-icon {
    background: url("/documents/client/public/img/map.svg") no-repeat;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .view-detail {
    cursor: pointer;
  }
  .selected-icon {
    border-bottom: 1px solid #337ab7;
  }
  .doc-id {
    padding-bottom: 5px;
  }
  .doc-id-name {
    font-size: 1.3em;
  }
  .doc-id-guid {
    color: #777;
  }
  .doc-details {
    background: rgba(6, 6, 6, 0.03);
    height: 0;
  }
  .doc-details-visible {
    margin-bottom: 15px;
  }
  .details-hidden {
    visibility: collapse;
  }
  .doc-details-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #337ab7;
    font-size: 1.1em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-details-content {
    height: 350px;
    padding-bottom: 10px;
  }
  .details-rels-justify {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #container-module {
    margin-right: 25px;
  }
  .carrusel-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  input[type="text"]::-webkit-input-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-moz-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-ms-input-placeholder {
    color: #cecdcd;
  }
  .loader-details {
    position: relative;
    left: 50%;
    height: 200px;
    width: 200px;
    margin-left: -100px;
  }
  .details-container {
    height: 97%;
    padding: 0 10px;
  }
  .card-rel {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .div-img-rel {
    text-align: center;
    vertical-align: top;
  }
  .rels-img-hidden {
    opacity: 0;
  }
  .type-rels-card {
    color: #1D4568;
    font-size: 0.8em;
  }
  .title-rels-card {
    font-size: 1.1em;
    overflow: hidden;
  }
  .guid-rels-card {
    color: gray;
    font-size: 0.8em;
  }
  .get_more_rels {
    height: auto;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
    color: #337ab7;
  }
  .do-img-hidden {
    opacity: 0;
  }
  .dig-obj-container {
    width: 80%;
    height: 97%;
  }
  .slick-slide {
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .data-rels-prueba {
    display: none;
  }
  .doc-info {
    padding-bottom: 10px;
  }
  .img-hidden {
    opacity: 0;
  }
  .img-w {
    width: 100%;
  }
  .img-h {
    height: 100%;
  }
  .img-center {
    vertical-align: top;
    text-align: center;
  }
  .doc-info-text-grid {
    text-align: justify;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .conten-external-link {
    color: #e5ae49;
    cursor: pointer;
    padding: 0 3px;
  }
  .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inline {
    display: inline-block;
  }
  .width75 {
    width: 75%;
    text-align: justify;
  }
  .doc-element-grid {
    margin: 12px 0;
    border: 1px solid rgba(218, 218, 218, 0.64);
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .doc-element-grid:hover {
    border: 1px solid rgba(169, 169, 169, 0.48);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  }
  .grid-main-img {
    height: 300px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background-position: center 5%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 4px;
    cursor: pointer;
  }
  .doc-element-grid:hover .grid-main-img {
    background-color: #fff;
  }
  .grid-main-img > img {
    height: 100%;
    opacity: 0;
  }
  .doc-highlights-grid {
    overflow: hidden;
    font-size: 0.8em;
  }
  .name-card-grid {
    font-size: 1em;
    overflow: hidden;
    padding: 0 5px 0 5px;
    cursor: pointer;
  }
  .guid-grid {
    color: #e0a842;
    font-size: 0.9em;
    padding: 0 5px 0 5px;
    font-weight: bold;
    margin-top: 8px;
  }
  .name-short-grid {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .suspensive {
    color: #337ab7;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .modal {
    display: none;
    z-index: 99999 !important;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #afafaf;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #modal-content {
    background-color: #666;
    margin: auto;
    padding: 2%;
    border: 1px solid #888;
    z-index: 99999;
  }
  .modal-content-do {
    width: 50%;
    height: 80%;
  }
  .close-modal {
    color: #aaaaaa;
    float: right;
    font-size: 2.5em;
    font-weight: bold;
    position: absolute;
    right: 1%;
    top: 0;
  }
  .close-modal:hover,
  .close-modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .footer-img {
    text-align: center;
    color: gray;
    text-decoration: none !important;
  }
  #btn-close-record {
    cursor: pointer;
  }
  #cont-img-btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px 10px 0 0;
    font-size: 16px;
  }
  #cont-elemets-img {
    width: 57%;
  }
  #cont-elemets-img > .meta-cont-img {
    padding: 1.5vh 0;
    background-color: #ececec;
  }
  #cont-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #ececec;
    margin: 5px 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  #cont-img-record .btn-arrow-img {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  #cont-data-record {
    width: 41%;
    margin-right: 1%;
    padding-left: 5px;
  }
  #cont-data-record h2 {
    color: #2C316E;
  }
  #cont-data-record h4 {
    color: #2C316E;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
  }
  #cont-option-view-data {
    overflow: hidden;
  }
  #cont-list-data-estandar {
    height: 55vh;
    overflow: auto;
    padding: 0 30px;
  }
  #cont-curtain-record {
    width: 100vw;
    height: 100vh;
    -webkit-animation: start-courtain-record 1s forwards;
            animation: start-courtain-record 1s forwards;
    background-color: rgba(51, 51, 51, 0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .cont-title-min-record {
    font-size: 8px;
    color: #fff;
    overflow: hidden;
    max-height: 2.2vh;
    margin-top: 4px;
    line-height: 100%;
  }
  .container-section-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-description-record {
    overflow: hidden;
    height: 30px;
  }
  #content-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #content-button div span i {
    margin-right: 3.5px;
  }
  #cont-btn-social-media-record .material-icons {
    font-size: 16px;
  }
  .cont-link-resource, .cont-link-complete, .cont-link-share {
    margin: 8px 0;
    margin-right: 15px;
  }
  .cont-link-resource span, .cont-link-complete span, .cont-link-share span {
    background-color: #e5ae49;
    border: 1px solid;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
  }
  .cont-link-resource span#cont-completo, .cont-link-complete span#cont-completo, .cont-link-share span#cont-completo {
    background-color: #2C316E;
  }
  .cont-link-resource span#compartir, .cont-link-complete span#compartir, .cont-link-share span#compartir {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
    color: #2C316E;
  }
  .cont-link-resource span:hover {
    background-color: #fff;
    border-color: #e5ae49;
    color: #a77f34;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-complete span#cont-completo:hover {
    background-color: #fff;
    color: #2C316E;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-share span#compartir:hover {
    background-color: #fff;
    color: #919191;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #cont-license {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  #cont-license div p {
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
  }
  .cont-btn-view-more-desc {
    margin-top: 5px;
    text-align: right;
  }
  .cont-view-next-record:focus {
    outline: 0 !important;
  }
  .cont-type-record span.target-type {
    background-color: #2C316E;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #4C518C;
  }
  .alrticle-number-pages {
    width: 60px;
    font-size: 14px;
    color: #333333;
  }
  .record-arrow-action:hover {
    background-color: #58575798;
    color: #fff !important;
  }
  .record-arrow-action span {
    padding: 0 10px;
  }
  .controllers-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3em;
    margin-top: 15px;
  }
  .general-open-record {
    -webkit-animation: open-record .5s forwards;
            animation: open-record .5s forwards;
  }
  .title-data-obj {
    color: #2C316E;
  }
  .set-color {
    -webkit-animation: set-title-color .2s forwards;
            animation: set-title-color .2s forwards;
  }
  .set-color-def {
    color: #fff;
    -webkit-animation: set-def .2s forwards;
            animation: set-def .2s forwards;
  }
  .option-view-data-selected {
    background-color: #eaeaea;
  }
  .cont-list-img-record {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 83vh;
  }
  .cont-number-img-action {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-bottom: 4vh;
  }
  .cont-view-next-record {
    position: absolute;
    bottom: 0px;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    height: 15vh;
    background-color: #0a0146;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1vh;
  }
  .cont-view-next-record .cont-btn-up-down {
    width: 20% !important;
    height: 20px;
    margin-top: -25px;
    position: absolute;
    text-align: right;
    right: 0px;
  }
  .cont-view-next-record .cont-btn-up-down span {
    background-color: #0a0146;
    color: #fff;
    padding: 5px 5px;
    right: 50%;
    cursor: pointer;
  }
  .cont-view-next-record .cont-item-netx-record {
    height: 20vh;
    width: 90%;
    max-width: 90%;
  }
  .item-list-selected {
    border: 2px solid #d4a806;
    padding: 3px;
  }
  .item-list-selected img {
    height: 10vh !important;
  }
  .item-list-selected .cont-title-min-record {
    margin-top: .8vh !important;
  }
  .item-record-min {
    height: 11vh;
    width: 100px;
    cursor: pointer;
  }
  .item-record-min img {
    height: 11vh;
    /* - fin -*/
    width: auto;
    margin: 0 auto;
  }
  .status-more, .status-less {
    color: #2c316e;
    cursor: pointer;
  }
  .status-more .cont-text-more-less, .status-less .cont-text-more-less {
    color: #e5ae49;
    font-weight: bold;
  }
  .btn-arrow-img-active {
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .btn-arrow-img-active:hover {
    color: rgba(51, 51, 51, 0.7);
    cursor: pointer;
  }
  .btn-arrow-img-inactive {
    color: #ccc;
  }
  .cont-header-data-record {
    padding: 15px 0 0 2px;
  }
  .text-title-head-record {
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
  }
  .text-autor-head-record {
    font-size: 14px;
  }
  .general-format-text-head-record {
    font-size: 14px;
  }
  .cont-title-renglon {
    color: #636363 !important;
    font-size: 14px;
  }
  .cont-val-record-renglon {
    padding: 2px 0 20px 0;
  }
  .cont-val-record-renglon > span {
    position: relative;
    padding: 10px 10px 0 0;
    font-size: 14px;
  }
  .cont-main-number-dinamic {
    font-size: 45px;
    color: #d4a806;
    font-weight: bold;
  }
  .cont-title-row-single {
    font-size: 13px;
    color: #3a3434;
  }
  .cont-numeric-row-single {
    font-size: 15px;
    font-weight: bold;
    color: #4d5396;
  }
  .cont-rows-dinamic {
    width: 55%;
  }
  .cont-row-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 5px 0;
    padding-left: 5px;
  }
  .cont-main-text-dinamic {
    font-size: 14px;
    color: #3a3434;
  }
  /*.cont-val-record-renglon span:hover .cont-elements-url{
            display: block;
        }*/
  /* Erik  */
  #panel-advanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #container-gral-advanced-option .center-element h3 {
    font-weight: bold;
    text-align: center;
  }
  .radio-inline {
    padding-left: 3em;
  }
  /*** - ***/
  .content-elements-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5px;
    width: 100%;
  }
  .documents-color-link-orig {
    color: #e5ae49 !important;
  }
  .content-elements-links .material-icons {
    font-size: 15px;
    cursor: pointer;
    color: #2f3684;
  }
  .content-elements-links > div {
    padding: 5px;
  }
  .content-elements-links > div > a {
    cursor: pointer !important;
  }
  .disable-scroll, .disable-scroll-menu {
    overflow-y: hidden;
  }
  .tooltip {
    font-size: 14px;
    width: 20vw;
  }
  .record-pre-load-h1 {
    width: 60%;
    height: 3vh;
    background: #dedede;
    border-radius: 2px;
    margin: 25px 0;
  }
  .record-pre-load-p {
    width: 90%;
    height: 1.5vh;
    background: #dedede;
    border-radius: 2px;
    margin: 15px 0;
  }
  .record-pre-load-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .record-pre-load-list ul li {
    width: 25%;
    height: 2vh;
    background: #dedede;
    list-style: none;
    margin: 0 1vw;
  }
  .record-pre-load-section {
    height: 18vh;
    background: #dedede;
    margin: 30px 0;
    width: 90%;
    border-radius: 2px;
  }
  .report-comments-transition {
    max-height: 200px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  .report-comments-transition:hover {
    max-height: 400px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  #container-report {
    background-color: rgba(213, 213, 213, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .ui-dialog {
    position: initial;
  }
  #report-comments {
    height: auto;
    width: 470px;
  }
  #report-comments #bug-message textarea#comments-text {
    display: block;
    resize: none;
    min-height: 15rem;
  }
  .alert-report {
    width: 42%;
  }
  #mail {
    width: 210px;
  }
  /*#type {
            width: 30%;
        }*/
  #report-comments #bug-message label {
    font-weight: inherit;
  }
  #report-comments #bug-message .required-c {
    color: red;
  }
  #close-report-comment:focus {
    outline: 0;
  }
  #report-comments .ui-widget-header {
    background-color: #151a51;
  }
  #send-report-button, #accept-report-button {
    background-color: #1976d2;
  }
  #close-report-button {
    background-color: #e30f0f;
  }
  #report-comments .ui-widget-header, #send-report-button, #close-report-button, #accept-report-button {
    color: #fff;
  }
  .alert-danger {
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px;
    padding-right: 35px;
  }
  #report-comments .alert-dismissable .close, .alert-dismissible .close {
    top: 7px;
  }
  .disable-elements-comment {
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
  }
  @-webkit-keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @-webkit-keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @-webkit-keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  @keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  .card-rel {
    width: 30%;
  }
  .cont-col-info-grid {
    font-size: 14px;
  }
  .cont-text-title-record-min {
    font-size: 14px;
  }
  .doc-info {
    padding-bottom: 10px;
  }
  .doc-info-digobj {
    width: 160px;
    height: 160px;
  }
  .doc-info-text {
    padding-left: 20px;
  }
  .doc-details-header {
    padding: 15px;
  }
  .div-img-rel {
    width: 60px;
    height: 60px;
    margin: 0 8px;
  }
  .info-rels-card {
    width: 60%;
  }
  .rels-not-img {
    height: 60px;
  }
  .get_more_rels {
    width: 170px;
  }
  .do-container {
    height: 210px;
    width: 210px;
    padding-bottom: 15px;
  }
  .slick-slide {
    padding: 0 20px;
  }
  .title-rels-card {
    height: 39px;
  }
  .h-name-grid {
    height: 62px;
    line-height: 16px;
  }
  .doc-info-text-grid {
    height: 112px;
  }
  @-moz-document url-prefix() {
    .doc-info-text-grid {
      height: 112px;
    }
  }
  .doc-highlights-grid {
    height: 45px;
  }
  #wrapper-register {
    min-height: 80vh;
  }
  #documents-container-paginator {
    padding: 15px 0px 15px 5px;
    display: block;
    border-bottom: 1px solid #ebebeb;
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    height: 21px;
    width: 60px;
  }
  #section-records {
    margin-top: 15px;
    padding-left: 0;
  }
  .bottom-bar {
    border-top: 1px solid #ddd;
    float: right;
    overflow: hidden;
    padding: 5px;
    width: 100%;
  }
  .change-height {
    height: 410px;
  }
  .columns-info {
    height: 355px;
    padding: 10px 0 10px 0;
  }
  .columns-info .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .count-rels {
    float: left;
    font-size: 14px;
    color: #337ab7;
    padding-top: 4px;
  }
  .detail-icon {
    float: right;
    padding: 5px;
  }
  .detail-register {
    height: 0;
    text-align: left;
    -webkit-transition: ease 2s easeInOutQuint;
    transition: ease 2s easeInOutQuint;
  }
  .doc-cont-map {
    margin-top: 3%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .div-img-audio {
    display: inline-block;
    height: 100px;
    width: 100px;
  }
  .div-player-audio {
    display: inline-block;
    width: 80%;
  }
  .div-display-map img {
    width: 100%;
  }
  .div-register-title {
    display: inline-block;
    width: 65%;
  }
  .doc-left-img {
    float: left;
    width: 49%;
  }
  .doc-left-img img {
    height: auto;
    margin: 10px 20px 20px 0;
    width: 100%;
  }
  .doc-list-img-left {
    padding: 0 15px 0 0;
    width: 30%;
  }
  .doc-list-img-left div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 290px;
    width: 100%;
  }
  .doc-list-img-grid {
    display: inline-block;
    height: 120px;
    cursor: pointer;
    width: 115px;
    margin: 10px;
  }
  .doc-list-img-grid .mini-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    height: 90%;
    width: 100%;
  }
  .doc-right-img {
    border-left: 1px solid #ddd;
    float: right;
    height: 435px;
    overflow: auto;
    width: 49%;
  }
  .doc-grid-img {
    border: 1px solid #ddd;
    float: left;
    height: 150px;
    width: 90px;
    margin: 15px;
  }
  .doc-list-img-grid:hover {
    cursor: pointer;
    opacity: 0.6;
  }
  .doc-list-img-right {
    float: right;
    height: 100%;
    padding: 0 0 0 10px;
    width: 70%;
    overflow: auto;
  }
  .element-display {
    padding: 0 20px;
  }
  .extra-icons {
    height: 20px;
    width: 20px;
  }
  .file-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    cursor: pointer;
    height: 150px;
    margin: 10px 0;
  }
  .file-digital-obj:hover {
    opacity: 0.5;
  }
  .format-main {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 150px;
    width: 100%;
    margin-top: 5px;
  }
  .grid-icons-group {
    bottom: 40px;
    right: 40px;
  }
  .grid-info {
    padding: 10px 0 0 0;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .highlights {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
  }
  .hl-divisor {
    color: #337ab7;
  }
  .hl-name {
    color: #777;
  }
  .hl-value em {
    color: #d68641;
    font-weight: bold;
  }
  .icon {
    height: 20px;
    width: 20px;
  }
  .icon-doc-grid {
    margin: 10px;
  }
  .list-icon-group {
    padding: 15px 10px;
    width: 35%;
  }
  .info-details {
    height: 90%;
  }
  .info-register {
    display: inline-block;
    padding: 10px 15px;
    width: 68%;
  }
  .icons-group {
    bottom: 40px;
    right: 40px;
  }
  .img-audio-grid {
    height: 100%;
    width: 100%;
  }
  .img-display {
    padding: 10px;
    height: 205px;
    width: 200px;
  }
  .main-imag {
    display: inline-block;
    height: 40%;
    width: 32%;
  }
  .main-imag div {
    margin: 15px 20px 20px 20px;
    height: 85%;
    width: 170px;
  }
  .main-img-obj {
    display: inline-block;
    width: 32%;
  }
  .main-img-obj div {
    width: 170px;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .m-do-gral-info {
    display: -webkit-box;
    height: 44px;
    margin-bottom: 15px;
    margin: 0 0 15px 0;
    position: relative;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mosaic-hl {
    display: -webkit-box;
    height: 40px;
    margin-bottom: 15px;
    margin: 0 0 15px 0;
    padding-top: 7px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    word-break: break-all;
  }
  .m-od-title {
    height: 45px;
    margin-top: 20px;
    overflow: hidden;
  }
  .one-image {
    margin: 0 0 10px 0;
  }
  .only-register {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 17px;
  }
  .pagination-div {
    height: 30px;
    padding: 0 15px;
  }
  .points_after::after {
    background-color: #f4f4f4;
    content: " ...";
    position: absolute;
    bottom: 0;
    right: -5px;
    padding: 0 10px 0px 5px;
  }
  .principal-image {
    height: 190px;
    width: 170px;
  }
  .rels-content {
    padding: 0 35px;
  }
  .reg-more-20 {
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
    float: left;
    margin-left: 190px;
    padding: 10px 0;
    text-align: center;
    width: 170px;
  }
  .reg-more-20 a {
    cursor: pointer;
  }
  .register-title-map {
    font-size: 12px;
    padding: 15px;
  }
  .rel-card {
    height: 230px;
    margin: 0 20px 20px 0;
    width: 170px;
  }
  .rel-card .caption {
    padding: 0 15px 15px 15px;
  }
  .rel-title {
    font-size: 14px;
    height: 45px;
  }
  .rel-val {
    display: inline-block;
    font-size: 14px;
  }
  .reg-par-info {
    margin-top: 3px;
  }
  .rels-register-i {
    font-size: 14px;
    height: 23px;
    width: 53px;
    padding: 0 7px;
  }
  .register-header {
    padding: 5px 0 15px 15px;
    width: 65%;
  }
  .register-title {
    font-size: 16px;
    padding: 0;
  }
  .register-title-map {
    font-size: 12px;
    padding: 15px;
  }
  .register-title-ob-associated {
    font-size: 16px;
    padding: 15px 0;
  }
  .remove-reg {
    cursor: pointer;
    font-size: 15px;
    float: right;
  }
  .row {
    margin: 5px 0 10px 0;
  }
  .main-main-img-obj {
    display: inline-block;
  }
  .main-main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .selected-icon-reg {
    border-bottom: 1px solid #337ab7;
  }
  .thumb-display {
    background-color: rgba(238, 238, 238, 0.64);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #ddd;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .wrapper-img-rel-card {
    height: 110px;
  }
  .img-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 180px;
    margin: 10px 0;
  }
  .not-img-digital-obj {
    height: 150px;
    margin: 10px 0;
  }
  .m-wrapper-reg {
    height: 410px;
    margin-right: 20px;
    padding: 10px;
    width: 205px;
  }
  .m-do-info {
    display: inline-block;
    margin: 15px 0;
  }
  .m-group-btn {
    border-top: 1px solid #ccc;
    padding: 5px;
  }
  .register-title-ob-associated {
    font-size: 16px;
    padding: 15px 0;
  }
  .social-container-popup {
    position: absolute;
    margin-left: -3px;
    z-index: 99;
  }
  .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 5px;
  }
  .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 6px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  .ballon-buttons-social {
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  .detail-icon-social {
    cursor: pointer;
    padding: 7px;
  }
  .detail-icon-grid {
    float: right;
    padding: 0;
  }
  /*end popup styles*/
  header #header-ri {
    position: fixed !important;
    left: 0 !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 3 !important;
    background-color: #151a51 !important;
  }
  header h1, header h2, header h3, header h4, header h5, header h6, header div, header a, header #title-ri, header #title-unam {
    font-family: 'Work sans', sans-serif !important;
  }
  header .cont-elements-header {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .cont-elements-header .log-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .cont-elements-header .log-title #container_log_gral {
    background-image: url("/wp-content/uploads/2019/05/h-logo-unam.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    overflow: hidden;
  }
  header .cont-elements-header .log-title #header-cont-title #title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .cont-elements-header .log-title #header-cont-title #title-ri {
    color: white;
    line-height: 1.5;
    letter-spacing: -0.03em;
  }
  header .cont-elements-header .log-title #header-cont-title #title-unam {
    color: #d4a806;
  }
  header .cont-elements-header #header-cont-title > a,
  header .cont-elements-header #sidenav-hidden a,
  header .cont-elements-header .container-menu-header ul > li > a {
    text-decoration: none;
    color: #fff;
  }
  header .cont-elements-header #header-cont-title > a:hover,
  header .cont-elements-header #sidenav-hidden a:hover,
  header .cont-elements-header .container-menu-header ul > li > a:hover {
    text-decoration: none;
    color: #d4a806;
  }
  header .cont-elements-header .sidenav, header .cont-elements-header #container-hidden {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  header .cont-elements-header #container-hidden {
    left: 0;
    top: 71px;
  }
  header .cont-elements-header .sidenav {
    background-color: rgba(21, 26, 81, 0.93);
    right: 0;
  }
  header .cont-elements-header .sidenav a {
    border-bottom: solid thin #fff;
    padding: 8px 8px 8px 30px;
    font-size: 19px;
    color: #fff;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .cont-elements-header .sidenav a:hover {
    color: #d4a806;
  }
  header .cont-elements-header #mobile-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search, header .cont-elements-header #mobile-icons #close-hamburguer, header .cont-elements-header #mobile-icons #close-filter {
    display: none;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search,
  header .cont-elements-header #mobile-icons #btn-filter, header .cont-elements-header #mobile-icons #close-filter,
  header .cont-elements-header #mobile-icons #btn-hamburguer, header .cont-elements-header #mobile-icons #close-hamburguer {
    color: white;
    cursor: pointer;
  }
  header .cont-elements-header .container-menu-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }
  header .cont-elements-header .container-menu-header ul li {
    list-style: none;
    -webkit-transition: .3s;
    transition: .3s;
  }
  @-webkit-keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  @keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  header #header-ri {
    border-top: 1.7px solid #d4a806 !important;
  }
  header .cont-elements-header {
    height: 75px !important;
  }
  header .log-title {
    padding-left: 18px;
  }
  header .log-title #container_log_gral {
    height: 65px !important;
    width: 57px;
  }
  header .log-title #header-cont-title {
    width: 370px !important;
    border-left: 1.2px solid #d4a806 !important;
    padding: 10px 0 8px 11px;
  }
  header .log-title #header-cont-title #title-ri {
    font-size: 21px;
  }
  header .log-title #header-cont-title #title-unam {
    font-size: 18px;
    line-height: 13px;
  }
  header .container-menu-header ul > li > a > span {
    font-size: 12px !important;
    padding-right: 25px !important;
  }
  header #mobile-icons, header #sidenav-hidden, header #container-hidden {
    display: none !important;
  }
  header .container-text-header {
    float: right;
    padding-right: 6%;
    text-align: center;
  }
  header .container-text-header h2 {
    color: white;
    font-size: 21px;
    margin-top: 10px;
  }
  header .container-text-header h3 {
    color: white;
    font-size: 16px;
    margin-top: 10px !important;
  }
  header .container-text-slogan span {
    font-size: 13px;
    padding: 9px 0 0 20px;
  }
  header .second-tape-header {
    display: none;
  }
  #container-facets, #container-menu-facet-mob {
    width: 249px;
    /*.facet-input-search{
        background-image: url('../../img/close.png');
        background-repeat: no-repeat;        
        background-position: right center;
        background-size: 15px 15px;
    }*/
  }
  #container-facets #facet-contl-elements-range, #container-menu-facet-mob #facet-contl-elements-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-facets .container-text-no-facet, #container-menu-facet-mob .container-text-no-facet {
    color: #9c3937;
    padding: 10px 0;
    text-align: center;
  }
  #container-facets .facets_cont_headers_gral, #container-menu-facet-mob .facets_cont_headers_gral {
    margin-bottom: 10px;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 55px !important;
    height: 28px !important;
    border: 1px solid #ccc !important;
    padding: 2px 5px !important;
    display: block !important;
  }
  #container-facets .facets_over_num, #container-menu-facet-mob .facets_over_num {
    display: none;
  }
  #container-facets .facets_btn_view_less, #container-menu-facet-mob .facets_btn_view_less {
    border-left: 1px solid #ccc;
    color: #6f6e6e;
    margin-left: 4px;
    padding-left: 4px;
  }
  #container-facets .facet_btn_disabled, #container-menu-facet-mob .facet_btn_disabled {
    color: #97969a !important;
    cursor: default !important;
    -webkit-filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
            filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
  }
  #container-facets .facet-view-more-text, #container-menu-facet-mob .facet-view-more-text {
    color: #6b6b6b;
  }
  #container-facets .glyphicon, #container-menu-facet-mob .glyphicon {
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    right: 4px;
  }
  #container-facets .format_cont_search_clone, #container-menu-facet-mob .format_cont_search_clone {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    margin-top: 2px !important;
    position: absolute;
    right: 0px;
  }
  #container-facets .facet_body_facets, #container-menu-facet-mob .facet_body_facets {
    -webkit-transition: .3s;
    transition: .3s;
  }
  #container-facets .facet_body_facets:hover, #container-menu-facet-mob .facet_body_facets:hover {
    background: #e9e9e9;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    position: relative;
  }
  #container-facets .no-showed, #container-menu-facet-mob .no-showed {
    display: none !important;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    font-size: 15px;
    z-index: 2;
    opacity: 0;
  }
  #container-facets input[type="text"], #container-menu-facet-mob input[type="text"] {
    width: 0px;
    color: #000;
    height: 16px;
    border-top: 0px solid rgba(255, 0, 0, 0);
    border-left: 0px solid rgba(255, 0, 0, 0);
    border-right: 0px solid rgba(255, 0, 0, 0);
    border-bottom: 0px solid #ccc;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -webkit-transition: 0.4s;
  }
  #container-facets #facets_cont_gral, #container-menu-facet-mob #facets_cont_gral {
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 10px;
  }
  #container-facets .facet-totalnum-reg, #container-menu-facet-mob .facet-totalnum-reg {
    font-weight: bold;
    color: #4a4848;
    font-size: 15px;
  }
  #container-facets .facet-title-cont, #container-menu-facet-mob .facet-title-cont {
    color: #3a3a3a;
    font-size: 15px;
    font-weight: bold;
  }
  #container-facets .content-title-facet-head, #container-menu-facet-mob .content-title-facet-head {
    width: 95px;
    margin-bottom: 2px;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    margin-left: 97px;
    position: absolute;
  }
  #container-facets .container-grafic-load-facet, #container-menu-facet-mob .container-grafic-load-facet {
    background-color: #fff;
    position: absolute;
    z-index: 99;
  }
  #container-facets .container-load-bar, #container-menu-facet-mob .container-load-bar {
    margin: auto;
    width: 85%;
    height: 8px;
    border: 1px solid #337ab7;
  }
  #container-facets .facet_cont_clone, #container-menu-facet-mob .facet_cont_clone {
    background-color: #fff;
    -webkit-box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    z-index: 99;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    padding: 5px 2px 7px 2px;
  }
  #container-facets .facet_cont_element_body > a, #container-menu-facet-mob .facet_cont_element_body > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  #container-facets .facets_cont_facets, #container-menu-facet-mob .facets_cont_facets {
    margin-bottom: 30px;
    width: 210px;
    border: 1px solid rgba(218, 218, 218, 0.64);
    padding: 8px;
    background: #fff;
  }
  #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    text-align: right;
    color: #585c5f;
  }
  #container-facets .facets_cont_num_facets_no_select, #container-facets .facets_cont_num_facets, #container-menu-facet-mob .facets_cont_num_facets_no_select, #container-menu-facet-mob .facets_cont_num_facets {
    color: #585c5f;
    font-size: 12px;
    margin-top: 2px;
  }
  #container-facets .facets_cont_titles_header, #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    font-size: 1.133em;
  }
  #container-facets .facets_cont_titles, #container-menu-facet-mob .facets_cont_titles {
    line-height: normal;
    padding-top: 1px;
    font-size: 14px;
    width: 78%;
  }
  #container-facets .facets_cont_titles_no_select, #container-facets .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_titles_no_select, #container-menu-facet-mob .facets_cont_titles_header {
    line-height: normal;
    padding-top: 1px;
    color: #5f5c5c;
    font-size: 15px;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    border-bottom: 1px solid rgba(204, 204, 204, 0.48);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px 2px;
  }
  #container-facets .facets_cont_options, #container-menu-facet-mob .facets_cont_options {
    text-align: right;
    margin: 2px 0 2px 0;
    cursor: pointer;
    padding-left: 3px;
  }
  #container-facets .facets_cont_options > img:hover, #container-menu-facet-mob .facets_cont_options > img:hover {
    -webkit-filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
            filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
  }
  #container-facets .facets_cont_options > img, #container-menu-facet-mob .facets_cont_options > img {
    width: 15px;
    height: 15px;
    -webkit-filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
            filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
  }
  #container-facets .facets_view_more, #container-menu-facet-mob .facets_view_more {
    color: #337ab7;
    float: right !important;
    text-align: right;
    width: 100%;
  }
  #container-facets .facets_view_more > span, #container-menu-facet-mob .facets_view_more > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #container-facets .facets_view_more > span > span, #container-menu-facet-mob .facets_view_more > span > span {
    margin-left: 5px;
  }
  #container-facets .facets_view_more i, #container-menu-facet-mob .facets_view_more i {
    cursor: pointer;
  }
  #container-facets .facets_view_more:hover, #container-menu-facet-mob .facets_view_more:hover {
    color: #23527c;
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    position: absolute;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    padding-left: 7px !important;
  }
  #container-crumb {
    font-size: 15px;
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
    top: 75px;
    max-width: 100% !important;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    z-index: 99;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    color: #d8af18;
    margin-right: 8px;
  }
  #container-crumb ol#select-ol span.remove-crumb:hover {
    color: #151a51;
  }
  #container-crumb ol#select-ol a.crumb-link:hover {
    color: #121747;
  }
  #container-crumb #select-ol {
    padding: 3px 15px !important;
  }
  #container-crumb #select-ol li:nth-child(2)::before {
    color: rgba(255, 0, 0, 0);
    padding: 0;
    margin-left: -10px;
  }
  #container-crumb #crumbs-backspace {
    color: #ff5252;
    position: relative;
    top: 5px;
    font-size: 18px;
    padding-right: 4px;
  }
  #container-crumb .container-left-crumbs {
    width: 100%;
  }
  #container-crumb .content-text-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-crumb .container-right-crumbs {
    color: #25414f;
    padding-top: 7px;
    width: 9%;
  }
  #container-crumb .container-right-crumbs i {
    cursor: pointer;
  }
  #container-crumb .text-search-crumbs {
    color: #848080;
  }
  #container-crumb ol {
    background-color: rgba(0, 0, 0, 0) !important;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #container-crumb .color-gray-crumb {
    color: #97969a;
  }
  #container-crumb .container_stroke {
    position: absolute;
    width: 20px;
    height: 20;
    /* background-color: red; */
    margin-left: 15px;
    margin-top: -20px;
  }
  #container-crumb .li_container_stroke {
    margin-right: 20px;
  }
  #container-crumb .breadcrumb li::before {
    color: #387fc2;
    color: #25414F;
  }
  #container-crumb .breadcrumb a {
    color: #2c353a;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 85% !important;
    position: fixed !important;
    z-index: 99 !important;
    overflow: hidden !important;
    height: 2em !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb li::before {
    color: #888 !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link, #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    background-color: unset !important;
    border: unset !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb > li + li::before, #container-crumb .fixed-position-cont-crumbs .crumb-link {
    padding: 0 !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 14px;
  }
  #container-crumb .text-search-crumbs-fixed {
    color: #d0d0d0 !important;
    font-size: 14px !important;
  }
  #container-crumb .crumb-link {
    padding: 2px 0 2px 5px;
    line-height: 2;
  }
  #container-crumb .remove-crumb {
    top: 0px;
    color: #888;
    cursor: pointer;
  }
  #container-crumb > div.center-element {
    width: 90%;
  }
  #container-crumb .crumb-link, #container-crumb .text-search-crumbs {
    font-size: 13px !important;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    margin-top: 11px;
  }
  #container-crumb .content-text-crumbs {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  #container-crumb .remove-crumb {
    font-size: 9px !important;
    padding: 6px 2px !important;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 87% !important;
    top: 50px !important;
    left: 80px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link {
    font-size: 11px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    font-size: 10px !important;
  }
  #container-crumb .text-search-crumbs-fixed {
    font-size: 11px !important;
    padding-left: 5px !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    font-size: 11px !important;
  }
  #container-section-config-module {
    background: transparent;
    overflow: hidden;
    padding: 3px;
    width: 249;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 43px;
    padding-left: 15px;
    /*
    #container-doi-config {
        margin-left: 10px;
        padding-top: 3px;
    }*/
  }
  #container-section-config-module a {
    color: #3e3b3b !important;
  }
  #container-section-config-module a:visited, #container-section-config-module a:hover, #container-section-config-module a:active, #container-section-config-module a:link {
    text-decoration: none !important;
  }
  #container-section-config-module #img-shared-dis {
    background-image: url("../../img/icons_save_shared/pda_compartir_dis.png");
  }
  #container-section-config-module #img-download-dis {
    background-image: url("../../img/icons_save_shared/pda_descargar_dis.png");
  }
  #container-section-config-module #img-registros-dis {
    background-image: url("../../img/icons_save_shared/pda_registros_dis.png");
  }
  #container-section-config-module #img-mosaico-dis {
    background-image: url("../../img/icons_save_shared/pda_mosaico_dis.png");
  }
  #container-section-config-module #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #container-section-config-module #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #container-section-config-module .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #container-section-config-module .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #container-section-config-module .btn-beta-function-selected {
    padding: 2px 0 0 2px;
  }
  #container-section-config-module .btn-beta-function-selected > span {
    color: #fff;
  }
  #container-section-config-module .btn-beta-function-selected i {
    color: #e29f24;
  }
  #container-section-config-module .btn-beta-function:hover {
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #container-section-config-module .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #container-section-config-module .btn-mask-gral {
    outline: none !important;
  }
  #container-section-config-module .btn-mask-gral:focus, #container-section-config-module .btn-beta-function-selected:focus, #container-section-config-module .btn-beta-function-selected:active, #container-section-config-module a, #container-section-config-module a:active, #container-section-config-module a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #container-section-config-module .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #container-section-config-module .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #container-section-config-module .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #container-section-config-module .btn-beta-function:hover span {
    color: #23527c;
  }
  #container-section-config-module .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #container-section-config-module .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #container-section-config-module .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #container-section-config-module .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @-webkit-keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @-webkit-keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #container-section-config-module #container-btn-open-query:focus,
  #container-section-config-module #container-text-num-queries:focus,
  #container-section-config-module #container-btn-general-shared:focus,
  #container-section-config-module #container-img-availablelayers:focus,
  #container-section-config-module #container-layers:focus,
  #container-section-config-module #img-baselayers:focus,
  #container-section-config-module #container-controls:focus,
  #container-section-config-module #container-img-baselayers:focus,
  #container-section-config-module #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #container-section-config-module #container-btn-open-query,
  #container-section-config-module #container-text-num-queries,
  #container-section-config-module #container-btn-general-shared,
  #container-section-config-module #container-img-availablelayers,
  #container-section-config-module #container-layers,
  #container-section-config-module #img-baselayers,
  #container-section-config-module #container-controls,
  #container-section-config-module #container-img-baselayers,
  #container-section-config-module #img-availablelayers,
  #container-section-config-module .single-layer {
    cursor: pointer;
  }
  #container-section-config-module .btn-off {
    color: #8c8c8c;
    cursor: default !important;
  }
  #container-section-config-module .btn-on:hover {
    color: #1f5586;
  }
  #container-section-config-module .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #container-section-config-module .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #container-section-config-module .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-config-module .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #container-section-config-module .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #container-section-config-module .query_stroke_last_element_text {
    position: absolute;
  }
  #container-section-config-module .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #container-section-config-module .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #container-section-config-module #btn-show-controls-map {
    width: 52%;
  }
  #container-section-config-module #btn_delete_all {
    margin-right: 5px;
  }
  #container-section-config-module #container-controls-query-popup {
    display: none;
    margin-top: 40px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #container-section-config-module #container-controls-layers-popup {
    display: none;
    margin-top: 20px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #container-text-no-query {
    text-align: center;
    margin: 20px 0 20px 0;
  }
  #container-section-config-module #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #container-section-config-module #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #container-section-config-module #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #container-section-config-module #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #container-section-config-module #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s.png");
  }
  #container-section-config-module .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #container-section-config-module .btn-mask-gral {
    /*background-color: red;*/
    height: 42px;
    position: absolute;
    width: 45px;
    z-index: 99;
  }
  #container-section-config-module .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #container-section-config-module .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    color: #5e5e5e !important;
  }
  #container-section-config-module .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #container-section-config-module .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 68px;
  }
  #container-section-config-module .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 69px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-config-module .container-controls-layers {
    margin-left: -63px;
    min-height: 200px;
    overflow: visible;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #container-section-config-module .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px;
    margin: 0 auto;
    width: 23px;
    text-align: center;
    font-size: 16px;
  }
  #container-section-config-module .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #container-section-config-module .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #container-section-config-module .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #container-section-config-module .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #container-section-config-module .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #container-section-config-module .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #container-section-config-module .btns-show-queries-list {
    width: 100%;
  }
  #container-section-config-module .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #container-section-config-module .container-btn-save-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #container-section-config-module .container-btn-show-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-config-module {
    margin-right: 1px;
  }
  #container-section-config-module .container-btn-config-module:hover {
    cursor: pointer;
  }
  #container-section-config-module .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 220px;
    z-index: 99;
  }
  #container-section-config-module .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #container-section-config-module .container-element-list:hover {
    background-color: #eaeaea;
  }
  #container-section-config-module .container-num-queries {
    position: absolute;
    margin-left: 14px;
    font-size: 10px;
    margin-top: -16px;
    width: 17px;
    text-align: center;
    font-weight: bold;
  }
  #container-section-config-module .container-svg-actions {
    height: 19px;
    float: right;
    /*background-color: #337ab7;*/
  }
  #container-section-config-module .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #container-section-config-module .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #container-section-config-module .container-text-queri-list > span {
    margin-left: 12px;
  }
  #container-section-config-module .layer-btn-active {
    background-color: #1f5586;
  }
  #container-section-config-module .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #container-section-config-module .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #container-section-config-module .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  #fsmap-tools {
    /*
    #container-doi-config {
        margin-left: 10px;
        padding-top: 3px;
    }*/
  }
  #fsmap-tools a:visited, #fsmap-tools a:hover, #fsmap-tools a:active, #fsmap-tools a:link {
    text-decoration: none !important;
  }
  #fsmap-tools #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #fsmap-tools #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #fsmap-tools .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #fsmap-tools .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #fsmap-tools .btn-beta-function-selected {
    border: 1px solid #d8d8d8 !important;
    padding: 2px 0 0 2px;
  }
  #fsmap-tools .btn-beta-function-selected > span {
    color: #fff;
  }
  #fsmap-tools .btn-beta-function:hover {
    border: 1px solid #dddddd !important;
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #fsmap-tools .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #fsmap-tools .btn-mask-gral {
    outline: none !important;
  }
  #fsmap-tools .btn-mask-gral:focus, #fsmap-tools .btn-beta-function-selected:focus, #fsmap-tools .btn-beta-function-selected:active, #fsmap-tools a, #fsmap-tools a:active, #fsmap-tools a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #fsmap-tools .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #fsmap-tools .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #fsmap-tools .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #fsmap-tools .btn-beta-function:hover span {
    color: #23527c;
  }
  #fsmap-tools .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #fsmap-tools .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #fsmap-tools .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #fsmap-tools .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #fsmap-tools #container-btn-open-query:focus,
  #fsmap-tools #container-text-num-queries:focus,
  #fsmap-tools #container-btn-general-shared:focus,
  #fsmap-tools #container-img-availablelayers:focus,
  #fsmap-tools #container-layers:focus,
  #fsmap-tools #img-baselayers:focus,
  #fsmap-tools #container-controls:focus,
  #fsmap-tools #container-img-baselayers:focus,
  #fsmap-tools #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #fsmap-tools #container-btn-open-query,
  #fsmap-tools #container-text-num-queries,
  #fsmap-tools #container-btn-general-shared,
  #fsmap-tools #container-img-availablelayers,
  #fsmap-tools #container-layers,
  #fsmap-tools #img-baselayers,
  #fsmap-tools #container-controls,
  #fsmap-tools #container-img-baselayers,
  #fsmap-tools #img-availablelayers,
  #fsmap-tools .single-layer {
    cursor: pointer;
  }
  #fsmap-tools .btn-off {
    color: #8c8c8c;
    cursor: default;
  }
  #fsmap-tools .btn-on:hover {
    color: #1f5586;
  }
  #fsmap-tools .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #fsmap-tools .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #fsmap-tools .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #fsmap-tools .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #fsmap-tools .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #fsmap-tools .query_stroke_last_element_text {
    position: absolute;
  }
  #fsmap-tools .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #fsmap-tools .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #fsmap-tools #btn-show-controls-map {
    width: 52%;
  }
  #fsmap-tools #btn_delete_all {
    margin-right: 5px;
  }
  #fsmap-tools #container-controls-query-popup {
    display: none;
    margin-top: 40px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #fsmap-tools #container-controls-layers-popup {
    display: none;
    margin-top: 20px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #container-text-no-query {
    text-align: center;
    margin: 20px 0 20px 0;
  }
  #fsmap-tools #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #fsmap-tools #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #fsmap-tools #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #fsmap-tools #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #fsmap-tools #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s.png");
  }
  #fsmap-tools .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #fsmap-tools .btn-mask-gral {
    /*background-color: red;*/
    height: 42px;
    position: absolute;
    width: 45px;
    z-index: 99;
  }
  #fsmap-tools .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #fsmap-tools .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    color: #5e5e5e !important;
  }
  #fsmap-tools .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #fsmap-tools .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 68px;
  }
  #fsmap-tools .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 69px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #fsmap-tools .container-controls-layers {
    margin-left: -63px;
    min-height: 200px;
    overflow: visible;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #fsmap-tools .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px;
    margin: 0 auto;
    width: 23px;
    text-align: center;
    font-size: 16px;
  }
  #fsmap-tools .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #fsmap-tools .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #fsmap-tools .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #fsmap-tools .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #fsmap-tools .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #fsmap-tools .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #fsmap-tools .btns-show-queries-list {
    width: 100%;
  }
  #fsmap-tools .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #fsmap-tools .container-btn-save-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #fsmap-tools .container-btn-show-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-config-module {
    margin-right: 1px;
  }
  #fsmap-tools .container-btn-config-module:hover {
    cursor: pointer;
  }
  #fsmap-tools .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 220px;
    z-index: 99;
  }
  #fsmap-tools .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #fsmap-tools .container-element-list:hover {
    background-color: #eaeaea;
  }
  #fsmap-tools .container-num-queries {
    position: absolute;
    margin-left: 14px;
    font-size: 10px;
    margin-top: -16px;
    width: 17px;
    text-align: center;
    font-weight: bold;
  }
  #fsmap-tools .container-svg-actions {
    height: 19px;
    float: right;
    /*background-color: #337ab7;*/
  }
  #fsmap-tools .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #fsmap-tools .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #fsmap-tools .container-text-queri-list > span {
    margin-left: 12px;
  }
  #fsmap-tools .layer-btn-active {
    background-color: #1f5586;
  }
  #fsmap-tools .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #fsmap-tools .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #fsmap-tools .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  .header-search {
    width: inherit !important;
    background-color: transparent !important;
    height: 0 !important;
  }
  .cont-elments-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #panel-type-campo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #panel-type-campo label {
    margin: 25px 40px;
    font-weight: normal !important;
  }
  #panel-type-campo label span {
    margin-left: 7px;
  }
  #container-check-search-content {
    width: 60px;
    overflow: hidden;
    background: none 0% 0% repeat scroll #e0e0e0;
    border-left: 1px solid #cccccc;
    color: #333;
    text-align: center;
    border: 0;
    padding: 0;
  }
  #container-check-search-content, #select-doi-search, .cont-elments-radio {
    cursor: pointer;
  }
  #container-section-search {
    width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    background-color: #f5f5f5;
  }
  #container-section-search #container-search {
    width: 100%;
  }
  #container-section-search #container-search #general-form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    background-color: #151a51;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000;
    border-radius: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-webkit-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search:-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    position: absolute;
    color: #ccc !important;
    z-index: 99;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    background-color: #e0e0e0;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #select-ul {
    left: unset !important;
    font-size: 1em;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    background-color: rgba(212, 168, 6, 0.8) !important;
    font-weight: bold;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar #btn-search {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    position: absolute;
    background-color: #151a51 !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search:focus {
    outline: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    position: absolute;
    display: none;
    z-index: 1;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    cursor: pointer;
    position: absolute;
  }
  #container-section-search #container-search #general-form-search .container-search-button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    background-color: transparent !important;
    display: none;
    position: fixed;
    z-index: 99;
    margin-top: 10px;
    left: unset !important;
    top: 0 !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list #text-btn-search-list {
    display: none;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #select-ul {
    top: 75%;
  }
  #container-section-search .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 440px;
  }
  #container-section-search .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 441px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-search #container-sections {
    display: none;
    position: absolute;
    bottom: 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  #container-section-search .btn-section-selected {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  #container-section-search .filter_stroke_gral {
    margin-right: auto;
    width: 80px;
    display: block;
    max-width: 150px;
    height: 22px;
  }
  #container-section-search .filter_stroke_gral path, #container-section-search .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-search .first_draw {
    width: 65px;
  }
  #container-section-search .search_container_stroke {
    position: absolute;
  }
  #container-section-search .nav-tabs {
    overflow: hidden;
    border-bottom: none;
  }
  #container-section-search .nav-tabs > li {
    position: relative;
    display: block;
    height: 55px;
    padding-top: 6px;
    text-align: center;
    margin-bottom: 6px;
  }
  #container-section-search .nav-tabs > li > a {
    font-size: 0.8em;
  }
  #container-section-search .nav-tabs > li > a .glyphicon {
    display: block;
    font-size: 2em;
  }
  #container-section-search .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 10px 3px 10px;
    margin-top: 7px;
  }
  #container-section-search input::-webkit-input-placeholder {
    font-size: 14px !important;
    color: #969696;
    border-radius: 0;
  }
  #container-section-search .borders-custom-left {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0.5px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  #container-section-search .borders-custom-right {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 0.5px solid rgba(0, 0, 0, 0);
  }
  .search-text-filter {
    display: none;
  }
  #btn-search {
    margin-top: 1px;
  }
  body {
    overflow-x: hidden;
  }
  #cont-sup-section-search {
    margin-top: 110px;
  }
  #container-check-search-content {
    height: 30px;
    font-size: 8px;
    line-height: 8px;
    padding-top: 5px;
  }
  .container-check-search-content-scroll {
    height: 27px !important;
  }
  #container-section-search {
    height: 90px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    top: 10px;
    padding: 10px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    padding: 3px 10px;
    height: 30px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    height: 30px;
    width: 40vw;
    padding: 0 25px 0 10px;
    font-size: 13px;
    border: 1.3px solid #fff !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    margin-top: 8px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    padding-bottom: 4px;
    padding-top: 5px;
    font-size: 14px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    font-size: 16px;
    padding: 2px 7px;
    border: 1.3px solid #d4a806 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    padding-left: 2px;
    padding-top: 0 !important;
    width: 26.66667px;
    font-size: 28px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    margin-top: 4px;
    margin-left: -394px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    top: 9px;
    margin-left: -46px;
    padding: 10px 15px;
    width: 472px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    right: 10px;
    top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    padding: 10px !important;
    margin-top: 15px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed .btn {
    height: 27px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #input-search {
    height: 27px !important;
    font-size: 11px !important;
    width: calc(100vw - 735px) !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #container-btn-clear-input {
    margin-top: 5px !important;
    font-size: 11px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    width: 30px !important;
    font-size: 13px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-general-buscar {
    width: 30px !important;
    font-size: 13px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-advanced-search {
    width: 15px !important;
    font-size: 20px !important;
    padding-left: 0 !important;
  }
  #container-module {
    width: 70vw;
  }
  #gral-container-left-options {
    width: 25vw;
  }
  #container-facets .facets_cont_facets,
  #container-menu-facet-mob .facets_cont_facets {
    width: 24vw;
  }
  #container-facets #facets_cont_gral,
  #container-menu-facet-mob #facets_cont_gral {
    width: 28vw;
  }
  .details-rels-justify {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .card-rel {
    margin-right: 1vw;
    width: 40%;
  }
  /* Erik: estilos para las fichas */
  .container-section-record {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #cont-elemets-img {
    width: 100%;
  }
  .cont-list-img-record {
    height: 25vh;
  }
  #cont-data-record {
    width: 95% !important;
  }
  #cont-list-data-estandar {
    height: 45vh !important;
  }
  #data-footer {
    background-color: #0a0146;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #data-footer #btn-open-close-footer {
    width: 100%;
    text-align: right;
    display: none;
  }
  #data-footer #btn-open-close-footer > span {
    cursor: pointer;
    font-size: 10px;
  }
  #data-footer #container-elements-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1005px;
  }
  #data-footer #container-elements-footer #container-logos-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    width: 30%;
  }
  #data-footer #container-elements-footer #container-logos-footer #left-con-lo-fo {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 139px;
    margin-right: 10px;
    width: 48%;
  }
  #data-footer #container-elements-footer #container-logos-footer #right-con-lo-fo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 139px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40%;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-gral {
    height: 60px;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-unam {
    height: 95px;
  }
  #data-footer #container-elements-footer #container-info-footer {
    height: 139px;
    width: 70%;
  }
  #data-footer #container-elements-footer #container-info-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #data-footer #container-elements-footer #container-info-footer ul li {
    margin-bottom: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-large {
    width: 36%;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-small {
    width: 15%;
    margin-left: 10px;
  }
  #data-footer .content-element-footer:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #data-footer .cont-header-footer {
    height: 128px;
    width: 100%;
    background-color: #09013f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #data-footer #cont-text-repo {
    color: #fff !important;
    border-left: 2px solid #e5ae49;
    padding: 5px 0;
    padding-left: 10px;
  }
  #data-footer .cont-text-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
    padding: 50px 0;
    display: none;
  }
  #data-footer .cont-text-info > div {
    width: 30%;
  }
  #data-footer .cont-text-info > div > h3 {
    color: #e5ae49;
    font-weight: bold;
    font-size: 22px !important;
  }
  #data-footer .cont-text-info > div > p {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul {
    margin: 0;
    padding: 0;
  }
  #data-footer .cont-text-info > div > ul li {
    list-style: none;
    margin: 12px 0;
  }
  #data-footer .cont-text-info > div > ul li a {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul li i {
    margin-right: 5px;
    color: #153587;
  }
  #data-footer .cont-derechos {
    font-size: 14px;
    width: 100%;
    padding: 10px 11%;
    text-align: center;
    line-height: 25px;
  }
  #data-footer .cont-derechos > i {
    font-family: 'Glyphicons Halflings';
  }
  #data-footer .cont-derechos > a {
    color: #fff;
  }
  #data-footer .cont-derechos > a:hover {
    color: #d4a806;
  }
  #top-footer {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/contenidos/base_modules/container/public/img/repo/bg-footer.jpg");
    background-position: center;
    background-size: cover;
  }
  #top-footer {
    text-align: center;
  }
  #top-footer a {
    text-decoration: none;
  }
  #top-footer #logos-unam a, #top-footer #logos-sdi-dgru {
    cursor: pointer;
  }
  #links-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 66%;
    margin: 0 auto;
  }
  .link-f {
    padding: 0 5vw;
    font-size: 16px;
  }
  .link-f a {
    color: #fff;
    text-decoration: none !important;
  }
  .link-f a:hover {
    color: #d4a806;
  }
  #top-footer {
    height: 100px;
  }
  #logos-unam img,
  #logos-sdi-dgru img {
    padding: 0 8px;
  }
  #title-repo {
    font-size: 14px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1022px) {
  .header-search {
    width: inherit !important;
    background-color: transparent !important;
    height: 0 !important;
  }
  .cont-elments-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #panel-type-campo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #panel-type-campo label {
    margin: 25px 40px;
    font-weight: normal !important;
  }
  #panel-type-campo label span {
    margin-left: 7px;
  }
  #container-check-search-content {
    width: 60px;
    overflow: hidden;
    background: none 0% 0% repeat scroll #e0e0e0;
    border-left: 1px solid #cccccc;
    color: #333;
    text-align: center;
    border: 0;
    padding: 0;
  }
  #container-check-search-content, #select-doi-search, .cont-elments-radio {
    cursor: pointer;
  }
  #container-section-search {
    width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    background-color: #f5f5f5;
  }
  #container-section-search #container-search {
    width: 100%;
  }
  #container-section-search #container-search #general-form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    background-color: #151a51;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000;
    border-radius: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-webkit-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search:-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    position: absolute;
    color: #ccc !important;
    z-index: 99;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    background-color: #e0e0e0;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #select-ul {
    left: unset !important;
    font-size: 1em;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    background-color: rgba(212, 168, 6, 0.8) !important;
    font-weight: bold;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar #btn-search {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    position: absolute;
    background-color: #151a51 !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search:focus {
    outline: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    position: absolute;
    display: none;
    z-index: 1;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    cursor: pointer;
    position: absolute;
  }
  #container-section-search #container-search #general-form-search .container-search-button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    background-color: transparent !important;
    display: none;
    position: fixed;
    z-index: 99;
    margin-top: 10px;
    left: unset !important;
    top: 0 !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list #text-btn-search-list {
    display: none;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #select-ul {
    top: 75%;
  }
  #container-section-search .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 440px;
  }
  #container-section-search .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 441px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-search #container-sections {
    display: none;
    position: absolute;
    bottom: 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  #container-section-search .btn-section-selected {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  #container-section-search .filter_stroke_gral {
    margin-right: auto;
    width: 80px;
    display: block;
    max-width: 150px;
    height: 22px;
  }
  #container-section-search .filter_stroke_gral path, #container-section-search .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-search .first_draw {
    width: 65px;
  }
  #container-section-search .search_container_stroke {
    position: absolute;
  }
  #container-section-search .nav-tabs {
    overflow: hidden;
    border-bottom: none;
  }
  #container-section-search .nav-tabs > li {
    position: relative;
    display: block;
    height: 55px;
    padding-top: 6px;
    text-align: center;
    margin-bottom: 6px;
  }
  #container-section-search .nav-tabs > li > a {
    font-size: 0.8em;
  }
  #container-section-search .nav-tabs > li > a .glyphicon {
    display: block;
    font-size: 2em;
  }
  #container-section-search .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 10px 3px 10px;
    margin-top: 7px;
  }
  #container-section-search input::-webkit-input-placeholder {
    font-size: 14px !important;
    color: #969696;
    border-radius: 0;
  }
  #container-section-search .borders-custom-left {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0.5px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  #container-section-search .borders-custom-right {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 0.5px solid rgba(0, 0, 0, 0);
  }
  .search-text-filter {
    display: none;
  }
  #btn-search {
    margin-top: 1px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  body input#temp-checked-status[type="checkbox"] {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
  }
  body {
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
  }
  #container-gral {
    background-color: #f5f5f5;
    margin: auto;
    padding: 0;
    width: 1005px;
  }
  #container-gral button:focus {
    outline: 0;
  }
  #container-gral #container-elements {
    width: 746px;
  }
  #container-gral #container-module {
    /*margin-top: 10px;*/
    min-height: 55vh;
  }
  #container-gral #remove-containerlayers-icon {
    padding-top: 3px;
    padding-bottom: 2px;
    color: #337ab7;
  }
  #container-gral-advanced-option {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    height: 0px;
  }
  #container-menu-facet-mob {
    display: none;
  }
  #warning-ie {
    background-color: darkred;
    color: white;
    padding-top: .2%;
    font-size: 1.1em;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
  }
  #block-ie {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    z-index: 999;
  }
  #chrome-logo {
    width: 30px;
  }
  #firefox-logo {
    width: 30px;
  }
  #edge-logo {
    width: 25px;
  }
  #error-text {
    max-height: 200px;
    min-height: 200px;
    max-width: 400px;
    min-width: 400px;
  }
  #warning-ie-text {
    margin: 5px auto;
    text-align: center;
  }
  #warning-ie-navs {
    margin: 0 auto;
    text-align: center;
  }
  #warning-ie-navs > a > img {
    text-decoration: none;
    cursor: pointer;
    margin: 5px 30px;
  }
  .animation-height-open {
    -webkit-animation-name: animacion-open;
            animation-name: animacion-open;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  @keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  .animation-height-close {
    -webkit-animation-name: animacion-close;
            animation-name: animacion-close;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  @keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  .format-anchore-lit {
    text-decoration: underline !important;
  }
  .config-cont-options-advanced {
    position: relative;
    overflow: hidden;
  }
  .center-element {
    margin: 0 auto;
  }
  .curtain {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  .curtain_settings {
    border-radius: 99px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 135px -28px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 195px 77px rgba(0, 0, 0, 0.5);
    height: 30px;
    left: 37%;
    position: absolute;
    top: 37%;
    width: 30px;
  }
  .gral-clear-float {
    clear: both;
  }
  .general-display-none {
    display: none;
  }
  .gral-float-left {
    float: left;
  }
  .gral-float-right {
    float: right;
  }
  .margin-top-5 {
    margin-top: 5px;
  }
  .margin-top-20 {
    margin-top: 20px;
  }
  .primary-color {
    color: #3d3e40;
  }
  .secundary-color {
    color: #d68641;
  }
  .top-3 {
    top: 2px;
  }
  .btn_disabled {
    color: #97969a !important;
    cursor: default !important;
  }
  .records-text-total {
    color: #656565;
    font-weight: bold;
  }
  .btn-primary {
    color: #fff9f7;
    background-color: #3d3e40 !important;
    border-color: #4a4a4a !important;
  }
  .bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
    cursor: move;
  }
  .shared-mail {
    color: darkgray;
  }
  .text-error {
    position: relative;
    text-align: center;
    top: 20vh;
  }
  .modal-error {
    width: 100%;
  }
  .text-error > h1 {
    font-size: 3em;
    margin: 50 auto;
    padding-left: 10px;
  }
  ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #2b2b2b;
    opacity: 1;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #777777;
    opacity: 1;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #777777;
    opacity: 1;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777777;
  }
  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777777;
  }
  .lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-ring div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #d4a806;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #d4a806 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
            animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
  }
  @-webkit-keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  #container-menu-facet-mob {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 9;
  }
  #cont-int-facet {
    width: 94%;
    height: 96vh;
    background-color: #fff;
    overflow-y: scroll;
    margin-top: 3vh;
  }
  #btn-close-container-facet {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px 5px;
    font-size: 20px;
  }
  .animation-cont-facet {
    display: block !important;
    -webkit-animation-name: animacion-open-facet;
            animation-name: animacion-open-facet;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .animation-cont-facet-close {
    -webkit-animation-name: animacion-close-facet;
            animation-name: animacion-close-facet;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  #icons-up-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    width: 42px;
    height: 105px;
    bottom: 2vh;
    right: 2vw;
  }
  #icons-up-report .st-go-top-report {
    background-color: rgba(192, 192, 192, 0.3) !important;
    color: rgba(21, 26, 81, 0.33);
    cursor: pointer;
    font-size: 24px;
    height: 42px;
    text-align: center;
    width: 42px;
  }
  #icons-up-report #go-top {
    margin-top: 21px;
  }
  #cont-icon-report {
    margin-top: 8px;
  }
  #cont-icon-up {
    margin-top: 8px;
  }
  @-webkit-keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @-webkit-keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  @keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  .st-go-top {
    position: fixed;
    width: 42px;
    height: 42px;
    bottom: 2vh;
    right: 2vw;
    background-color: rgba(192, 192, 192, 0.3) !important;
    cursor: pointer;
  }
  .st-go-top #cont-icon-top {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(21, 26, 81, 0.33);
    font-size: 24px;
    border-radius: 99px 99px 0 99px;
    position: absolute;
  }
  textarea {
    width: 100%;
    min-height: 30rem;
    font-size: 11px;
    line-height: 1.2;
    display: none;
  }
  #cont-btn-social-media-record {
    color: #2f3684;
  }
  #input-goto-page {
    font-size: 1em;
  }
  .number-pagination-global {
    color: rgba(6, 6, 6, 0.45);
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    text-align: center;
  }
  .content-type-grid {
    position: absolute !important;
    margin-left: -15px;
    margin-top: 15px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff !important;
  }
  .content-type-grid > span {
    background-color: #151a51;
    color: #fff;
    padding: 2px 5px;
    /* border: 1px solid rgba(21, 26, 81, 0.44); */
    margin-left: 5px;
    font-size: 12px;
  }
  .cont-elements-url {
    display: none;
    position: absolute;
    width: 259px;
    height: 130px;
    /* right: -56px; */
    background-color: white;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-top: -140px;
    -webkit-box-shadow: 2px 2px 2px 0px #9c979c;
    box-shadow: 2px 2px 2px 0px #9c979c;
    -webkit-transition: all 1s;
    /* transition: all 1s; */
  }
  .cont-elements-url > div.sub-cont-dinamic {
    width: 259px;
    height: 130px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-elements-url > div.sub-cont-dinamic > .cont-total-data {
    height: 90px;
    width: 43%;
    border-right: 1px solid #e0e0e0;
    text-align: center;
  }
  .arrow-before {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #797979;
    font-size: 0px;
    line-height: 0px;
    top: -1px;
    left: 5px;
    position: relative;
  }
  .arrow-after {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fdfdfd;
    font-size: 0px;
    line-height: 0px;
    top: -17px;
    left: 5px;
    position: relative;
  }
  .cont-header-dinamic-renglon-cont {
    width: 100%;
    height: 20px;
    font-size: 15px;
    padding: 3px 0 0 3px;
    font-weight: 500;
    color: #2c316e;
  }
  .detail {
    cursor: pointer;
    height: 160px;
    width: auto;
  }
  .detail-register {
    background-color: rgba(6, 6, 6, 0.03);
  }
  .display-title {
    color: #337ab7;
    opacity: 1;
  }
  .div-display-info {
    width: 100%;
  }
  .div-hidden {
    display: none;
  }
  .doc-cont-map {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url("/documents/client/public/img/map_example.png");
    background-size: auto;
    background-position: center;
  }
  .doc-list-img-left {
    border-right: 1px solid #ddd;
    float: left;
    height: 100%;
  }
  .doc-list-img-right {
    overflow-y: hidden;
  }
  .doc-grid-img img {
    height: auto;
    width: 100%;
  }
  .doc-list-img-right .mini-img {
    height: 100%;
    width: 100%;
  }
  .doc-left-img img {
    height: auto;
    width: 100%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .doc-info-text-grid > div {
    margin-bottom: 3px;
  }
  .doc-info-text-grid > div > span {
    font-size: 11px;
  }
  .ellipses-register {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .extra-icons {
    background-color: #337ab7;
    cursor: pointer;
    float: right;
  }
  .field-separator {
    color: #337ab7;
    font-weight: bold;
  }
  .grid-icons-group {
    position: absolute;
  }
  .grid-register-header {
    text-align: center;
    width: 100%;
  }
  .hl-name {
    color: #777;
  }
  .hl-value em {
    color: #d68641;
    font-weight: bold;
  }
  .icon-reg {
    cursor: pointer;
  }
  .img-audio-grid {
    height: 100%;
    width: 100%;
  }
  .img-display {
    background: no-repeat center center;
    margin: 0 auto;
  }
  .img-register-i {
    background: url("/documents/client/public/img/image.svg");
    background-size: cover;
  }
  .img-rel-card {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 100%;
    width: 100%;
  }
  .icons-group {
    bottom: 40px;
    position: absolute;
    right: 40px;
  }
  .icon-size {
    height: 24px;
    width: 24px;
  }
  .image-title {
    color: #777;
    text-align: center;
  }
  .label-rel {
    color: #337ab7;
    font-size: 12px;
  }
  .list-icon-group {
    float: right;
  }
  .main-imag,
  .main-img-obj {
    float: left;
    margin: 0 auto;
  }
  .main-imag div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    overflow: hidden;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .map {
    height: 87%;
    position: relative;
    width: 100%;
  }
  .map-content {
    width: 60%;
    height: auto;
  }
  .map-register-i {
    background: url("/documents/client/public/img/map.svg");
    background-position: top center;
    background-size: contain;
  }
  .number-register-i {
    background: url("/documents/client/public/img/share.svg");
    float: left;
    margin: 0 auto;
    background-size: cover;
    float: left;
    height: 23px;
  }
  .objects-quantity {
    color: rgba(6, 6, 6, 0.45);
  }
  .od-more-icons {
    float: right;
  }
  .one-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
  }
  .pagination-div {
    float: right;
  }
  .paragraphs {
    display: inline-block;
  }
  .register-field-header {
    width: 100%;
  }
  .register-guid {
    color: #777;
  }
  .relation_type {
    color: #1D4568;
    padding: 5px;
  }
  .rel-card {
    float: left;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 1px0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
  }
  .rels-info {
    overflow-y: hidden;
  }
  .reg-option-vertical {
    cursor: pointer;
  }
  .rel-val {
    color: gray-color-low;
    display: inline-block;
  }
  .rel-val a {
    text-decoration: none;
  }
  .rel-card:hover {
    cursor: pointer;
  }
  .rel-title {
    border-bottom: 1px solid #ddd;
    display: table;
    padding-bottom: 3px;
    width: 100%;
  }
  .reg-par-info {
    display: inline-block;
  }
  .registers {
    background-color: lightsteelblue;
  }
  .register-header {
    float: left;
  }
  .rel-not-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin-top: 5px;
  }
  .reg-par-info {
    text-align: justify;
  }
  .remove-reg {
    cursor: pointer;
    float: right;
  }
  .row .top-bar {
    padding-right: 13px;
  }
  .selected-button {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  .selected-icon {
    color: #25414f;
  }
  .selected-image {
    border: 3px solid #fff;
    opacity: 0.6;
    -webkit-box-shadow: inset 0px 1px 4px 0px #fff;
    box-shadow: inset 0px 1px 6px 0px #fff;
    -webkit-transition: height 2s linear;
    -moz-transition: height 2s linear;
    -o-transition: height 2s linear;
    -ms-transition: height 2s linear;
  }
  .share-register-i {
    background: url("/documents/client/public/img/pda_compartir.svg") no-repeat;
    cursor: pointer;
  }
  .top-bar {
    color: #d68641;
    overflow: hidden;
    width: 100%;
  }
  .wrapper-img-rel-card {
    margin: 0 auto;
    width: 100%;
  }
  .icon-doc.grid {
    margin: 10px;
  }
  /*Estilos para mosaico*/
  #matrix-data {
    display: none;
  }
  .m-wrapper-reg {
    background: rgba(238, 238, 238, 0.64);
    display: inline-block;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .img-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    width: 100%;
  }
  .div-container-paginator-class {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0px 0px 10px 5px;
    border-bottom: 1px solid #ebebeb;
    color: rgba(6, 6, 6, 0.45);
  }
  .self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    color: #2c353a;
  }
  .self-center > form {
    margin-bottom: 0;
  }
  .dec-none > a {
    text-decoration: none;
  }
  .doc-element {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 0 15px 15px 15px;
  }
  .doc-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-header-category {
    color: #d68641;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .doc-header-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .doc-header-icons > div {
    margin: 10px 0 0 5px;
  }
  .share-element-icon {
    cursor: pointer;
  }
  .img-element-icon {
    background: url("/documents/client/public/img/image.svg") no-repeat;
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .rels-icon {
    background: url("/documents/client/public/img/share.svg");
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .map-element-icon {
    background: url("/documents/client/public/img/map.svg") no-repeat;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .view-detail {
    cursor: pointer;
  }
  .selected-icon {
    border-bottom: 1px solid #337ab7;
  }
  .doc-id {
    padding-bottom: 5px;
  }
  .doc-id-name {
    font-size: 1.3em;
  }
  .doc-id-guid {
    color: #777;
  }
  .doc-details {
    background: rgba(6, 6, 6, 0.03);
    height: 0;
  }
  .doc-details-visible {
    margin-bottom: 15px;
  }
  .details-hidden {
    visibility: collapse;
  }
  .doc-details-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #337ab7;
    font-size: 1.1em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-details-content {
    height: 350px;
    padding-bottom: 10px;
  }
  .details-rels-justify {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #container-module {
    margin-right: 25px;
  }
  .carrusel-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  input[type="text"]::-webkit-input-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-moz-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-ms-input-placeholder {
    color: #cecdcd;
  }
  .loader-details {
    position: relative;
    left: 50%;
    height: 200px;
    width: 200px;
    margin-left: -100px;
  }
  .details-container {
    height: 97%;
    padding: 0 10px;
  }
  .card-rel {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .div-img-rel {
    text-align: center;
    vertical-align: top;
  }
  .rels-img-hidden {
    opacity: 0;
  }
  .type-rels-card {
    color: #1D4568;
    font-size: 0.8em;
  }
  .title-rels-card {
    font-size: 1.1em;
    overflow: hidden;
  }
  .guid-rels-card {
    color: gray;
    font-size: 0.8em;
  }
  .get_more_rels {
    height: auto;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
    color: #337ab7;
  }
  .do-img-hidden {
    opacity: 0;
  }
  .dig-obj-container {
    width: 80%;
    height: 97%;
  }
  .slick-slide {
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .data-rels-prueba {
    display: none;
  }
  .doc-info {
    padding-bottom: 10px;
  }
  .img-hidden {
    opacity: 0;
  }
  .img-w {
    width: 100%;
  }
  .img-h {
    height: 100%;
  }
  .img-center {
    vertical-align: top;
    text-align: center;
  }
  .doc-info-text-grid {
    text-align: justify;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .conten-external-link {
    color: #e5ae49;
    cursor: pointer;
    padding: 0 3px;
  }
  .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inline {
    display: inline-block;
  }
  .width75 {
    width: 75%;
    text-align: justify;
  }
  .doc-element-grid {
    margin: 12px 0;
    border: 1px solid rgba(218, 218, 218, 0.64);
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .doc-element-grid:hover {
    border: 1px solid rgba(169, 169, 169, 0.48);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  }
  .grid-main-img {
    height: 300px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background-position: center 5%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 4px;
    cursor: pointer;
  }
  .doc-element-grid:hover .grid-main-img {
    background-color: #fff;
  }
  .grid-main-img > img {
    height: 100%;
    opacity: 0;
  }
  .doc-highlights-grid {
    overflow: hidden;
    font-size: 0.8em;
  }
  .name-card-grid {
    font-size: 1em;
    overflow: hidden;
    padding: 0 5px 0 5px;
    cursor: pointer;
  }
  .guid-grid {
    color: #e0a842;
    font-size: 0.9em;
    padding: 0 5px 0 5px;
    font-weight: bold;
    margin-top: 8px;
  }
  .name-short-grid {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .suspensive {
    color: #337ab7;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .modal {
    display: none;
    z-index: 99999 !important;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #afafaf;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #modal-content {
    background-color: #666;
    margin: auto;
    padding: 2%;
    border: 1px solid #888;
    z-index: 99999;
  }
  .modal-content-do {
    width: 50%;
    height: 80%;
  }
  .close-modal {
    color: #aaaaaa;
    float: right;
    font-size: 2.5em;
    font-weight: bold;
    position: absolute;
    right: 1%;
    top: 0;
  }
  .close-modal:hover,
  .close-modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .footer-img {
    text-align: center;
    color: gray;
    text-decoration: none !important;
  }
  #btn-close-record {
    cursor: pointer;
  }
  #cont-img-btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px 10px 0 0;
    font-size: 16px;
  }
  #cont-elemets-img {
    width: 57%;
  }
  #cont-elemets-img > .meta-cont-img {
    padding: 1.5vh 0;
    background-color: #ececec;
  }
  #cont-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #ececec;
    margin: 5px 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  #cont-img-record .btn-arrow-img {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  #cont-data-record {
    width: 41%;
    margin-right: 1%;
    padding-left: 5px;
  }
  #cont-data-record h2 {
    color: #2C316E;
  }
  #cont-data-record h4 {
    color: #2C316E;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
  }
  #cont-option-view-data {
    overflow: hidden;
  }
  #cont-list-data-estandar {
    height: 55vh;
    overflow: auto;
    padding: 0 30px;
  }
  #cont-curtain-record {
    width: 100vw;
    height: 100vh;
    -webkit-animation: start-courtain-record 1s forwards;
            animation: start-courtain-record 1s forwards;
    background-color: rgba(51, 51, 51, 0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .cont-title-min-record {
    font-size: 8px;
    color: #fff;
    overflow: hidden;
    max-height: 2.2vh;
    margin-top: 4px;
    line-height: 100%;
  }
  .container-section-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-description-record {
    overflow: hidden;
    height: 30px;
  }
  #content-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #content-button div span i {
    margin-right: 3.5px;
  }
  #cont-btn-social-media-record .material-icons {
    font-size: 16px;
  }
  .cont-link-resource, .cont-link-complete, .cont-link-share {
    margin: 8px 0;
    margin-right: 15px;
  }
  .cont-link-resource span, .cont-link-complete span, .cont-link-share span {
    background-color: #e5ae49;
    border: 1px solid;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
  }
  .cont-link-resource span#cont-completo, .cont-link-complete span#cont-completo, .cont-link-share span#cont-completo {
    background-color: #2C316E;
  }
  .cont-link-resource span#compartir, .cont-link-complete span#compartir, .cont-link-share span#compartir {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
    color: #2C316E;
  }
  .cont-link-resource span:hover {
    background-color: #fff;
    border-color: #e5ae49;
    color: #a77f34;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-complete span#cont-completo:hover {
    background-color: #fff;
    color: #2C316E;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-share span#compartir:hover {
    background-color: #fff;
    color: #919191;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #cont-license {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  #cont-license div p {
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
  }
  .cont-btn-view-more-desc {
    margin-top: 5px;
    text-align: right;
  }
  .cont-view-next-record:focus {
    outline: 0 !important;
  }
  .cont-type-record span.target-type {
    background-color: #2C316E;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #4C518C;
  }
  .alrticle-number-pages {
    width: 60px;
    font-size: 14px;
    color: #333333;
  }
  .record-arrow-action:hover {
    background-color: #58575798;
    color: #fff !important;
  }
  .record-arrow-action span {
    padding: 0 10px;
  }
  .controllers-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3em;
    margin-top: 15px;
  }
  .general-open-record {
    -webkit-animation: open-record .5s forwards;
            animation: open-record .5s forwards;
  }
  .title-data-obj {
    color: #2C316E;
  }
  .set-color {
    -webkit-animation: set-title-color .2s forwards;
            animation: set-title-color .2s forwards;
  }
  .set-color-def {
    color: #fff;
    -webkit-animation: set-def .2s forwards;
            animation: set-def .2s forwards;
  }
  .option-view-data-selected {
    background-color: #eaeaea;
  }
  .cont-list-img-record {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 83vh;
  }
  .cont-number-img-action {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-bottom: 4vh;
  }
  .cont-view-next-record {
    position: absolute;
    bottom: 0px;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    height: 15vh;
    background-color: #0a0146;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1vh;
  }
  .cont-view-next-record .cont-btn-up-down {
    width: 20% !important;
    height: 20px;
    margin-top: -25px;
    position: absolute;
    text-align: right;
    right: 0px;
  }
  .cont-view-next-record .cont-btn-up-down span {
    background-color: #0a0146;
    color: #fff;
    padding: 5px 5px;
    right: 50%;
    cursor: pointer;
  }
  .cont-view-next-record .cont-item-netx-record {
    height: 20vh;
    width: 90%;
    max-width: 90%;
  }
  .item-list-selected {
    border: 2px solid #d4a806;
    padding: 3px;
  }
  .item-list-selected img {
    height: 10vh !important;
  }
  .item-list-selected .cont-title-min-record {
    margin-top: .8vh !important;
  }
  .item-record-min {
    height: 11vh;
    width: 100px;
    cursor: pointer;
  }
  .item-record-min img {
    height: 11vh;
    /* - fin -*/
    width: auto;
    margin: 0 auto;
  }
  .status-more, .status-less {
    color: #2c316e;
    cursor: pointer;
  }
  .status-more .cont-text-more-less, .status-less .cont-text-more-less {
    color: #e5ae49;
    font-weight: bold;
  }
  .btn-arrow-img-active {
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .btn-arrow-img-active:hover {
    color: rgba(51, 51, 51, 0.7);
    cursor: pointer;
  }
  .btn-arrow-img-inactive {
    color: #ccc;
  }
  .cont-header-data-record {
    padding: 15px 0 0 2px;
  }
  .text-title-head-record {
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
  }
  .text-autor-head-record {
    font-size: 14px;
  }
  .general-format-text-head-record {
    font-size: 14px;
  }
  .cont-title-renglon {
    color: #636363 !important;
    font-size: 14px;
  }
  .cont-val-record-renglon {
    padding: 2px 0 20px 0;
  }
  .cont-val-record-renglon > span {
    position: relative;
    padding: 10px 10px 0 0;
    font-size: 14px;
  }
  .cont-main-number-dinamic {
    font-size: 45px;
    color: #d4a806;
    font-weight: bold;
  }
  .cont-title-row-single {
    font-size: 13px;
    color: #3a3434;
  }
  .cont-numeric-row-single {
    font-size: 15px;
    font-weight: bold;
    color: #4d5396;
  }
  .cont-rows-dinamic {
    width: 55%;
  }
  .cont-row-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 5px 0;
    padding-left: 5px;
  }
  .cont-main-text-dinamic {
    font-size: 14px;
    color: #3a3434;
  }
  /*.cont-val-record-renglon span:hover .cont-elements-url{
            display: block;
        }*/
  /* Erik  */
  #panel-advanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #container-gral-advanced-option .center-element h3 {
    font-weight: bold;
    text-align: center;
  }
  .radio-inline {
    padding-left: 3em;
  }
  /*** - ***/
  .content-elements-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5px;
    width: 100%;
  }
  .documents-color-link-orig {
    color: #e5ae49 !important;
  }
  .content-elements-links .material-icons {
    font-size: 15px;
    cursor: pointer;
    color: #2f3684;
  }
  .content-elements-links > div {
    padding: 5px;
  }
  .content-elements-links > div > a {
    cursor: pointer !important;
  }
  .disable-scroll, .disable-scroll-menu {
    overflow-y: hidden;
  }
  .tooltip {
    font-size: 14px;
    width: 20vw;
  }
  .record-pre-load-h1 {
    width: 60%;
    height: 3vh;
    background: #dedede;
    border-radius: 2px;
    margin: 25px 0;
  }
  .record-pre-load-p {
    width: 90%;
    height: 1.5vh;
    background: #dedede;
    border-radius: 2px;
    margin: 15px 0;
  }
  .record-pre-load-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .record-pre-load-list ul li {
    width: 25%;
    height: 2vh;
    background: #dedede;
    list-style: none;
    margin: 0 1vw;
  }
  .record-pre-load-section {
    height: 18vh;
    background: #dedede;
    margin: 30px 0;
    width: 90%;
    border-radius: 2px;
  }
  .report-comments-transition {
    max-height: 200px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  .report-comments-transition:hover {
    max-height: 400px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  #container-report {
    background-color: rgba(213, 213, 213, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .ui-dialog {
    position: initial;
  }
  #report-comments {
    height: auto;
    width: 470px;
  }
  #report-comments #bug-message textarea#comments-text {
    display: block;
    resize: none;
    min-height: 15rem;
  }
  .alert-report {
    width: 42%;
  }
  #mail {
    width: 210px;
  }
  /*#type {
            width: 30%;
        }*/
  #report-comments #bug-message label {
    font-weight: inherit;
  }
  #report-comments #bug-message .required-c {
    color: red;
  }
  #close-report-comment:focus {
    outline: 0;
  }
  #report-comments .ui-widget-header {
    background-color: #151a51;
  }
  #send-report-button, #accept-report-button {
    background-color: #1976d2;
  }
  #close-report-button {
    background-color: #e30f0f;
  }
  #report-comments .ui-widget-header, #send-report-button, #close-report-button, #accept-report-button {
    color: #fff;
  }
  .alert-danger {
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px;
    padding-right: 35px;
  }
  #report-comments .alert-dismissable .close, .alert-dismissible .close {
    top: 7px;
  }
  .disable-elements-comment {
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
  }
  @-webkit-keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @-webkit-keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @-webkit-keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  @keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  .card-rel {
    width: 30%;
  }
  .cont-col-info-grid {
    font-size: 14px;
  }
  .cont-text-title-record-min {
    font-size: 14px;
  }
  .doc-info {
    padding-bottom: 10px;
  }
  .doc-info-digobj {
    width: 160px;
    height: 160px;
  }
  .doc-info-text {
    padding-left: 20px;
  }
  .doc-details-header {
    padding: 15px;
  }
  .div-img-rel {
    width: 60px;
    height: 60px;
    margin: 0 8px;
  }
  .info-rels-card {
    width: 60%;
  }
  .rels-not-img {
    height: 60px;
  }
  .get_more_rels {
    width: 170px;
  }
  .do-container {
    height: 210px;
    width: 210px;
    padding-bottom: 15px;
  }
  .slick-slide {
    padding: 0 20px;
  }
  .title-rels-card {
    height: 39px;
  }
  .h-name-grid {
    height: 62px;
    line-height: 16px;
  }
  .doc-info-text-grid {
    height: 112px;
  }
  @-moz-document url-prefix() {
    .doc-info-text-grid {
      height: 112px;
    }
  }
  .doc-highlights-grid {
    height: 45px;
  }
  #wrapper-register {
    min-height: 80vh;
  }
  #documents-container-paginator {
    padding: 15px 0px 15px 5px;
    display: block;
    border-bottom: 1px solid #ebebeb;
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    height: 21px;
    width: 60px;
  }
  #section-records {
    margin-top: 15px;
    padding-left: 0;
  }
  .bottom-bar {
    border-top: 1px solid #ddd;
    float: right;
    overflow: hidden;
    padding: 5px;
    width: 100%;
  }
  .change-height {
    height: 410px;
  }
  .columns-info {
    height: 355px;
    padding: 10px 0 10px 0;
  }
  .columns-info .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .count-rels {
    float: left;
    font-size: 14px;
    color: #337ab7;
    padding-top: 4px;
  }
  .detail-icon {
    float: right;
    padding: 5px;
  }
  .detail-register {
    height: 0;
    text-align: left;
    -webkit-transition: ease 2s easeInOutQuint;
    transition: ease 2s easeInOutQuint;
  }
  .doc-cont-map {
    margin-top: 3%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .div-img-audio {
    display: inline-block;
    height: 100px;
    width: 100px;
  }
  .div-player-audio {
    display: inline-block;
    width: 80%;
  }
  .div-display-map img {
    width: 100%;
  }
  .div-register-title {
    display: inline-block;
    width: 65%;
  }
  .doc-left-img {
    float: left;
    width: 49%;
  }
  .doc-left-img img {
    height: auto;
    margin: 10px 20px 20px 0;
    width: 100%;
  }
  .doc-list-img-left {
    padding: 0 15px 0 0;
    width: 30%;
  }
  .doc-list-img-left div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 290px;
    width: 100%;
  }
  .doc-list-img-grid {
    display: inline-block;
    height: 120px;
    cursor: pointer;
    width: 115px;
    margin: 10px;
  }
  .doc-list-img-grid .mini-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    height: 90%;
    width: 100%;
  }
  .doc-right-img {
    border-left: 1px solid #ddd;
    float: right;
    height: 435px;
    overflow: auto;
    width: 49%;
  }
  .doc-grid-img {
    border: 1px solid #ddd;
    float: left;
    height: 150px;
    width: 90px;
    margin: 15px;
  }
  .doc-list-img-grid:hover {
    cursor: pointer;
    opacity: 0.6;
  }
  .doc-list-img-right {
    float: right;
    height: 100%;
    padding: 0 0 0 10px;
    width: 70%;
    overflow: auto;
  }
  .element-display {
    padding: 0 20px;
  }
  .extra-icons {
    height: 20px;
    width: 20px;
  }
  .file-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    cursor: pointer;
    height: 150px;
    margin: 10px 0;
  }
  .file-digital-obj:hover {
    opacity: 0.5;
  }
  .format-main {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 150px;
    width: 100%;
    margin-top: 5px;
  }
  .grid-icons-group {
    bottom: 40px;
    right: 40px;
  }
  .grid-info {
    padding: 10px 0 0 0;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .highlights {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
  }
  .hl-divisor {
    color: #337ab7;
  }
  .hl-name {
    color: #777;
  }
  .hl-value em {
    color: #d68641;
    font-weight: bold;
  }
  .icon {
    height: 20px;
    width: 20px;
  }
  .icon-doc-grid {
    margin: 10px;
  }
  .list-icon-group {
    padding: 15px 10px;
    width: 35%;
  }
  .info-details {
    height: 90%;
  }
  .info-register {
    display: inline-block;
    padding: 10px 15px;
    width: 68%;
  }
  .icons-group {
    bottom: 40px;
    right: 40px;
  }
  .img-audio-grid {
    height: 100%;
    width: 100%;
  }
  .img-display {
    padding: 10px;
    height: 205px;
    width: 200px;
  }
  .main-imag {
    display: inline-block;
    height: 40%;
    width: 32%;
  }
  .main-imag div {
    margin: 15px 20px 20px 20px;
    height: 85%;
    width: 170px;
  }
  .main-img-obj {
    display: inline-block;
    width: 32%;
  }
  .main-img-obj div {
    width: 170px;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .m-do-gral-info {
    display: -webkit-box;
    height: 44px;
    margin-bottom: 15px;
    margin: 0 0 15px 0;
    position: relative;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mosaic-hl {
    display: -webkit-box;
    height: 40px;
    margin-bottom: 15px;
    margin: 0 0 15px 0;
    padding-top: 7px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    word-break: break-all;
  }
  .m-od-title {
    height: 45px;
    margin-top: 20px;
    overflow: hidden;
  }
  .one-image {
    margin: 0 0 10px 0;
  }
  .only-register {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 17px;
  }
  .pagination-div {
    height: 30px;
    padding: 0 15px;
  }
  .points_after::after {
    background-color: #f4f4f4;
    content: " ...";
    position: absolute;
    bottom: 0;
    right: -5px;
    padding: 0 10px 0px 5px;
  }
  .principal-image {
    height: 190px;
    width: 170px;
  }
  .rels-content {
    padding: 0 35px;
  }
  .reg-more-20 {
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
    float: left;
    margin-left: 190px;
    padding: 10px 0;
    text-align: center;
    width: 170px;
  }
  .reg-more-20 a {
    cursor: pointer;
  }
  .register-title-map {
    font-size: 12px;
    padding: 15px;
  }
  .rel-card {
    height: 230px;
    margin: 0 20px 20px 0;
    width: 170px;
  }
  .rel-card .caption {
    padding: 0 15px 15px 15px;
  }
  .rel-title {
    font-size: 14px;
    height: 45px;
  }
  .rel-val {
    display: inline-block;
    font-size: 14px;
  }
  .reg-par-info {
    margin-top: 3px;
  }
  .rels-register-i {
    font-size: 14px;
    height: 23px;
    width: 53px;
    padding: 0 7px;
  }
  .register-header {
    padding: 5px 0 15px 15px;
    width: 65%;
  }
  .register-title {
    font-size: 16px;
    padding: 0;
  }
  .register-title-map {
    font-size: 12px;
    padding: 15px;
  }
  .register-title-ob-associated {
    font-size: 16px;
    padding: 15px 0;
  }
  .remove-reg {
    cursor: pointer;
    font-size: 15px;
    float: right;
  }
  .row {
    margin: 5px 0 10px 0;
  }
  .main-main-img-obj {
    display: inline-block;
  }
  .main-main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .selected-icon-reg {
    border-bottom: 1px solid #337ab7;
  }
  .thumb-display {
    background-color: rgba(238, 238, 238, 0.64);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #ddd;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .wrapper-img-rel-card {
    height: 110px;
  }
  .img-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 180px;
    margin: 10px 0;
  }
  .not-img-digital-obj {
    height: 150px;
    margin: 10px 0;
  }
  .m-wrapper-reg {
    height: 410px;
    margin-right: 20px;
    padding: 10px;
    width: 205px;
  }
  .m-do-info {
    display: inline-block;
    margin: 15px 0;
  }
  .m-group-btn {
    border-top: 1px solid #ccc;
    padding: 5px;
  }
  .register-title-ob-associated {
    font-size: 16px;
    padding: 15px 0;
  }
  .social-container-popup {
    position: absolute;
    margin-left: -3px;
    z-index: 99;
  }
  .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 5px;
  }
  .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 6px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  .ballon-buttons-social {
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  .detail-icon-social {
    cursor: pointer;
    padding: 7px;
  }
  .detail-icon-grid {
    float: right;
    padding: 0;
  }
  /*end popup styles*/
  header #header-ri {
    position: fixed !important;
    left: 0 !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 3 !important;
    background-color: #151a51 !important;
  }
  header h1, header h2, header h3, header h4, header h5, header h6, header div, header a, header #title-ri, header #title-unam {
    font-family: 'Work sans', sans-serif !important;
  }
  header .cont-elements-header {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .cont-elements-header .log-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .cont-elements-header .log-title #container_log_gral {
    background-image: url("/wp-content/uploads/2019/05/h-logo-unam.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    overflow: hidden;
  }
  header .cont-elements-header .log-title #header-cont-title #title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .cont-elements-header .log-title #header-cont-title #title-ri {
    color: white;
    line-height: 1.5;
    letter-spacing: -0.03em;
  }
  header .cont-elements-header .log-title #header-cont-title #title-unam {
    color: #d4a806;
  }
  header .cont-elements-header #header-cont-title > a,
  header .cont-elements-header #sidenav-hidden a,
  header .cont-elements-header .container-menu-header ul > li > a {
    text-decoration: none;
    color: #fff;
  }
  header .cont-elements-header #header-cont-title > a:hover,
  header .cont-elements-header #sidenav-hidden a:hover,
  header .cont-elements-header .container-menu-header ul > li > a:hover {
    text-decoration: none;
    color: #d4a806;
  }
  header .cont-elements-header .sidenav, header .cont-elements-header #container-hidden {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  header .cont-elements-header #container-hidden {
    left: 0;
    top: 71px;
  }
  header .cont-elements-header .sidenav {
    background-color: rgba(21, 26, 81, 0.93);
    right: 0;
  }
  header .cont-elements-header .sidenav a {
    border-bottom: solid thin #fff;
    padding: 8px 8px 8px 30px;
    font-size: 19px;
    color: #fff;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .cont-elements-header .sidenav a:hover {
    color: #d4a806;
  }
  header .cont-elements-header #mobile-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search, header .cont-elements-header #mobile-icons #close-hamburguer, header .cont-elements-header #mobile-icons #close-filter {
    display: none;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search,
  header .cont-elements-header #mobile-icons #btn-filter, header .cont-elements-header #mobile-icons #close-filter,
  header .cont-elements-header #mobile-icons #btn-hamburguer, header .cont-elements-header #mobile-icons #close-hamburguer {
    color: white;
    cursor: pointer;
  }
  header .cont-elements-header .container-menu-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }
  header .cont-elements-header .container-menu-header ul li {
    list-style: none;
    -webkit-transition: .3s;
    transition: .3s;
  }
  @-webkit-keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  @keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  header #header-ri {
    border-top: 2px solid #d4a806 !important;
  }
  header .cont-elements-header {
    height: 80px !important;
  }
  header .log-title {
    padding-left: 20px;
  }
  header .log-title #container_log_gral {
    height: 70px !important;
    width: 60px;
  }
  header .log-title #header-cont-title {
    width: 440px !important;
    border-left: 1.4px solid #d4a806 !important;
    padding: 10px 0 5px 12px;
  }
  header .log-title #header-cont-title #title-ri {
    font-size: 25px;
  }
  header .log-title #header-cont-title #title-unam {
    font-size: 20px;
    line-height: 15px;
  }
  header .container-menu-header ul > li > a > span {
    font-size: 14px !important;
    padding-right: 30px !important;
  }
  header #mobile-icons, header #sidenav-hidden, header #container-hidden {
    display: none !important;
  }
  header #header {
    min-width: 1005px;
    background-color: #151a51;
    height: 100px;
  }
  header #logo_unam {
    content: url("../../img/logo_unam_medium.png");
    float: left;
    height: auto;
    margin-top: 5px;
    width: 172px;
    margin-left: 8%;
  }
  header #portal-name {
    display: inline-block;
    background: transparent;
    width: 240px;
    height: 45px;
    line-height: 170%;
    margin: 0 0 0 6px;
    padding: 0 0 0 15px;
    border-left: 2px solid #ebb62a;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header #portal-name .l1 {
    color: #fff;
    display: block;
    font-weight: normal;
    font-size: 16px;
  }
  header #portal-name .l2 {
    color: #424344;
    display: block;
    font-weight: normal;
    font-size: 16px;
  }
  header #slogan {
    background: transparent;
    color: #ffffff;
    display: block;
    height: 60px;
    width: 180px;
    float: right;
    font-size: 1em;
    font-style: italic;
    line-height: 110%;
    margin: 20px 80px 0 0;
    padding: 0 0 0 0;
    text-align: right;
  }
  header .animate-log-close {
    -webkit-animation: animate_close_logo .7s forwards;
            animation: animate_close_logo .7s forwards;
  }
  header .animate-log-open {
    -webkit-animation: animate-open-logo .7s forwards;
            animation: animate-open-logo .7s forwards;
  }
  header .config-title_header {
    padding: 2px 0 0 15px !important;
    width: 170px !important;
  }
  header .container-text-slogan {
    background-color: rgba(211, 155, 16, 0);
    height: 25px;
    text-align: center;
    top: 50px;
  }
  header .container-text-slogan span {
    color: #fff;
    font-size: 17px;
    padding: 9px 0 0 20px;
  }
  header .container-text-slogan:before {
    display: none;
  }
  header .second-tape-header {
    display: none;
  }
  header .cont-elements-header {
    height: 100px;
  }
  @-webkit-keyframes animate_close_logo {
    from {
    }
    to {
      width: 75px;
    }
  }
  @keyframes animate_close_logo {
    from {
    }
    to {
      width: 75px;
    }
  }
  @-webkit-keyframes animate-open-logo {
    from {
      width: 75px;
    }
    to {
      width: 280px;
    }
  }
  @keyframes animate-open-logo {
    from {
      width: 75px;
    }
    to {
      width: 280px;
    }
  }
  header .add-animation-text {
    -webkit-animation: cont-title-header .1s forwards;
            animation: cont-title-header .1s forwards;
  }
  @-webkit-keyframes cont-title-header {
    from {
    }
    to {
      width: 150px;
      padding: 2px 0 0 15px;
    }
  }
  @keyframes cont-title-header {
    from {
    }
    to {
      width: 150px;
      padding: 2px 0 0 15px;
    }
  }
  #container-facets, #container-menu-facet-mob {
    width: 249px;
    /*.facet-input-search{
        background-image: url('../../img/close.png');
        background-repeat: no-repeat;        
        background-position: right center;
        background-size: 15px 15px;
    }*/
  }
  #container-facets #facet-contl-elements-range, #container-menu-facet-mob #facet-contl-elements-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-facets .container-text-no-facet, #container-menu-facet-mob .container-text-no-facet {
    color: #9c3937;
    padding: 10px 0;
    text-align: center;
  }
  #container-facets .facets_cont_headers_gral, #container-menu-facet-mob .facets_cont_headers_gral {
    margin-bottom: 10px;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 55px !important;
    height: 28px !important;
    border: 1px solid #ccc !important;
    padding: 2px 5px !important;
    display: block !important;
  }
  #container-facets .facets_over_num, #container-menu-facet-mob .facets_over_num {
    display: none;
  }
  #container-facets .facets_btn_view_less, #container-menu-facet-mob .facets_btn_view_less {
    border-left: 1px solid #ccc;
    color: #6f6e6e;
    margin-left: 4px;
    padding-left: 4px;
  }
  #container-facets .facet_btn_disabled, #container-menu-facet-mob .facet_btn_disabled {
    color: #97969a !important;
    cursor: default !important;
    -webkit-filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
            filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
  }
  #container-facets .facet-view-more-text, #container-menu-facet-mob .facet-view-more-text {
    color: #6b6b6b;
  }
  #container-facets .glyphicon, #container-menu-facet-mob .glyphicon {
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    right: 4px;
  }
  #container-facets .format_cont_search_clone, #container-menu-facet-mob .format_cont_search_clone {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    margin-top: 2px !important;
    position: absolute;
    right: 0px;
  }
  #container-facets .facet_body_facets, #container-menu-facet-mob .facet_body_facets {
    -webkit-transition: .3s;
    transition: .3s;
  }
  #container-facets .facet_body_facets:hover, #container-menu-facet-mob .facet_body_facets:hover {
    background: #e9e9e9;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    position: relative;
  }
  #container-facets .no-showed, #container-menu-facet-mob .no-showed {
    display: none !important;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    font-size: 15px;
    z-index: 2;
    opacity: 0;
  }
  #container-facets input[type="text"], #container-menu-facet-mob input[type="text"] {
    width: 0px;
    color: #000;
    height: 16px;
    border-top: 0px solid rgba(255, 0, 0, 0);
    border-left: 0px solid rgba(255, 0, 0, 0);
    border-right: 0px solid rgba(255, 0, 0, 0);
    border-bottom: 0px solid #ccc;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -webkit-transition: 0.4s;
  }
  #container-facets #facets_cont_gral, #container-menu-facet-mob #facets_cont_gral {
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 10px;
  }
  #container-facets .facet-totalnum-reg, #container-menu-facet-mob .facet-totalnum-reg {
    font-weight: bold;
    color: #4a4848;
    font-size: 15px;
  }
  #container-facets .facet-title-cont, #container-menu-facet-mob .facet-title-cont {
    color: #3a3a3a;
    font-size: 15px;
    font-weight: bold;
  }
  #container-facets .content-title-facet-head, #container-menu-facet-mob .content-title-facet-head {
    width: 95px;
    margin-bottom: 2px;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    margin-left: 132px;
    position: absolute;
  }
  #container-facets .container-grafic-load-facet, #container-menu-facet-mob .container-grafic-load-facet {
    background-color: #fff;
    position: absolute;
    z-index: 99;
  }
  #container-facets .container-load-bar, #container-menu-facet-mob .container-load-bar {
    margin: auto;
    width: 85%;
    height: 8px;
    border: 1px solid #337ab7;
  }
  #container-facets .facet_cont_clone, #container-menu-facet-mob .facet_cont_clone {
    background-color: #fff;
    -webkit-box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    z-index: 99;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    padding: 5px 2px 7px 2px;
  }
  #container-facets .facet_cont_element_body > a, #container-menu-facet-mob .facet_cont_element_body > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  #container-facets .facets_cont_facets, #container-menu-facet-mob .facets_cont_facets {
    margin-bottom: 30px;
    width: 210px;
    border: 1px solid rgba(218, 218, 218, 0.64);
    padding: 8px;
    background: #fff;
  }
  #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    text-align: right;
    color: #585c5f;
  }
  #container-facets .facets_cont_num_facets_no_select, #container-facets .facets_cont_num_facets, #container-menu-facet-mob .facets_cont_num_facets_no_select, #container-menu-facet-mob .facets_cont_num_facets {
    color: #585c5f;
    font-size: 12px;
    margin-top: 2px;
  }
  #container-facets .facets_cont_titles_header, #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    font-size: 1.133em;
  }
  #container-facets .facets_cont_titles, #container-menu-facet-mob .facets_cont_titles {
    line-height: normal;
    padding-top: 1px;
    font-size: 14px;
    width: 78%;
  }
  #container-facets .facets_cont_titles_no_select, #container-facets .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_titles_no_select, #container-menu-facet-mob .facets_cont_titles_header {
    line-height: normal;
    padding-top: 1px;
    color: #5f5c5c;
    font-size: 15px;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    border-bottom: 1px solid rgba(204, 204, 204, 0.48);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px 2px;
  }
  #container-facets .facets_cont_options, #container-menu-facet-mob .facets_cont_options {
    text-align: right;
    margin: 2px 0 2px 0;
    cursor: pointer;
    padding-left: 3px;
  }
  #container-facets .facets_cont_options > img:hover, #container-menu-facet-mob .facets_cont_options > img:hover {
    -webkit-filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
            filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
  }
  #container-facets .facets_cont_options > img, #container-menu-facet-mob .facets_cont_options > img {
    width: 15px;
    height: 15px;
    -webkit-filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
            filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
  }
  #container-facets .facets_view_more, #container-menu-facet-mob .facets_view_more {
    color: #337ab7;
    float: right !important;
    text-align: right;
    width: 100%;
  }
  #container-facets .facets_view_more > span, #container-menu-facet-mob .facets_view_more > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #container-facets .facets_view_more > span > span, #container-menu-facet-mob .facets_view_more > span > span {
    margin-left: 5px;
  }
  #container-facets .facets_view_more i, #container-menu-facet-mob .facets_view_more i {
    cursor: pointer;
  }
  #container-facets .facets_view_more:hover, #container-menu-facet-mob .facets_view_more:hover {
    color: #23527c;
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    position: absolute;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    padding-left: 7px !important;
  }
  #container-crumb {
    font-size: 15px;
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    z-index: 99;
    top: 81px;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    color: #d8af18;
    margin-right: 8px;
  }
  #container-crumb ol#select-ol span.remove-crumb:hover {
    color: #151a51;
  }
  #container-crumb ol#select-ol a.crumb-link:hover {
    color: #121747;
  }
  #container-crumb #select-ol {
    padding: 3px 15px !important;
  }
  #container-crumb #select-ol li:nth-child(2)::before {
    color: rgba(255, 0, 0, 0);
    padding: 0;
    margin-left: -10px;
  }
  #container-crumb #crumbs-backspace {
    color: #ff5252;
    position: relative;
    top: 5px;
    font-size: 18px;
    padding-right: 4px;
  }
  #container-crumb .container-left-crumbs {
    width: 100%;
  }
  #container-crumb .content-text-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-crumb .container-right-crumbs {
    color: #25414f;
    padding-top: 7px;
    width: 9%;
  }
  #container-crumb .container-right-crumbs i {
    cursor: pointer;
  }
  #container-crumb .text-search-crumbs {
    color: #848080;
  }
  #container-crumb ol {
    background-color: rgba(0, 0, 0, 0) !important;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #container-crumb .color-gray-crumb {
    color: #97969a;
  }
  #container-crumb .container_stroke {
    position: absolute;
    width: 20px;
    height: 20;
    /* background-color: red; */
    margin-left: 15px;
    margin-top: -20px;
  }
  #container-crumb .li_container_stroke {
    margin-right: 20px;
  }
  #container-crumb .breadcrumb li::before {
    color: #387fc2;
    color: #25414F;
  }
  #container-crumb .breadcrumb a {
    color: #2c353a;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 85% !important;
    position: fixed !important;
    z-index: 99 !important;
    overflow: hidden !important;
    height: 2em !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb li::before {
    color: #888 !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link, #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    background-color: unset !important;
    border: unset !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb > li + li::before, #container-crumb .fixed-position-cont-crumbs .crumb-link {
    padding: 0 !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 14px;
  }
  #container-crumb .text-search-crumbs-fixed {
    color: #d0d0d0 !important;
    font-size: 14px !important;
  }
  #container-crumb .crumb-link {
    padding: 2px 0 2px 5px;
    line-height: 2;
  }
  #container-crumb .remove-crumb {
    top: 0px;
    color: #888;
    cursor: pointer;
  }
  #container-crumb > div.center-element {
    width: 90%;
  }
  #container-crumb .crumb-link, #container-crumb .text-search-crumbs {
    font-size: 14px !important;
  }
  #container-crumb .content-text-crumbs {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    margin-top: 11px;
  }
  #container-crumb .remove-crumb {
    font-size: 10px !important;
    padding: 6px 2px !important;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 90% !important;
    top: 56px !important;
    left: 85px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link {
    font-size: 12px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    font-size: 11px !important;
  }
  #container-crumb .text-search-crumbs-fixed {
    font-size: 12px !important;
    padding-left: 5px !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    font-size: 12px !important;
  }
  #container-section-config-module {
    background: transparent;
    overflow: hidden;
    padding: 3px;
    width: 249;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 43px;
    padding-left: 15px;
    /*
    #container-doi-config {
        margin-left: 10px;
        padding-top: 3px;
    }*/
  }
  #container-section-config-module a {
    color: #3e3b3b !important;
  }
  #container-section-config-module a:visited, #container-section-config-module a:hover, #container-section-config-module a:active, #container-section-config-module a:link {
    text-decoration: none !important;
  }
  #container-section-config-module #img-shared-dis {
    background-image: url("../../img/icons_save_shared/pda_compartir_dis.png");
  }
  #container-section-config-module #img-download-dis {
    background-image: url("../../img/icons_save_shared/pda_descargar_dis.png");
  }
  #container-section-config-module #img-registros-dis {
    background-image: url("../../img/icons_save_shared/pda_registros_dis.png");
  }
  #container-section-config-module #img-mosaico-dis {
    background-image: url("../../img/icons_save_shared/pda_mosaico_dis.png");
  }
  #container-section-config-module #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #container-section-config-module #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #container-section-config-module .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #container-section-config-module .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #container-section-config-module .btn-beta-function-selected {
    padding: 2px 0 0 2px;
  }
  #container-section-config-module .btn-beta-function-selected > span {
    color: #fff;
  }
  #container-section-config-module .btn-beta-function-selected i {
    color: #e29f24;
  }
  #container-section-config-module .btn-beta-function:hover {
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #container-section-config-module .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #container-section-config-module .btn-mask-gral {
    outline: none !important;
  }
  #container-section-config-module .btn-mask-gral:focus, #container-section-config-module .btn-beta-function-selected:focus, #container-section-config-module .btn-beta-function-selected:active, #container-section-config-module a, #container-section-config-module a:active, #container-section-config-module a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #container-section-config-module .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #container-section-config-module .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #container-section-config-module .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #container-section-config-module .btn-beta-function:hover span {
    color: #23527c;
  }
  #container-section-config-module .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #container-section-config-module .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #container-section-config-module .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #container-section-config-module .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @-webkit-keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @-webkit-keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #container-section-config-module #container-btn-open-query:focus,
  #container-section-config-module #container-text-num-queries:focus,
  #container-section-config-module #container-btn-general-shared:focus,
  #container-section-config-module #container-img-availablelayers:focus,
  #container-section-config-module #container-layers:focus,
  #container-section-config-module #img-baselayers:focus,
  #container-section-config-module #container-controls:focus,
  #container-section-config-module #container-img-baselayers:focus,
  #container-section-config-module #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #container-section-config-module #container-btn-open-query,
  #container-section-config-module #container-text-num-queries,
  #container-section-config-module #container-btn-general-shared,
  #container-section-config-module #container-img-availablelayers,
  #container-section-config-module #container-layers,
  #container-section-config-module #img-baselayers,
  #container-section-config-module #container-controls,
  #container-section-config-module #container-img-baselayers,
  #container-section-config-module #img-availablelayers,
  #container-section-config-module .single-layer {
    cursor: pointer;
  }
  #container-section-config-module .btn-off {
    color: #8c8c8c;
    cursor: default !important;
  }
  #container-section-config-module .btn-on:hover {
    color: #1f5586;
  }
  #container-section-config-module .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #container-section-config-module .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #container-section-config-module .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-config-module .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #container-section-config-module .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #container-section-config-module .query_stroke_last_element_text {
    position: absolute;
  }
  #container-section-config-module .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #container-section-config-module .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #container-section-config-module #btn-show-controls-map {
    width: 52%;
  }
  #container-section-config-module #btn_delete_all {
    margin-right: 5px;
  }
  #container-section-config-module #container-controls-query-popup {
    display: none;
    margin-top: 40px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #container-section-config-module #container-controls-layers-popup {
    display: none;
    margin-top: 20px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #container-text-no-query {
    text-align: center;
    margin: 20px 0 20px 0;
  }
  #container-section-config-module #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #container-section-config-module #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #container-section-config-module #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #container-section-config-module #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #container-section-config-module #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s.png");
  }
  #container-section-config-module .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #container-section-config-module .btn-mask-gral {
    /*background-color: red;*/
    height: 42px;
    position: absolute;
    width: 45px;
    z-index: 99;
  }
  #container-section-config-module .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #container-section-config-module .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    color: #5e5e5e !important;
  }
  #container-section-config-module .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #container-section-config-module .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 68px;
  }
  #container-section-config-module .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 69px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-config-module .container-controls-layers {
    margin-left: -63px;
    min-height: 200px;
    overflow: visible;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #container-section-config-module .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px;
    margin: 0 auto;
    width: 23px;
    text-align: center;
    font-size: 16px;
  }
  #container-section-config-module .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #container-section-config-module .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #container-section-config-module .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #container-section-config-module .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #container-section-config-module .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #container-section-config-module .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #container-section-config-module .btns-show-queries-list {
    width: 100%;
  }
  #container-section-config-module .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #container-section-config-module .container-btn-save-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #container-section-config-module .container-btn-show-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-config-module {
    margin-right: 1px;
  }
  #container-section-config-module .container-btn-config-module:hover {
    cursor: pointer;
  }
  #container-section-config-module .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 220px;
    z-index: 99;
  }
  #container-section-config-module .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #container-section-config-module .container-element-list:hover {
    background-color: #eaeaea;
  }
  #container-section-config-module .container-num-queries {
    position: absolute;
    margin-left: 14px;
    font-size: 10px;
    margin-top: -16px;
    width: 17px;
    text-align: center;
    font-weight: bold;
  }
  #container-section-config-module .container-svg-actions {
    height: 19px;
    float: right;
    /*background-color: #337ab7;*/
  }
  #container-section-config-module .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #container-section-config-module .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #container-section-config-module .container-text-queri-list > span {
    margin-left: 12px;
  }
  #container-section-config-module .layer-btn-active {
    background-color: #1f5586;
  }
  #container-section-config-module .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #container-section-config-module .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #container-section-config-module .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  #fsmap-tools {
    /*
    #container-doi-config {
        margin-left: 10px;
        padding-top: 3px;
    }*/
  }
  #fsmap-tools a:visited, #fsmap-tools a:hover, #fsmap-tools a:active, #fsmap-tools a:link {
    text-decoration: none !important;
  }
  #fsmap-tools #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #fsmap-tools #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #fsmap-tools .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #fsmap-tools .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #fsmap-tools .btn-beta-function-selected {
    border: 1px solid #d8d8d8 !important;
    padding: 2px 0 0 2px;
  }
  #fsmap-tools .btn-beta-function-selected > span {
    color: #fff;
  }
  #fsmap-tools .btn-beta-function:hover {
    border: 1px solid #dddddd !important;
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #fsmap-tools .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #fsmap-tools .btn-mask-gral {
    outline: none !important;
  }
  #fsmap-tools .btn-mask-gral:focus, #fsmap-tools .btn-beta-function-selected:focus, #fsmap-tools .btn-beta-function-selected:active, #fsmap-tools a, #fsmap-tools a:active, #fsmap-tools a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #fsmap-tools .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #fsmap-tools .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #fsmap-tools .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #fsmap-tools .btn-beta-function:hover span {
    color: #23527c;
  }
  #fsmap-tools .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #fsmap-tools .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #fsmap-tools .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #fsmap-tools .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #fsmap-tools #container-btn-open-query:focus,
  #fsmap-tools #container-text-num-queries:focus,
  #fsmap-tools #container-btn-general-shared:focus,
  #fsmap-tools #container-img-availablelayers:focus,
  #fsmap-tools #container-layers:focus,
  #fsmap-tools #img-baselayers:focus,
  #fsmap-tools #container-controls:focus,
  #fsmap-tools #container-img-baselayers:focus,
  #fsmap-tools #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #fsmap-tools #container-btn-open-query,
  #fsmap-tools #container-text-num-queries,
  #fsmap-tools #container-btn-general-shared,
  #fsmap-tools #container-img-availablelayers,
  #fsmap-tools #container-layers,
  #fsmap-tools #img-baselayers,
  #fsmap-tools #container-controls,
  #fsmap-tools #container-img-baselayers,
  #fsmap-tools #img-availablelayers,
  #fsmap-tools .single-layer {
    cursor: pointer;
  }
  #fsmap-tools .btn-off {
    color: #8c8c8c;
    cursor: default;
  }
  #fsmap-tools .btn-on:hover {
    color: #1f5586;
  }
  #fsmap-tools .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #fsmap-tools .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #fsmap-tools .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #fsmap-tools .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #fsmap-tools .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #fsmap-tools .query_stroke_last_element_text {
    position: absolute;
  }
  #fsmap-tools .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #fsmap-tools .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #fsmap-tools #btn-show-controls-map {
    width: 52%;
  }
  #fsmap-tools #btn_delete_all {
    margin-right: 5px;
  }
  #fsmap-tools #container-controls-query-popup {
    display: none;
    margin-top: 40px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #fsmap-tools #container-controls-layers-popup {
    display: none;
    margin-top: 20px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #container-text-no-query {
    text-align: center;
    margin: 20px 0 20px 0;
  }
  #fsmap-tools #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #fsmap-tools #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #fsmap-tools #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #fsmap-tools #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #fsmap-tools #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s.png");
  }
  #fsmap-tools .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #fsmap-tools .btn-mask-gral {
    /*background-color: red;*/
    height: 42px;
    position: absolute;
    width: 45px;
    z-index: 99;
  }
  #fsmap-tools .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #fsmap-tools .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    color: #5e5e5e !important;
  }
  #fsmap-tools .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #fsmap-tools .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 68px;
  }
  #fsmap-tools .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 69px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #fsmap-tools .container-controls-layers {
    margin-left: -63px;
    min-height: 200px;
    overflow: visible;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 212px;
  }
  #fsmap-tools .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px;
    margin: 0 auto;
    width: 23px;
    text-align: center;
    font-size: 16px;
  }
  #fsmap-tools .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #fsmap-tools .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #fsmap-tools .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #fsmap-tools .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #fsmap-tools .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #fsmap-tools .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #fsmap-tools .btns-show-queries-list {
    width: 100%;
  }
  #fsmap-tools .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #fsmap-tools .container-btn-save-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #fsmap-tools .container-btn-show-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-config-module {
    margin-right: 1px;
  }
  #fsmap-tools .container-btn-config-module:hover {
    cursor: pointer;
  }
  #fsmap-tools .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 220px;
    z-index: 99;
  }
  #fsmap-tools .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #fsmap-tools .container-element-list:hover {
    background-color: #eaeaea;
  }
  #fsmap-tools .container-num-queries {
    position: absolute;
    margin-left: 14px;
    font-size: 10px;
    margin-top: -16px;
    width: 17px;
    text-align: center;
    font-weight: bold;
  }
  #fsmap-tools .container-svg-actions {
    height: 19px;
    float: right;
    /*background-color: #337ab7;*/
  }
  #fsmap-tools .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #fsmap-tools .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #fsmap-tools .container-text-queri-list > span {
    margin-left: 12px;
  }
  #fsmap-tools .layer-btn-active {
    background-color: #1f5586;
  }
  #fsmap-tools .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #fsmap-tools .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #fsmap-tools .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  .header-search {
    width: inherit !important;
    background-color: transparent !important;
    height: 0 !important;
  }
  .cont-elments-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #panel-type-campo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #panel-type-campo label {
    margin: 25px 40px;
    font-weight: normal !important;
  }
  #panel-type-campo label span {
    margin-left: 7px;
  }
  #container-check-search-content {
    width: 60px;
    overflow: hidden;
    background: none 0% 0% repeat scroll #e0e0e0;
    border-left: 1px solid #cccccc;
    color: #333;
    text-align: center;
    border: 0;
    padding: 0;
  }
  #container-check-search-content, #select-doi-search, .cont-elments-radio {
    cursor: pointer;
  }
  #container-section-search {
    width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    background-color: #f5f5f5;
  }
  #container-section-search #container-search {
    width: 100%;
  }
  #container-section-search #container-search #general-form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    background-color: #151a51;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000;
    border-radius: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-webkit-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search:-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    position: absolute;
    color: #ccc !important;
    z-index: 99;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    background-color: #e0e0e0;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #select-ul {
    left: unset !important;
    font-size: 1em;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    background-color: rgba(212, 168, 6, 0.8) !important;
    font-weight: bold;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar #btn-search {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    position: absolute;
    background-color: #151a51 !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search:focus {
    outline: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    position: absolute;
    display: none;
    z-index: 1;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    cursor: pointer;
    position: absolute;
  }
  #container-section-search #container-search #general-form-search .container-search-button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    background-color: transparent !important;
    display: none;
    position: fixed;
    z-index: 99;
    margin-top: 10px;
    left: unset !important;
    top: 0 !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list #text-btn-search-list {
    display: none;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #select-ul {
    top: 75%;
  }
  #container-section-search .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 440px;
  }
  #container-section-search .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 441px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-search #container-sections {
    display: none;
    position: absolute;
    bottom: 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  #container-section-search .btn-section-selected {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  #container-section-search .filter_stroke_gral {
    margin-right: auto;
    width: 80px;
    display: block;
    max-width: 150px;
    height: 22px;
  }
  #container-section-search .filter_stroke_gral path, #container-section-search .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-search .first_draw {
    width: 65px;
  }
  #container-section-search .search_container_stroke {
    position: absolute;
  }
  #container-section-search .nav-tabs {
    overflow: hidden;
    border-bottom: none;
  }
  #container-section-search .nav-tabs > li {
    position: relative;
    display: block;
    height: 55px;
    padding-top: 6px;
    text-align: center;
    margin-bottom: 6px;
  }
  #container-section-search .nav-tabs > li > a {
    font-size: 0.8em;
  }
  #container-section-search .nav-tabs > li > a .glyphicon {
    display: block;
    font-size: 2em;
  }
  #container-section-search .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 10px 3px 10px;
    margin-top: 7px;
  }
  #container-section-search input::-webkit-input-placeholder {
    font-size: 14px !important;
    color: #969696;
    border-radius: 0;
  }
  #container-section-search .borders-custom-left {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0.5px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  #container-section-search .borders-custom-right {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 0.5px solid rgba(0, 0, 0, 0);
  }
  .search-text-filter {
    display: none;
  }
  #btn-search {
    margin-top: 1px;
  }
  #cont-sup-section-search {
    margin-top: 115px;
  }
  #container-check-search-content {
    height: 35px;
    font-size: 8px;
    line-height: 8px;
    padding-top: 7px;
  }
  .container-check-search-content-scroll {
    height: 31px !important;
    padding-top: 5px !important;
  }
  #panel-type-campo label {
    margin: 25px 30px;
  }
  #container-section-search {
    height: 110px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    padding: 12px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    padding: 3px 10px;
    height: 35px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    height: 35px;
    width: 45vw;
    padding: 0 25px 0 10px;
    font-size: 14px;
    border: 1.5px solid #fff !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    margin-top: 11px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    padding-bottom: 4px;
    padding-top: 5px;
    font-size: 15px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    font-size: 17px;
    padding: 3px 9px;
    border: 1.5px solid #d4a806 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    padding-left: 2px;
    padding-top: 0 !important;
    width: 30px;
    font-size: 29px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    margin-top: 4px;
    margin-left: -394px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    top: 9px;
    margin-left: -46px;
    padding: 10px 15px;
    width: 472px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    right: 10px;
    top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    margin-top: 15px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed .btn {
    height: 31px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #input-search {
    width: calc(100vw - 875px) !important;
    height: 31px !important;
    font-size: 12px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #container-btn-clear-input {
    margin-top: 5px !important;
    font-size: 12px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    width: 32px !important;
    font-size: 14px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-general-buscar {
    width: 32px !important;
    font-size: 15px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-advanced-search {
    width: 16px !important;
    font-size: 21px !important;
    padding-left: 0 !important;
  }
  .container-search-fixed {
    opacity: 0;
    -webkit-animation: open_fixed 1s forwards;
            animation: open_fixed 1s forwards;
  }
  @-webkit-keyframes open_fixed {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes open_fixed {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  #container-text-results {
    margin: 9px 0 5px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }
  #container-text-time-query {
    color: #999;
    margin-top: 8px;
    font-size: 12px;
  }
  #container-num-reg {
    color: #25414f;
    font-size: 15px !important;
  }
  #data-footer {
    background-color: #0a0146;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #data-footer #btn-open-close-footer {
    width: 100%;
    text-align: right;
    display: none;
  }
  #data-footer #btn-open-close-footer > span {
    cursor: pointer;
    font-size: 10px;
  }
  #data-footer #container-elements-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1005px;
  }
  #data-footer #container-elements-footer #container-logos-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    width: 30%;
  }
  #data-footer #container-elements-footer #container-logos-footer #left-con-lo-fo {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 139px;
    margin-right: 10px;
    width: 48%;
  }
  #data-footer #container-elements-footer #container-logos-footer #right-con-lo-fo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 139px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40%;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-gral {
    height: 60px;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-unam {
    height: 95px;
  }
  #data-footer #container-elements-footer #container-info-footer {
    height: 139px;
    width: 70%;
  }
  #data-footer #container-elements-footer #container-info-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #data-footer #container-elements-footer #container-info-footer ul li {
    margin-bottom: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-large {
    width: 36%;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-small {
    width: 15%;
    margin-left: 10px;
  }
  #data-footer .content-element-footer:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #data-footer .cont-header-footer {
    height: 128px;
    width: 100%;
    background-color: #09013f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #data-footer #cont-text-repo {
    color: #fff !important;
    border-left: 2px solid #e5ae49;
    padding: 5px 0;
    padding-left: 10px;
  }
  #data-footer .cont-text-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
    padding: 50px 0;
    display: none;
  }
  #data-footer .cont-text-info > div {
    width: 30%;
  }
  #data-footer .cont-text-info > div > h3 {
    color: #e5ae49;
    font-weight: bold;
    font-size: 22px !important;
  }
  #data-footer .cont-text-info > div > p {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul {
    margin: 0;
    padding: 0;
  }
  #data-footer .cont-text-info > div > ul li {
    list-style: none;
    margin: 12px 0;
  }
  #data-footer .cont-text-info > div > ul li a {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul li i {
    margin-right: 5px;
    color: #153587;
  }
  #data-footer .cont-derechos {
    font-size: 14px;
    width: 100%;
    padding: 10px 11%;
    text-align: center;
    line-height: 25px;
  }
  #data-footer .cont-derechos > i {
    font-family: 'Glyphicons Halflings';
  }
  #data-footer .cont-derechos > a {
    color: #fff;
  }
  #data-footer .cont-derechos > a:hover {
    color: #d4a806;
  }
  #top-footer {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/contenidos/base_modules/container/public/img/repo/bg-footer.jpg");
    background-position: center;
    background-size: cover;
  }
  #top-footer {
    text-align: center;
  }
  #top-footer a {
    text-decoration: none;
  }
  #top-footer #logos-unam a, #top-footer #logos-sdi-dgru {
    cursor: pointer;
  }
  #links-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 66%;
    margin: 0 auto;
  }
  .link-f {
    padding: 0 5vw;
    font-size: 16px;
  }
  .link-f a {
    color: #fff;
    text-decoration: none !important;
  }
  .link-f a:hover {
    color: #d4a806;
  }
  #data-footer {
    min-width: 100%;
    margin: 0 auto;
  }
  #top-footer {
    height: 115px;
  }
  #logos-unam img,
  #logos-sdi-dgru img {
    padding: 0 12px;
  }
  #title-repo {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  body input#temp-checked-status[type="checkbox"] {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
  }
  body {
    font-size: 14px;
  }
  #container-gral {
    background-color: #f5f5f5;
    margin: auto;
    padding: 0;
    width: 1421px;
  }
  #container-gral button:focus {
    outline: 0;
  }
  #container-gral #container-elements {
    width: 995px;
  }
  #container-gral #container-module {
    /*margin-top: 25px;*/
    min-height: 55vh;
  }
  #container-gral #remove-containerlayers-icon {
    padding-top: 4px;
    padding-bottom: 2px;
    color: #337ab7;
  }
  #container-gral-advanced-option {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    height: 0px;
  }
  #container-menu-facet-mob {
    display: none;
  }
  #warning-ie {
    background-color: darkred;
    color: white;
    padding-top: .2%;
    font-size: 1.1em;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
  }
  #block-ie {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    z-index: 999;
  }
  #chrome-logo {
    width: 30px;
  }
  #firefox-logo {
    width: 30px;
  }
  #edge-logo {
    width: 25px;
  }
  #error-text {
    max-height: 200px;
    min-height: 200px;
    max-width: 400px;
    min-width: 400px;
  }
  #warning-ie-text {
    margin: 5px auto;
    text-align: center;
  }
  #warning-ie-navs {
    margin: 0 auto;
    text-align: center;
  }
  #warning-ie-navs > a > img {
    text-decoration: none;
    cursor: pointer;
    margin: 5px 30px;
  }
  .animation-height-open {
    -webkit-animation-name: animacion-open;
            animation-name: animacion-open;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  @keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  .animation-height-close {
    -webkit-animation-name: animacion-close;
            animation-name: animacion-close;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  @keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  .format-anchore-lit {
    text-decoration: underline !important;
  }
  .config-cont-options-advanced {
    position: relative;
    overflow: hidden;
  }
  .center-element {
    margin: 0 auto;
  }
  .curtain {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  .curtain_settings {
    border-radius: 99px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 135px -28px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 195px 77px rgba(0, 0, 0, 0.5);
    height: 30px;
    left: 37%;
    position: absolute;
    top: 37%;
    width: 30px;
  }
  .gral-clear-float {
    clear: both;
  }
  .general-display-none {
    display: none;
  }
  .gral-float-left {
    float: left;
  }
  .gral-float-right {
    float: right;
  }
  .margin-top-5 {
    margin-top: 5px;
  }
  .margin-top-20 {
    margin-top: 20px;
  }
  .primary-color {
    color: #3d3e40;
  }
  .secundary-color {
    color: #d68641;
  }
  .top-3 {
    top: 2px;
  }
  .btn_disabled {
    color: #97969a !important;
    cursor: default !important;
  }
  .records-text-total {
    color: #656565;
    font-weight: bold;
  }
  .btn-primary {
    color: #fff9f7;
    background-color: #3d3e40 !important;
    border-color: #4a4a4a !important;
  }
  .bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
    cursor: move;
  }
  .shared-mail {
    color: darkgray;
  }
  .text-error {
    position: relative;
    text-align: center;
    top: 20vh;
  }
  .modal-error {
    width: 100%;
  }
  .text-error > h1 {
    font-size: 3em;
    margin: 50 auto;
    padding-left: 10px;
  }
  ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #2b2b2b;
    opacity: 1;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #777777;
    opacity: 1;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #777777;
    opacity: 1;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777777;
  }
  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777777;
  }
  .lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-ring div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #d4a806;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #d4a806 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
            animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
  }
  @-webkit-keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  #container-menu-facet-mob {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 9;
  }
  #cont-int-facet {
    width: 94%;
    height: 96vh;
    background-color: #fff;
    overflow-y: scroll;
    margin-top: 3vh;
  }
  #btn-close-container-facet {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px 5px;
    font-size: 20px;
  }
  .animation-cont-facet {
    display: block !important;
    -webkit-animation-name: animacion-open-facet;
            animation-name: animacion-open-facet;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .animation-cont-facet-close {
    -webkit-animation-name: animacion-close-facet;
            animation-name: animacion-close-facet;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  #icons-up-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    width: 42px;
    height: 105px;
    bottom: 2vh;
    right: 2vw;
  }
  #icons-up-report .st-go-top-report {
    background-color: rgba(192, 192, 192, 0.3) !important;
    color: rgba(21, 26, 81, 0.33);
    cursor: pointer;
    font-size: 24px;
    height: 42px;
    text-align: center;
    width: 42px;
  }
  #icons-up-report #go-top {
    margin-top: 21px;
  }
  #cont-icon-report {
    margin-top: 8px;
  }
  #cont-icon-up {
    margin-top: 8px;
  }
  @-webkit-keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @-webkit-keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  @keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  .st-go-top {
    position: fixed;
    width: 42px;
    height: 42px;
    bottom: 2vh;
    right: 2vw;
    background-color: rgba(192, 192, 192, 0.3) !important;
    cursor: pointer;
  }
  .st-go-top #cont-icon-top {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(21, 26, 81, 0.33);
    font-size: 24px;
    border-radius: 99px 99px 0 99px;
    position: absolute;
  }
  textarea {
    width: 100%;
    min-height: 30rem;
    font-size: 11px;
    line-height: 1.2;
    display: none;
  }
  #cont-btn-social-media-record {
    color: #2f3684;
  }
  #input-goto-page {
    font-size: 1em;
  }
  .number-pagination-global {
    color: rgba(6, 6, 6, 0.45);
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    text-align: center;
  }
  .content-type-grid {
    position: absolute !important;
    margin-left: -15px;
    margin-top: 15px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff !important;
  }
  .content-type-grid > span {
    background-color: #151a51;
    color: #fff;
    padding: 2px 5px;
    /* border: 1px solid rgba(21, 26, 81, 0.44); */
    margin-left: 5px;
    font-size: 12px;
  }
  .cont-elements-url {
    display: none;
    position: absolute;
    width: 259px;
    height: 130px;
    /* right: -56px; */
    background-color: white;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-top: -140px;
    -webkit-box-shadow: 2px 2px 2px 0px #9c979c;
    box-shadow: 2px 2px 2px 0px #9c979c;
    -webkit-transition: all 1s;
    /* transition: all 1s; */
  }
  .cont-elements-url > div.sub-cont-dinamic {
    width: 259px;
    height: 130px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-elements-url > div.sub-cont-dinamic > .cont-total-data {
    height: 90px;
    width: 43%;
    border-right: 1px solid #e0e0e0;
    text-align: center;
  }
  .arrow-before {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #797979;
    font-size: 0px;
    line-height: 0px;
    top: -1px;
    left: 5px;
    position: relative;
  }
  .arrow-after {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fdfdfd;
    font-size: 0px;
    line-height: 0px;
    top: -17px;
    left: 5px;
    position: relative;
  }
  .cont-header-dinamic-renglon-cont {
    width: 100%;
    height: 20px;
    font-size: 15px;
    padding: 3px 0 0 3px;
    font-weight: 500;
    color: #2c316e;
  }
  .detail {
    cursor: pointer;
    height: 160px;
    width: auto;
  }
  .detail-register {
    background-color: rgba(6, 6, 6, 0.03);
  }
  .display-title {
    color: #337ab7;
    opacity: 1;
  }
  .div-display-info {
    width: 100%;
  }
  .div-hidden {
    display: none;
  }
  .doc-cont-map {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url("/documents/client/public/img/map_example.png");
    background-size: auto;
    background-position: center;
  }
  .doc-list-img-left {
    border-right: 1px solid #ddd;
    float: left;
    height: 100%;
  }
  .doc-list-img-right {
    overflow-y: hidden;
  }
  .doc-grid-img img {
    height: auto;
    width: 100%;
  }
  .doc-list-img-right .mini-img {
    height: 100%;
    width: 100%;
  }
  .doc-left-img img {
    height: auto;
    width: 100%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .doc-info-text-grid > div {
    margin-bottom: 3px;
  }
  .doc-info-text-grid > div > span {
    font-size: 11px;
  }
  .ellipses-register {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .extra-icons {
    background-color: #337ab7;
    cursor: pointer;
    float: right;
  }
  .field-separator {
    color: #337ab7;
    font-weight: bold;
  }
  .grid-icons-group {
    position: absolute;
  }
  .grid-register-header {
    text-align: center;
    width: 100%;
  }
  .hl-name {
    color: #777;
  }
  .hl-value em {
    color: #d68641;
    font-weight: bold;
  }
  .icon-reg {
    cursor: pointer;
  }
  .img-audio-grid {
    height: 100%;
    width: 100%;
  }
  .img-display {
    background: no-repeat center center;
    margin: 0 auto;
  }
  .img-register-i {
    background: url("/documents/client/public/img/image.svg");
    background-size: cover;
  }
  .img-rel-card {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 100%;
    width: 100%;
  }
  .icons-group {
    bottom: 40px;
    position: absolute;
    right: 40px;
  }
  .icon-size {
    height: 24px;
    width: 24px;
  }
  .image-title {
    color: #777;
    text-align: center;
  }
  .label-rel {
    color: #337ab7;
    font-size: 12px;
  }
  .list-icon-group {
    float: right;
  }
  .main-imag,
  .main-img-obj {
    float: left;
    margin: 0 auto;
  }
  .main-imag div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    overflow: hidden;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .map {
    height: 87%;
    position: relative;
    width: 100%;
  }
  .map-content {
    width: 60%;
    height: auto;
  }
  .map-register-i {
    background: url("/documents/client/public/img/map.svg");
    background-position: top center;
    background-size: contain;
  }
  .number-register-i {
    background: url("/documents/client/public/img/share.svg");
    float: left;
    margin: 0 auto;
    background-size: cover;
    float: left;
    height: 23px;
  }
  .objects-quantity {
    color: rgba(6, 6, 6, 0.45);
  }
  .od-more-icons {
    float: right;
  }
  .one-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
  }
  .pagination-div {
    float: right;
  }
  .paragraphs {
    display: inline-block;
  }
  .register-field-header {
    width: 100%;
  }
  .register-guid {
    color: #777;
  }
  .relation_type {
    color: #1D4568;
    padding: 5px;
  }
  .rel-card {
    float: left;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 1px0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
  }
  .rels-info {
    overflow-y: hidden;
  }
  .reg-option-vertical {
    cursor: pointer;
  }
  .rel-val {
    color: gray-color-low;
    display: inline-block;
  }
  .rel-val a {
    text-decoration: none;
  }
  .rel-card:hover {
    cursor: pointer;
  }
  .rel-title {
    border-bottom: 1px solid #ddd;
    display: table;
    padding-bottom: 3px;
    width: 100%;
  }
  .reg-par-info {
    display: inline-block;
  }
  .registers {
    background-color: lightsteelblue;
  }
  .register-header {
    float: left;
  }
  .rel-not-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin-top: 5px;
  }
  .reg-par-info {
    text-align: justify;
  }
  .remove-reg {
    cursor: pointer;
    float: right;
  }
  .row .top-bar {
    padding-right: 13px;
  }
  .selected-button {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  .selected-icon {
    color: #25414f;
  }
  .selected-image {
    border: 3px solid #fff;
    opacity: 0.6;
    -webkit-box-shadow: inset 0px 1px 4px 0px #fff;
    box-shadow: inset 0px 1px 6px 0px #fff;
    -webkit-transition: height 2s linear;
    -moz-transition: height 2s linear;
    -o-transition: height 2s linear;
    -ms-transition: height 2s linear;
  }
  .share-register-i {
    background: url("/documents/client/public/img/pda_compartir.svg") no-repeat;
    cursor: pointer;
  }
  .top-bar {
    color: #d68641;
    overflow: hidden;
    width: 100%;
  }
  .wrapper-img-rel-card {
    margin: 0 auto;
    width: 100%;
  }
  .icon-doc.grid {
    margin: 10px;
  }
  /*Estilos para mosaico*/
  #matrix-data {
    display: none;
  }
  .m-wrapper-reg {
    background: rgba(238, 238, 238, 0.64);
    display: inline-block;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .img-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    width: 100%;
  }
  .div-container-paginator-class {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0px 0px 10px 5px;
    border-bottom: 1px solid #ebebeb;
    color: rgba(6, 6, 6, 0.45);
  }
  .self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    color: #2c353a;
  }
  .self-center > form {
    margin-bottom: 0;
  }
  .dec-none > a {
    text-decoration: none;
  }
  .doc-element {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 0 15px 15px 15px;
  }
  .doc-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-header-category {
    color: #d68641;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .doc-header-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .doc-header-icons > div {
    margin: 10px 0 0 5px;
  }
  .share-element-icon {
    cursor: pointer;
  }
  .img-element-icon {
    background: url("/documents/client/public/img/image.svg") no-repeat;
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .rels-icon {
    background: url("/documents/client/public/img/share.svg");
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .map-element-icon {
    background: url("/documents/client/public/img/map.svg") no-repeat;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .view-detail {
    cursor: pointer;
  }
  .selected-icon {
    border-bottom: 1px solid #337ab7;
  }
  .doc-id {
    padding-bottom: 5px;
  }
  .doc-id-name {
    font-size: 1.3em;
  }
  .doc-id-guid {
    color: #777;
  }
  .doc-details {
    background: rgba(6, 6, 6, 0.03);
    height: 0;
  }
  .doc-details-visible {
    margin-bottom: 15px;
  }
  .details-hidden {
    visibility: collapse;
  }
  .doc-details-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #337ab7;
    font-size: 1.1em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-details-content {
    height: 350px;
    padding-bottom: 10px;
  }
  .details-rels-justify {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #container-module {
    margin-right: 25px;
  }
  .carrusel-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  input[type="text"]::-webkit-input-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-moz-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-ms-input-placeholder {
    color: #cecdcd;
  }
  .loader-details {
    position: relative;
    left: 50%;
    height: 200px;
    width: 200px;
    margin-left: -100px;
  }
  .details-container {
    height: 97%;
    padding: 0 10px;
  }
  .card-rel {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .div-img-rel {
    text-align: center;
    vertical-align: top;
  }
  .rels-img-hidden {
    opacity: 0;
  }
  .type-rels-card {
    color: #1D4568;
    font-size: 0.8em;
  }
  .title-rels-card {
    font-size: 1.1em;
    overflow: hidden;
  }
  .guid-rels-card {
    color: gray;
    font-size: 0.8em;
  }
  .get_more_rels {
    height: auto;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
    color: #337ab7;
  }
  .do-img-hidden {
    opacity: 0;
  }
  .dig-obj-container {
    width: 80%;
    height: 97%;
  }
  .slick-slide {
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .data-rels-prueba {
    display: none;
  }
  .doc-info {
    padding-bottom: 10px;
  }
  .img-hidden {
    opacity: 0;
  }
  .img-w {
    width: 100%;
  }
  .img-h {
    height: 100%;
  }
  .img-center {
    vertical-align: top;
    text-align: center;
  }
  .doc-info-text-grid {
    text-align: justify;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .conten-external-link {
    color: #e5ae49;
    cursor: pointer;
    padding: 0 3px;
  }
  .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inline {
    display: inline-block;
  }
  .width75 {
    width: 75%;
    text-align: justify;
  }
  .doc-element-grid {
    margin: 12px 0;
    border: 1px solid rgba(218, 218, 218, 0.64);
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .doc-element-grid:hover {
    border: 1px solid rgba(169, 169, 169, 0.48);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  }
  .grid-main-img {
    height: 300px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background-position: center 5%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 4px;
    cursor: pointer;
  }
  .doc-element-grid:hover .grid-main-img {
    background-color: #fff;
  }
  .grid-main-img > img {
    height: 100%;
    opacity: 0;
  }
  .doc-highlights-grid {
    overflow: hidden;
    font-size: 0.8em;
  }
  .name-card-grid {
    font-size: 1em;
    overflow: hidden;
    padding: 0 5px 0 5px;
    cursor: pointer;
  }
  .guid-grid {
    color: #e0a842;
    font-size: 0.9em;
    padding: 0 5px 0 5px;
    font-weight: bold;
    margin-top: 8px;
  }
  .name-short-grid {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .suspensive {
    color: #337ab7;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .modal {
    display: none;
    z-index: 99999 !important;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #afafaf;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #modal-content {
    background-color: #666;
    margin: auto;
    padding: 2%;
    border: 1px solid #888;
    z-index: 99999;
  }
  .modal-content-do {
    width: 50%;
    height: 80%;
  }
  .close-modal {
    color: #aaaaaa;
    float: right;
    font-size: 2.5em;
    font-weight: bold;
    position: absolute;
    right: 1%;
    top: 0;
  }
  .close-modal:hover,
  .close-modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .footer-img {
    text-align: center;
    color: gray;
    text-decoration: none !important;
  }
  #btn-close-record {
    cursor: pointer;
  }
  #cont-img-btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px 10px 0 0;
    font-size: 16px;
  }
  #cont-elemets-img {
    width: 57%;
  }
  #cont-elemets-img > .meta-cont-img {
    padding: 1.5vh 0;
    background-color: #ececec;
  }
  #cont-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #ececec;
    margin: 5px 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  #cont-img-record .btn-arrow-img {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  #cont-data-record {
    width: 41%;
    margin-right: 1%;
    padding-left: 5px;
  }
  #cont-data-record h2 {
    color: #2C316E;
  }
  #cont-data-record h4 {
    color: #2C316E;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
  }
  #cont-option-view-data {
    overflow: hidden;
  }
  #cont-list-data-estandar {
    height: 55vh;
    overflow: auto;
    padding: 0 30px;
  }
  #cont-curtain-record {
    width: 100vw;
    height: 100vh;
    -webkit-animation: start-courtain-record 1s forwards;
            animation: start-courtain-record 1s forwards;
    background-color: rgba(51, 51, 51, 0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .cont-title-min-record {
    font-size: 8px;
    color: #fff;
    overflow: hidden;
    max-height: 2.2vh;
    margin-top: 4px;
    line-height: 100%;
  }
  .container-section-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-description-record {
    overflow: hidden;
    height: 30px;
  }
  #content-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #content-button div span i {
    margin-right: 3.5px;
  }
  #cont-btn-social-media-record .material-icons {
    font-size: 16px;
  }
  .cont-link-resource, .cont-link-complete, .cont-link-share {
    margin: 8px 0;
    margin-right: 15px;
  }
  .cont-link-resource span, .cont-link-complete span, .cont-link-share span {
    background-color: #e5ae49;
    border: 1px solid;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
  }
  .cont-link-resource span#cont-completo, .cont-link-complete span#cont-completo, .cont-link-share span#cont-completo {
    background-color: #2C316E;
  }
  .cont-link-resource span#compartir, .cont-link-complete span#compartir, .cont-link-share span#compartir {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
    color: #2C316E;
  }
  .cont-link-resource span:hover {
    background-color: #fff;
    border-color: #e5ae49;
    color: #a77f34;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-complete span#cont-completo:hover {
    background-color: #fff;
    color: #2C316E;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-share span#compartir:hover {
    background-color: #fff;
    color: #919191;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #cont-license {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  #cont-license div p {
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
  }
  .cont-btn-view-more-desc {
    margin-top: 5px;
    text-align: right;
  }
  .cont-view-next-record:focus {
    outline: 0 !important;
  }
  .cont-type-record span.target-type {
    background-color: #2C316E;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #4C518C;
  }
  .alrticle-number-pages {
    width: 60px;
    font-size: 14px;
    color: #333333;
  }
  .record-arrow-action:hover {
    background-color: #58575798;
    color: #fff !important;
  }
  .record-arrow-action span {
    padding: 0 10px;
  }
  .controllers-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3em;
    margin-top: 15px;
  }
  .general-open-record {
    -webkit-animation: open-record .5s forwards;
            animation: open-record .5s forwards;
  }
  .title-data-obj {
    color: #2C316E;
  }
  .set-color {
    -webkit-animation: set-title-color .2s forwards;
            animation: set-title-color .2s forwards;
  }
  .set-color-def {
    color: #fff;
    -webkit-animation: set-def .2s forwards;
            animation: set-def .2s forwards;
  }
  .option-view-data-selected {
    background-color: #eaeaea;
  }
  .cont-list-img-record {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 83vh;
  }
  .cont-number-img-action {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-bottom: 4vh;
  }
  .cont-view-next-record {
    position: absolute;
    bottom: 0px;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    height: 15vh;
    background-color: #0a0146;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1vh;
  }
  .cont-view-next-record .cont-btn-up-down {
    width: 20% !important;
    height: 20px;
    margin-top: -25px;
    position: absolute;
    text-align: right;
    right: 0px;
  }
  .cont-view-next-record .cont-btn-up-down span {
    background-color: #0a0146;
    color: #fff;
    padding: 5px 5px;
    right: 50%;
    cursor: pointer;
  }
  .cont-view-next-record .cont-item-netx-record {
    height: 20vh;
    width: 90%;
    max-width: 90%;
  }
  .item-list-selected {
    border: 2px solid #d4a806;
    padding: 3px;
  }
  .item-list-selected img {
    height: 10vh !important;
  }
  .item-list-selected .cont-title-min-record {
    margin-top: .8vh !important;
  }
  .item-record-min {
    height: 11vh;
    width: 100px;
    cursor: pointer;
  }
  .item-record-min img {
    height: 11vh;
    /* - fin -*/
    width: auto;
    margin: 0 auto;
  }
  .status-more, .status-less {
    color: #2c316e;
    cursor: pointer;
  }
  .status-more .cont-text-more-less, .status-less .cont-text-more-less {
    color: #e5ae49;
    font-weight: bold;
  }
  .btn-arrow-img-active {
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .btn-arrow-img-active:hover {
    color: rgba(51, 51, 51, 0.7);
    cursor: pointer;
  }
  .btn-arrow-img-inactive {
    color: #ccc;
  }
  .cont-header-data-record {
    padding: 15px 0 0 2px;
  }
  .text-title-head-record {
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
  }
  .text-autor-head-record {
    font-size: 14px;
  }
  .general-format-text-head-record {
    font-size: 14px;
  }
  .cont-title-renglon {
    color: #636363 !important;
    font-size: 14px;
  }
  .cont-val-record-renglon {
    padding: 2px 0 20px 0;
  }
  .cont-val-record-renglon > span {
    position: relative;
    padding: 10px 10px 0 0;
    font-size: 14px;
  }
  .cont-main-number-dinamic {
    font-size: 45px;
    color: #d4a806;
    font-weight: bold;
  }
  .cont-title-row-single {
    font-size: 13px;
    color: #3a3434;
  }
  .cont-numeric-row-single {
    font-size: 15px;
    font-weight: bold;
    color: #4d5396;
  }
  .cont-rows-dinamic {
    width: 55%;
  }
  .cont-row-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 5px 0;
    padding-left: 5px;
  }
  .cont-main-text-dinamic {
    font-size: 14px;
    color: #3a3434;
  }
  /*.cont-val-record-renglon span:hover .cont-elements-url{
            display: block;
        }*/
  /* Erik  */
  #panel-advanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #container-gral-advanced-option .center-element h3 {
    font-weight: bold;
    text-align: center;
  }
  .radio-inline {
    padding-left: 3em;
  }
  /*** - ***/
  .content-elements-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5px;
    width: 100%;
  }
  .documents-color-link-orig {
    color: #e5ae49 !important;
  }
  .content-elements-links .material-icons {
    font-size: 15px;
    cursor: pointer;
    color: #2f3684;
  }
  .content-elements-links > div {
    padding: 5px;
  }
  .content-elements-links > div > a {
    cursor: pointer !important;
  }
  .disable-scroll, .disable-scroll-menu {
    overflow-y: hidden;
  }
  .tooltip {
    font-size: 14px;
    width: 20vw;
  }
  .record-pre-load-h1 {
    width: 60%;
    height: 3vh;
    background: #dedede;
    border-radius: 2px;
    margin: 25px 0;
  }
  .record-pre-load-p {
    width: 90%;
    height: 1.5vh;
    background: #dedede;
    border-radius: 2px;
    margin: 15px 0;
  }
  .record-pre-load-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .record-pre-load-list ul li {
    width: 25%;
    height: 2vh;
    background: #dedede;
    list-style: none;
    margin: 0 1vw;
  }
  .record-pre-load-section {
    height: 18vh;
    background: #dedede;
    margin: 30px 0;
    width: 90%;
    border-radius: 2px;
  }
  .report-comments-transition {
    max-height: 200px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  .report-comments-transition:hover {
    max-height: 400px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  #container-report {
    background-color: rgba(213, 213, 213, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .ui-dialog {
    position: initial;
  }
  #report-comments {
    height: auto;
    width: 470px;
  }
  #report-comments #bug-message textarea#comments-text {
    display: block;
    resize: none;
    min-height: 15rem;
  }
  .alert-report {
    width: 42%;
  }
  #mail {
    width: 210px;
  }
  /*#type {
            width: 30%;
        }*/
  #report-comments #bug-message label {
    font-weight: inherit;
  }
  #report-comments #bug-message .required-c {
    color: red;
  }
  #close-report-comment:focus {
    outline: 0;
  }
  #report-comments .ui-widget-header {
    background-color: #151a51;
  }
  #send-report-button, #accept-report-button {
    background-color: #1976d2;
  }
  #close-report-button {
    background-color: #e30f0f;
  }
  #report-comments .ui-widget-header, #send-report-button, #close-report-button, #accept-report-button {
    color: #fff;
  }
  .alert-danger {
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px;
    padding-right: 35px;
  }
  #report-comments .alert-dismissable .close, .alert-dismissible .close {
    top: 7px;
  }
  .disable-elements-comment {
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
  }
  @-webkit-keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @-webkit-keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @-webkit-keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  @keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  #wrapper-register {
    min-height: 80vh;
  }
  .card-rel {
    width: 23%;
  }
  .cont-col-info-grid {
    font-size: 14px;
  }
  .content-type-grid > span {
    font-size: 16px;
  }
  .doc-info {
    padding-bottom: 15px;
  }
  .doc-info-digobj {
    width: 210px;
    height: 210px;
  }
  .doc-info-text {
    padding-left: 35px;
  }
  .doc-details-header {
    padding: 10px;
  }
  .div-img-rel {
    width: 80px;
    height: 80px;
    margin: 0 10px;
  }
  .info-rels-card {
    width: 64%;
  }
  .rels-not-img {
    height: 80px;
  }
  .get_more_rels {
    width: 230px;
  }
  .do-container {
    height: 230px;
    width: 250px;
    padding-bottom: 15px;
  }
  .slick-slide {
    padding: 0 35px;
  }
  .title-rels-card {
    height: 50px;
  }
  .h-name-grid {
    height: 84px;
  }
  .doc-info-text-grid {
    height: 113px;
    margin-bottom: 10px;
  }
  #documents-container-paginator {
    padding: 10px 15px 5px 15px;
    display: block;
    border-bottom: 1px solid #ebebeb;
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    height: 25px;
    width: 110px !important;
  }
  #section-records {
    margin-top: 10px;
    padding-left: 0;
  }
  #wrapper-register {
    padding-left: 13px;
  }
  .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 5px;
  }
  .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 6px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  .ballon-buttons-social {
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  .bottom-bar {
    border-top: 1px solid #ddd;
    float: right;
    overflow: hidden;
    padding: 5px;
    width: 10;
  }
  .columns-info {
    height: 355px;
    padding: 10px 0 10px 0;
  }
  .container-buttons-social_bkp {
    padding: 10px 15px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
  }
  .count-rels {
    float: left;
    color: #337ab7;
  }
  .detail-icon {
    cursor: pointer;
    float: right;
    padding: 7px;
  }
  .detail-icon-grid {
    float: right;
    padding: 0;
  }
  .detail-icon-social {
    cursor: pointer;
    padding: 7px;
  }
  .detail-register {
    height: 0;
    text-align: left;
    -webkit-transition: ease 2s easeInOutQuint;
    transition: ease 2s easeInOutQuint;
  }
  .div-img-audio {
    display: inline-block;
    height: 100px;
    width: 100px;
  }
  .div-player-audio {
    display: inline-block;
    width: 70%;
  }
  .doc-list-img-left {
    padding: 0 20px 0 0;
    width: 30%;
  }
  .doc-list-img-left div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 290px;
    width: 100%;
  }
  .doc-list-img-right {
    float: right;
    height: 100%;
    padding: 0 0 0 10px;
    width: 70%;
    overflow: auto;
  }
  .doc-list-img-grid {
    display: inline-block;
    height: 130px;
    cursor: pointer;
    width: 115px;
    margin: 10px;
  }
  .doc-list-img-grid .mini-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    height: 90%;
    width: 100%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .element-display {
    padding: 0 20px;
  }
  .file-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    cursor: pointer;
    height: 150px;
    margin: 10px 0;
  }
  .file-digital-obj:hover {
    opacity: 0.5;
  }
  .format-main {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 150px;
    width: 100%;
    margin-top: 5px;
  }
  .grid-social.button {
    float: right;
  }
  .highlights {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    text-align: justify;
  }
  .icon-doc-grid {
    margin: 10px;
  }
  .img-display {
    padding: 10px;
    height: 280px;
    width: 200px;
  }
  .info-details {
    height: 90%;
  }
  .list-icon-group {
    padding: 15px 10px;
    width: 35%;
  }
  .img-digital-obj {
    height: 180px;
    margin: 10px 0;
  }
  .info-register {
    display: inline-block;
    padding: 10px 15px 15px 0;
    width: 67%;
  }
  .m-wrapper-reg {
    height: 485px;
    margin-right: 20px;
    padding: 10px;
    width: 285px;
  }
  .main-imag {
    display: inline-block;
    height: 50%;
    width: 32%;
  }
  .main-imag div {
    margin: 15px 20px 0 20px;
    width: 220px;
  }
  .main-img-obj {
    display: inline-block;
    width: 32%;
  }
  .main-img-obj div {
    width: 170px;
  }
  .m-do-info {
    display: inline-block;
  }
  .m-do-gral-info {
    display: -webkit-box;
    height: 50px;
    margin-bottom: 15px;
    margin: 0 0 15px 0;
    position: relative;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .file-digital-obj:hover {
    opacity: 0.5;
  }
  .mosaic-hl {
    display: -webkit-box;
    height: 55px;
    margin-bottom: 15px;
    margin: 0 0 15px 0;
    padding-top: 7px;
    position: relative;
    overflow: hidden;
    text-align: justify;
    word-break: break-all;
  }
  .m-group-btn {
    border-top: 1px solid #ccc;
    padding: 5px;
  }
  .m-od-title {
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
  }
  .one-image {
    margin: 0px 0 10px 0;
  }
  .only-register {
    padding-right: 15px;
    padding-left: 20px;
    padding-top: 17px;
  }
  .pagination-div {
    height: 30px;
    padding: 0 7px;
  }
  .points_after::after {
    background-color: #f4f4f4;
    content: " ...";
    position: absolute;
    bottom: 0;
    right: -10px;
    padding: 0 10px 5px 5px;
  }
  .principal-image {
    height: 190px;
    width: 170px;
  }
  .rels-content {
    padding: 0 65px;
  }
  .reg-more-20 {
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
    float: left;
    margin-left: 250px;
    padding: 10px 0;
    text-align: center;
    bottom: 0;
    width: 228px;
  }
  .reg-more-20 a {
    cursor: pointer;
  }
  .register-header {
    padding: 5px 0 15px 20px;
    width: 65%;
  }
  .register-title {
    font-size: 20px;
    padding: 15px 0;
  }
  .register-title-map {
    font-size: 18px;
    padding: 15px 20px;
  }
  .reg-par-info {
    margin-top: 5px;
  }
  .register-title-ob-associated {
    font-size: 18px;
    padding: 15px 0;
  }
  .rel-card {
    height: 315px;
    margin: 20px 20px 20px 0;
    width: 230px;
  }
  .rel-card .caption {
    padding: 0 15px 15px 15px;
  }
  .rels-register-i {
    font-size: 16px;
    height: 23px;
    padding: 0 7px;
  }
  .row {
    margin: 8px 0 15px 0;
  }
  .selected-icon-reg {
    border-bottom: 1px solid #337ab7;
  }
  .social-container-popup {
    position: absolute;
    margin-left: -3px;
    z-index: 99;
  }
  .tab-content {
    width: 950px;
  }
  .wrapper-img-rel-card {
    height: 175px;
  }
  .tooltip {
    padding: 0px !important;
  }
  #report-comments {
    width: 525px;
  }
  #mail {
    width: 235px;
  }
  .alert-report {
    width: 36%;
  }
  header #header-ri {
    position: fixed !important;
    left: 0 !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 3 !important;
    background-color: #151a51 !important;
  }
  header h1, header h2, header h3, header h4, header h5, header h6, header div, header a, header #title-ri, header #title-unam {
    font-family: 'Work sans', sans-serif !important;
  }
  header .cont-elements-header {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .cont-elements-header .log-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .cont-elements-header .log-title #container_log_gral {
    background-image: url("/wp-content/uploads/2019/05/h-logo-unam.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    overflow: hidden;
  }
  header .cont-elements-header .log-title #header-cont-title #title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .cont-elements-header .log-title #header-cont-title #title-ri {
    color: white;
    line-height: 1.5;
    letter-spacing: -0.03em;
  }
  header .cont-elements-header .log-title #header-cont-title #title-unam {
    color: #d4a806;
  }
  header .cont-elements-header #header-cont-title > a,
  header .cont-elements-header #sidenav-hidden a,
  header .cont-elements-header .container-menu-header ul > li > a {
    text-decoration: none;
    color: #fff;
  }
  header .cont-elements-header #header-cont-title > a:hover,
  header .cont-elements-header #sidenav-hidden a:hover,
  header .cont-elements-header .container-menu-header ul > li > a:hover {
    text-decoration: none;
    color: #d4a806;
  }
  header .cont-elements-header .sidenav, header .cont-elements-header #container-hidden {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  header .cont-elements-header #container-hidden {
    left: 0;
    top: 71px;
  }
  header .cont-elements-header .sidenav {
    background-color: rgba(21, 26, 81, 0.93);
    right: 0;
  }
  header .cont-elements-header .sidenav a {
    border-bottom: solid thin #fff;
    padding: 8px 8px 8px 30px;
    font-size: 19px;
    color: #fff;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .cont-elements-header .sidenav a:hover {
    color: #d4a806;
  }
  header .cont-elements-header #mobile-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search, header .cont-elements-header #mobile-icons #close-hamburguer, header .cont-elements-header #mobile-icons #close-filter {
    display: none;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search,
  header .cont-elements-header #mobile-icons #btn-filter, header .cont-elements-header #mobile-icons #close-filter,
  header .cont-elements-header #mobile-icons #btn-hamburguer, header .cont-elements-header #mobile-icons #close-hamburguer {
    color: white;
    cursor: pointer;
  }
  header .cont-elements-header .container-menu-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }
  header .cont-elements-header .container-menu-header ul li {
    list-style: none;
    -webkit-transition: .3s;
    transition: .3s;
  }
  @-webkit-keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  @keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  header #header-ri {
    border-top: 2.5px solid #d4a806 !important;
  }
  header .cont-elements-header {
    height: 85px !important;
  }
  header .log-title {
    padding-left: 22px;
  }
  header .log-title #container_log_gral {
    height: 75px !important;
    width: 63px;
  }
  header .log-title #header-cont-title {
    width: 490px !important;
    border-left: 1.7px solid #d4a806 !important;
    padding: 9px 0 5px 10px;
  }
  header .log-title #header-cont-title #title-ri {
    font-size: 28px;
  }
  header .log-title #header-cont-title #title-unam {
    font-size: 22px;
    line-height: 17px;
  }
  header .container-menu-header ul > li > a > span {
    font-size: 16px !important;
    padding-right: 35px !important;
  }
  header #mobile-icons, header #sidenav-hidden, header #container-hidden {
    display: none !important;
  }
  header #logo_unam {
    float: left;
    height: auto;
    margin-top: 5px;
    width: 275px;
    margin-left: 50px;
  }
  header #portal-name {
    display: inline-block;
    background: transparent;
    width: 500px;
    height: 80px;
    line-height: 175%;
    margin: 0 0 0 6px;
    padding: 0 0 0 15px;
    border-left: 2px solid #ebb62a;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header #portal-name .l1 {
    color: #fff;
    display: block;
    font-weight: normal;
    font-size: 30px;
  }
  header #portal-name .l2 {
    color: #424344;
    display: block;
    font-weight: normal;
    font-size: 22px;
  }
  header #slogan {
    background: transparent;
    color: #ffffff;
    display: block;
    height: 60px;
    width: 300px;
    float: right;
    font-size: 1.2em;
    font-style: italic;
    line-height: 110%;
    margin: 30px 80px 0 0;
    padding: 0 0 0 0;
    text-align: right;
  }
  header .container-text-slogan {
    background-color: rgba(211, 155, 16, 0);
    height: 25px;
    text-align: center;
    top: 50px;
  }
  header .container-text-slogan span {
    color: #fff;
    font-size: 17px;
    padding: 9px 0 0 20px;
  }
  header .container-text-slogan:before {
    display: none;
  }
  header .second-tape-header {
    display: none;
  }
  #container-facets, #container-menu-facet-mob {
    width: 400px;
    /*.facet-input-search{
        background-image: url('../../img/close.png');
        background-repeat: no-repeat;        
        background-position: right center;
        background-size: 20px 20px;
    }*/
  }
  #container-facets #facet-contl-elements-range, #container-menu-facet-mob #facet-contl-elements-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-facets .container-text-no-facet, #container-menu-facet-mob .container-text-no-facet {
    color: #9c3937;
    padding: 10px 0;
    text-align: center;
  }
  #container-facets .facets_cont_headers_gral, #container-menu-facet-mob .facets_cont_headers_gral {
    margin-bottom: 10px;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 55px !important;
    height: 28px !important;
    border: 1px solid #ccc !important;
    padding: 2px 5px !important;
    display: block !important;
  }
  #container-facets .facets_over_num, #container-menu-facet-mob .facets_over_num {
    display: none;
  }
  #container-facets .facets_btn_view_less, #container-menu-facet-mob .facets_btn_view_less {
    border-left: 1px solid #ccc;
    color: #6f6e6e;
    margin-left: 4px;
    padding-left: 4px;
  }
  #container-facets .facet_btn_disabled, #container-menu-facet-mob .facet_btn_disabled {
    color: #97969a !important;
    cursor: default !important;
    -webkit-filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
            filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
  }
  #container-facets .facet-view-more-text, #container-menu-facet-mob .facet-view-more-text {
    color: #6b6b6b;
  }
  #container-facets .glyphicon, #container-menu-facet-mob .glyphicon {
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    right: 4px;
  }
  #container-facets .format_cont_search_clone, #container-menu-facet-mob .format_cont_search_clone {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    margin-top: 2px !important;
    position: absolute;
    right: 0px;
  }
  #container-facets .facet_body_facets, #container-menu-facet-mob .facet_body_facets {
    -webkit-transition: .3s;
    transition: .3s;
  }
  #container-facets .facet_body_facets:hover, #container-menu-facet-mob .facet_body_facets:hover {
    background: #e9e9e9;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    position: relative;
  }
  #container-facets .no-showed, #container-menu-facet-mob .no-showed {
    display: none !important;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    font-size: 15px;
    z-index: 2;
    opacity: 0;
  }
  #container-facets input[type="text"], #container-menu-facet-mob input[type="text"] {
    width: 0px;
    display: none;
    height: 20px;
    border-top: 1px solid rgba(255, 0, 0, 0);
    border-left: 1px solid rgba(255, 0, 0, 0);
    border-right: 1px solid rgba(255, 0, 0, 0);
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
    color: #000;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -webkit-transition: 0.4s;
  }
  #container-facets #facets_cont_gral, #container-menu-facet-mob #facets_cont_gral {
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 10px;
  }
  #container-facets .facet-totalnum-reg, #container-menu-facet-mob .facet-totalnum-reg {
    font-weight: bold;
    color: #4a4a4a;
  }
  #container-facets .facet-title-cont, #container-menu-facet-mob .facet-title-cont {
    color: #3a3030;
  }
  #container-facets .content-title-facet-head, #container-menu-facet-mob .content-title-facet-head {
    width: 240px;
    margin-bottom: 2px;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    margin-left: 142px;
    position: absolute;
  }
  #container-facets .container-grafic-load-facet, #container-menu-facet-mob .container-grafic-load-facet {
    background-color: #fff;
    position: absolute;
    z-index: 99;
  }
  #container-facets .facet_cont_clone, #container-menu-facet-mob .facet_cont_clone {
    background-color: #fff;
    -webkit-box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    z-index: 99;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    padding: 7px 2px 7px 2px;
  }
  #container-facets .facet_cont_element_body > a, #container-menu-facet-mob .facet_cont_element_body > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  #container-facets .facets_cont_facets, #container-menu-facet-mob .facets_cont_facets {
    margin-bottom: 50px;
    width: 348px;
    border: 1px solid rgba(218, 218, 218, 0.64);
    background: #fff;
    padding: 8px;
  }
  #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    color: #585c5f;
    text-align: right;
  }
  #container-facets .facets_cont_num_facets_no_select, #container-facets .facets_cont_num_facets, #container-menu-facet-mob .facets_cont_num_facets_no_select, #container-menu-facet-mob .facets_cont_num_facets {
    color: #585c5f;
    font-size: 11px;
    margin-top: 4px;
  }
  #container-facets .facets_cont_titles_header, #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    font-size: 1.133em;
  }
  #container-facets .facets_cont_titles_no_select, #container-facets .facets_cont_titles_header, #container-facets .facets_cont_titles, #container-menu-facet-mob .facets_cont_titles_no_select, #container-menu-facet-mob .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_titles {
    line-height: normal;
    padding-top: 1px;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    border-bottom: 1px solid rgba(204, 204, 204, 0.48);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px 2px;
  }
  #container-facets .facets_cont_options, #container-menu-facet-mob .facets_cont_options {
    text-align: right;
    margin: 2px 0 2px 0;
    cursor: pointer;
    padding-left: 3px;
  }
  #container-facets .facets_cont_options > img:hover, #container-menu-facet-mob .facets_cont_options > img:hover {
    -webkit-filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
            filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
  }
  #container-facets .facets_cont_options > img, #container-menu-facet-mob .facets_cont_options > img {
    width: 15px;
    height: 15px;
    -webkit-filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
            filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
  }
  #container-facets .facets_cont_num_facets, #container-menu-facet-mob .facets_cont_num_facets {
    font-size: 1em;
  }
  #container-facets .facets_cont_titles, #container-menu-facet-mob .facets_cont_titles {
    width: 78%;
  }
  #container-facets .facets_view_more, #container-menu-facet-mob .facets_view_more {
    color: #337ab7;
    float: right !important;
    text-align: right;
    width: 100%;
  }
  #container-facets .facets_view_more > span, #container-menu-facet-mob .facets_view_more > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #container-facets .facets_view_more > span > span, #container-menu-facet-mob .facets_view_more > span > span {
    margin-left: 5px;
  }
  #container-facets .facets_view_more i, #container-menu-facet-mob .facets_view_more i {
    cursor: pointer;
  }
  #container-facets .facets_view_more:hover, #container-menu-facet-mob .facets_view_more:hover {
    color: #23527c;
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    position: absolute;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 85px !important;
    padding-left: 15px !important;
  }
  #container-crumb {
    font-size: 15px;
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    z-index: 99;
    top: 87px;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    color: #d8af18;
    margin-right: 8px;
  }
  #container-crumb ol#select-ol span.remove-crumb:hover {
    color: #151a51;
  }
  #container-crumb ol#select-ol a.crumb-link:hover {
    color: #121747;
  }
  #container-crumb #select-ol {
    padding: 3px 15px !important;
  }
  #container-crumb #select-ol li:nth-child(2)::before {
    color: rgba(255, 0, 0, 0);
    padding: 0;
    margin-left: -10px;
  }
  #container-crumb #crumbs-backspace {
    color: #ff5252;
    position: relative;
    top: 5px;
    font-size: 18px;
    padding-right: 4px;
  }
  #container-crumb .container-left-crumbs {
    width: 100%;
  }
  #container-crumb .content-text-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-crumb .container-right-crumbs {
    color: #25414f;
    padding-top: 7px;
    width: 9%;
  }
  #container-crumb .container-right-crumbs i {
    cursor: pointer;
  }
  #container-crumb .text-search-crumbs {
    color: #848080;
  }
  #container-crumb ol {
    background-color: rgba(0, 0, 0, 0) !important;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #container-crumb .color-gray-crumb {
    color: #97969a;
  }
  #container-crumb .container_stroke {
    position: absolute;
    width: 20px;
    height: 20;
    /* background-color: red; */
    margin-left: 15px;
    margin-top: -20px;
  }
  #container-crumb .li_container_stroke {
    margin-right: 20px;
  }
  #container-crumb .breadcrumb li::before {
    color: #387fc2;
    color: #25414F;
  }
  #container-crumb .breadcrumb a {
    color: #2c353a;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 85% !important;
    position: fixed !important;
    z-index: 99 !important;
    overflow: hidden !important;
    height: 2em !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb li::before {
    color: #888 !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link, #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    background-color: unset !important;
    border: unset !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb > li + li::before, #container-crumb .fixed-position-cont-crumbs .crumb-link {
    padding: 0 !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 14px;
  }
  #container-crumb .text-search-crumbs-fixed {
    color: #d0d0d0 !important;
    font-size: 14px !important;
  }
  #container-crumb .crumb-link {
    padding: 2px 0 2px 5px;
    line-height: 2;
  }
  #container-crumb .remove-crumb {
    top: 0px;
    color: #888;
    cursor: pointer;
  }
  #container-crumb > div.center-element {
    width: 90%;
  }
  #container-crumb .crumb-link, #container-crumb .text-search-crumbs {
    font-size: 14px !important;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    margin-top: 3px;
  }
  #container-crumb .remove-crumb {
    font-size: 11px !important;
    padding: 5px 2px 6px 2px !important;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 92%;
    top: 58px !important;
    left: 95px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link {
    font-size: 12px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    font-size: 10px !important;
  }
  #container-crumb .text-search-crumbs-fixed {
    font-size: 12px !important;
    padding-left: 7px !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    font-size: 12px !important;
  }
  #container-section-config-module {
    background: transparent;
    overflow: hidden;
    padding: 3px;
    width: 249;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 43px;
    padding-left: 15px;
    width: 90%;
    padding-right: 0;
  }
  #container-section-config-module a {
    color: #3e3b3b !important;
  }
  #container-section-config-module a:visited, #container-section-config-module a:hover, #container-section-config-module a:active, #container-section-config-module a:link {
    text-decoration: none !important;
  }
  #container-section-config-module #img-shared-dis {
    background-image: url("../../img/icons_save_shared/pda_compartir_dis.png");
  }
  #container-section-config-module #img-download-dis {
    background-image: url("../../img/icons_save_shared/pda_descargar_dis.png");
  }
  #container-section-config-module #img-registros-dis {
    background-image: url("../../img/icons_save_shared/pda_registros_dis.png");
  }
  #container-section-config-module #img-mosaico-dis {
    background-image: url("../../img/icons_save_shared/pda_mosaico_dis.png");
  }
  #container-section-config-module #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #container-section-config-module #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #container-section-config-module .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #container-section-config-module .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #container-section-config-module .btn-beta-function-selected {
    padding: 2px 0 0 2px;
  }
  #container-section-config-module .btn-beta-function-selected > span {
    color: #fff;
  }
  #container-section-config-module .btn-beta-function-selected i {
    color: #e29f24;
  }
  #container-section-config-module .btn-beta-function:hover {
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #container-section-config-module .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #container-section-config-module .btn-mask-gral {
    outline: none !important;
  }
  #container-section-config-module .btn-mask-gral:focus, #container-section-config-module .btn-beta-function-selected:focus, #container-section-config-module .btn-beta-function-selected:active, #container-section-config-module a, #container-section-config-module a:active, #container-section-config-module a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #container-section-config-module .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #container-section-config-module .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #container-section-config-module .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #container-section-config-module .btn-beta-function:hover span {
    color: #23527c;
  }
  #container-section-config-module .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #container-section-config-module .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #container-section-config-module .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #container-section-config-module .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @-webkit-keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @-webkit-keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #container-section-config-module #container-btn-open-query:focus,
  #container-section-config-module #container-text-num-queries:focus,
  #container-section-config-module #container-btn-general-shared:focus,
  #container-section-config-module #container-img-availablelayers:focus,
  #container-section-config-module #container-layers:focus,
  #container-section-config-module #img-baselayers:focus,
  #container-section-config-module #container-controls:focus,
  #container-section-config-module #container-img-baselayers:focus,
  #container-section-config-module #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #container-section-config-module #container-btn-open-query,
  #container-section-config-module #container-text-num-queries,
  #container-section-config-module #container-btn-general-shared,
  #container-section-config-module #container-img-availablelayers,
  #container-section-config-module #container-layers,
  #container-section-config-module #img-baselayers,
  #container-section-config-module #container-controls,
  #container-section-config-module #container-img-baselayers,
  #container-section-config-module #img-availablelayers,
  #container-section-config-module .single-layer {
    cursor: pointer;
  }
  #container-section-config-module .btn-off {
    color: #8c8c8c;
    cursor: default !important;
  }
  #container-section-config-module .btn-on:hover {
    color: #1f5586;
  }
  #container-section-config-module .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #container-section-config-module .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #container-section-config-module .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-config-module .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #container-section-config-module .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #container-section-config-module .query_stroke_last_element_text {
    position: absolute;
  }
  #container-section-config-module .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #container-section-config-module .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #container-section-config-module #btn-show-controls-map {
    width: 52%;
  }
  #container-section-config-module .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    margin: 0 auto;
    width: 28px;
    text-align: center;
    font-size: 22px;
  }
  #container-section-config-module .btn-mask-gral {
    /*background-color: red;*/
    height: 47px;
    position: absolute;
    width: 54px;
    z-index: 99;
  }
  #container-section-config-module .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #container-section-config-module .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #container-section-config-module .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
  }
  #container-section-config-module .toolbar-icon-title {
    display: none;
    width: 100%;
    /*height: 25px;*/
    font-size: 0.7em;
    margin-bottom: 5px;
  }
  #container-section-config-module #container-btn-open-query {
    margin-left: -5px;
  }
  #container-section-config-module .container-controls-layers {
    margin-left: -134px;
    min-height: 424px;
    overflow: visible !important;
    margin-top: 55px;
    position: absolute;
    background-color: blue;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #container-section-config-module #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #container-section-config-module #container-controls-query-popup {
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #container-section-config-module #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #container-section-config-module #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #container-section-config-module #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #container-section-config-module #img-folder {
    background-image: url("../../img/icons-png/pda_folder_s.png");
  }
  #container-section-config-module .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #container-section-config-module .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 66px;
  }
  #container-section-config-module .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 67px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-config-module .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #container-section-config-module .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #container-section-config-module .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #container-section-config-module .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #container-section-config-module .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #container-section-config-module .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #container-section-config-module .btns-show-queries-list {
    width: 100%;
  }
  #container-section-config-module .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #container-section-config-module .container-btn-save-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #container-section-config-module .container-btn-show-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-config-module {
    margin-right: 1px;
    overflow: hidden;
  }
  #container-section-config-module .container-btn-config-module:hover {
    cursor: pointer;
  }
  #container-section-config-module .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 58px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #container-section-config-module .container-element-list:hover {
    background-color: #eaeaea;
  }
  #container-section-config-module .container-num-queries {
    position: absolute;
    margin-left: 16px;
    font-size: 14px;
    margin-top: -18px;
    width: 20px;
    text-align: center;
    font-weight: bold;
  }
  #container-section-config-module .container-svg-actions {
    float: right;
    /*background-color: #337ab7;*/
    width: 26px;
    height: 26px;
    margin: 2px 5px;
  }
  #container-section-config-module .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #container-section-config-module .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #container-section-config-module .container-text-queri-list > span {
    margin-left: 12px;
  }
  #container-section-config-module .layer-btn-active {
    background-color: #1f5586;
  }
  #container-section-config-module .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #container-section-config-module .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #container-section-config-module .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  #fsmap-tools {
    width: 90%;
    padding-right: 0;
  }
  #fsmap-tools a:visited, #fsmap-tools a:hover, #fsmap-tools a:active, #fsmap-tools a:link {
    text-decoration: none !important;
  }
  #fsmap-tools #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #fsmap-tools #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #fsmap-tools .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #fsmap-tools .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #fsmap-tools .btn-beta-function-selected {
    border: 1px solid #d8d8d8 !important;
    padding: 2px 0 0 2px;
  }
  #fsmap-tools .btn-beta-function-selected > span {
    color: #fff;
  }
  #fsmap-tools .btn-beta-function:hover {
    border: 1px solid #dddddd !important;
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #fsmap-tools .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #fsmap-tools .btn-mask-gral {
    outline: none !important;
  }
  #fsmap-tools .btn-mask-gral:focus, #fsmap-tools .btn-beta-function-selected:focus, #fsmap-tools .btn-beta-function-selected:active, #fsmap-tools a, #fsmap-tools a:active, #fsmap-tools a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #fsmap-tools .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #fsmap-tools .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #fsmap-tools .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #fsmap-tools .btn-beta-function:hover span {
    color: #23527c;
  }
  #fsmap-tools .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #fsmap-tools .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #fsmap-tools .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #fsmap-tools .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #fsmap-tools #container-btn-open-query:focus,
  #fsmap-tools #container-text-num-queries:focus,
  #fsmap-tools #container-btn-general-shared:focus,
  #fsmap-tools #container-img-availablelayers:focus,
  #fsmap-tools #container-layers:focus,
  #fsmap-tools #img-baselayers:focus,
  #fsmap-tools #container-controls:focus,
  #fsmap-tools #container-img-baselayers:focus,
  #fsmap-tools #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #fsmap-tools #container-btn-open-query,
  #fsmap-tools #container-text-num-queries,
  #fsmap-tools #container-btn-general-shared,
  #fsmap-tools #container-img-availablelayers,
  #fsmap-tools #container-layers,
  #fsmap-tools #img-baselayers,
  #fsmap-tools #container-controls,
  #fsmap-tools #container-img-baselayers,
  #fsmap-tools #img-availablelayers,
  #fsmap-tools .single-layer {
    cursor: pointer;
  }
  #fsmap-tools .btn-off {
    color: #8c8c8c;
    cursor: default;
  }
  #fsmap-tools .btn-on:hover {
    color: #1f5586;
  }
  #fsmap-tools .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #fsmap-tools .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #fsmap-tools .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #fsmap-tools .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #fsmap-tools .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #fsmap-tools .query_stroke_last_element_text {
    position: absolute;
  }
  #fsmap-tools .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #fsmap-tools .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #fsmap-tools #btn-show-controls-map {
    width: 52%;
  }
  #fsmap-tools .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    margin: 0 auto;
    width: 28px;
    text-align: center;
    font-size: 22px;
  }
  #fsmap-tools .btn-mask-gral {
    /*background-color: red;*/
    height: 47px;
    position: absolute;
    width: 54px;
    z-index: 99;
  }
  #fsmap-tools .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #fsmap-tools .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #fsmap-tools .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
  }
  #fsmap-tools .toolbar-icon-title {
    display: none;
    width: 100%;
    /*height: 25px;*/
    font-size: 0.7em;
    margin-bottom: 5px;
  }
  #fsmap-tools #container-btn-open-query {
    margin-left: -5px;
  }
  #fsmap-tools .container-controls-layers {
    margin-left: -134px;
    min-height: 424px;
    overflow: visible !important;
    margin-top: 55px;
    position: absolute;
    background-color: blue;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #fsmap-tools #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #fsmap-tools #container-controls-query-popup {
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #fsmap-tools #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #fsmap-tools #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #fsmap-tools #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #fsmap-tools #img-folder {
    background-image: url("../../img/icons-png/pda_folder_s.png");
  }
  #fsmap-tools .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #fsmap-tools .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 66px;
  }
  #fsmap-tools .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 67px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #fsmap-tools .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #fsmap-tools .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #fsmap-tools .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #fsmap-tools .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #fsmap-tools .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #fsmap-tools .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #fsmap-tools .btns-show-queries-list {
    width: 100%;
  }
  #fsmap-tools .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #fsmap-tools .container-btn-save-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #fsmap-tools .container-btn-show-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-config-module {
    margin-right: 1px;
    overflow: hidden;
  }
  #fsmap-tools .container-btn-config-module:hover {
    cursor: pointer;
  }
  #fsmap-tools .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 58px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #fsmap-tools .container-element-list:hover {
    background-color: #eaeaea;
  }
  #fsmap-tools .container-num-queries {
    position: absolute;
    margin-left: 16px;
    font-size: 14px;
    margin-top: -18px;
    width: 20px;
    text-align: center;
    font-weight: bold;
  }
  #fsmap-tools .container-svg-actions {
    float: right;
    /*background-color: #337ab7;*/
    width: 26px;
    height: 26px;
    margin: 2px 5px;
  }
  #fsmap-tools .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #fsmap-tools .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #fsmap-tools .container-text-queri-list > span {
    margin-left: 12px;
  }
  #fsmap-tools .layer-btn-active {
    background-color: #1f5586;
  }
  #fsmap-tools .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #fsmap-tools .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #fsmap-tools .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  .header-search {
    width: inherit !important;
    background-color: transparent !important;
    height: 0 !important;
  }
  .cont-elments-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #panel-type-campo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #panel-type-campo label {
    margin: 25px 40px;
    font-weight: normal !important;
  }
  #panel-type-campo label span {
    margin-left: 7px;
  }
  #container-check-search-content {
    width: 60px;
    overflow: hidden;
    background: none 0% 0% repeat scroll #e0e0e0;
    border-left: 1px solid #cccccc;
    color: #333;
    text-align: center;
    border: 0;
    padding: 0;
  }
  #container-check-search-content, #select-doi-search, .cont-elments-radio {
    cursor: pointer;
  }
  #container-section-search {
    width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    background-color: #f5f5f5;
  }
  #container-section-search #container-search {
    width: 100%;
  }
  #container-section-search #container-search #general-form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    background-color: #151a51;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000;
    border-radius: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-webkit-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search:-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    position: absolute;
    color: #ccc !important;
    z-index: 99;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    background-color: #e0e0e0;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #select-ul {
    left: unset !important;
    font-size: 1em;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    background-color: rgba(212, 168, 6, 0.8) !important;
    font-weight: bold;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar #btn-search {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    position: absolute;
    background-color: #151a51 !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search:focus {
    outline: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    position: absolute;
    display: none;
    z-index: 1;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    cursor: pointer;
    position: absolute;
  }
  #container-section-search #container-search #general-form-search .container-search-button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    background-color: transparent !important;
    display: none;
    position: fixed;
    z-index: 99;
    margin-top: 10px;
    left: unset !important;
    top: 0 !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list #text-btn-search-list {
    display: none;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #select-ul {
    top: 75%;
  }
  #container-section-search .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 440px;
  }
  #container-section-search .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 441px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-search #container-sections {
    display: none;
    position: absolute;
    bottom: 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  #container-section-search .btn-section-selected {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  #container-section-search .filter_stroke_gral {
    margin-right: auto;
    width: 80px;
    display: block;
    max-width: 150px;
    height: 22px;
  }
  #container-section-search .filter_stroke_gral path, #container-section-search .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-search .first_draw {
    width: 65px;
  }
  #container-section-search .search_container_stroke {
    position: absolute;
  }
  #container-section-search .nav-tabs {
    overflow: hidden;
    border-bottom: none;
  }
  #container-section-search .nav-tabs > li {
    position: relative;
    display: block;
    height: 55px;
    padding-top: 6px;
    text-align: center;
    margin-bottom: 6px;
  }
  #container-section-search .nav-tabs > li > a {
    font-size: 0.8em;
  }
  #container-section-search .nav-tabs > li > a .glyphicon {
    display: block;
    font-size: 2em;
  }
  #container-section-search .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 10px 3px 10px;
    margin-top: 7px;
  }
  #container-section-search input::-webkit-input-placeholder {
    font-size: 14px !important;
    color: #969696;
    border-radius: 0;
  }
  #container-section-search .borders-custom-left {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0.5px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  #container-section-search .borders-custom-right {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 0.5px solid rgba(0, 0, 0, 0);
  }
  .search-text-filter {
    display: none;
  }
  #btn-search {
    margin-top: 1px;
  }
  #cont-sup-section-search {
    margin-top: 125px;
  }
  #container-check-search-content {
    height: 40px;
    font-size: 10px;
    padding-top: 9px;
  }
  .container-check-search-content-scroll {
    height: 37px !important;
    padding-top: 7px !important;
  }
  #container-section-search {
    height: 140px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    padding: 14px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    padding: 3px 10px;
    height: 40px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    height: 40px;
    width: 50vw;
    padding: 0 30px 0 15px;
    font-size: 16px;
    border: 1.7px solid #fff !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    margin-top: 10px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    padding-bottom: 4px;
    padding-top: 5px;
    font-size: 16px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    font-size: 18px;
    padding: 4px 10px;
    border: 1.7px solid #d4a806 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    padding-left: 2px;
    padding-top: 2px !important;
    width: 33.33333px;
    font-size: 30px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    margin-top: 4px;
    margin-left: -376px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    top: 9px;
    margin-left: -46px;
    padding: 10px 15px;
    width: 515px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    right: 10px;
    top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    margin-top: 12px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed .btn {
    height: 37px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #input-search {
    height: 37px !important;
    font-size: 13px !important;
    width: calc(100vw - 1050px) !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #container-btn-clear-input {
    margin-top: 6px !important;
    font-size: 13px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    width: 35px !important;
    font-size: 15px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-general-buscar {
    width: 35px;
    font-size: 16px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-advanced-search {
    width: 17.5px !important;
    font-size: 22px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
  #container-text-results {
    margin: 9px 0 14px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }
  #container-text-time-query {
    color: #999;
    margin-top: 4px;
    font-size: 13px;
  }
  #container-num-reg {
    color: #25414f;
    font-size: 20px !important;
  }
  #data-footer {
    background-color: #0a0146;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 1421px;
  }
  #data-footer #btn-open-close-footer {
    width: 100%;
    text-align: right;
    display: none;
  }
  #data-footer #btn-open-close-footer > span {
    cursor: pointer;
    font-size: 10px;
  }
  #data-footer #container-elements-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1421px;
  }
  #data-footer #container-elements-footer #container-logos-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    width: 30%;
  }
  #data-footer #container-elements-footer #container-logos-footer #left-con-lo-fo {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 139px;
    margin-right: 10px;
    width: 48%;
  }
  #data-footer #container-elements-footer #container-logos-footer #right-con-lo-fo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 139px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40%;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-gral {
    height: 60px;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-unam {
    height: 95px;
  }
  #data-footer #container-elements-footer #container-info-footer {
    height: 139px;
    width: 70%;
  }
  #data-footer #container-elements-footer #container-info-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #data-footer #container-elements-footer #container-info-footer ul li {
    margin-bottom: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-large {
    width: 36%;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-small {
    width: 15%;
    margin-left: 10px;
  }
  #data-footer .content-element-footer:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #data-footer .cont-header-footer {
    height: 128px;
    width: 100%;
    background-color: #09013f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #data-footer #cont-text-repo {
    color: #fff !important;
    border-left: 2px solid #e5ae49;
    padding: 5px 0;
    padding-left: 10px;
  }
  #data-footer .cont-text-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
    padding: 50px 0;
    display: none;
  }
  #data-footer .cont-text-info > div {
    width: 30%;
  }
  #data-footer .cont-text-info > div > h3 {
    color: #e5ae49;
    font-weight: bold;
    font-size: 22px !important;
  }
  #data-footer .cont-text-info > div > p {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul {
    margin: 0;
    padding: 0;
  }
  #data-footer .cont-text-info > div > ul li {
    list-style: none;
    margin: 12px 0;
  }
  #data-footer .cont-text-info > div > ul li a {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul li i {
    margin-right: 5px;
    color: #153587;
  }
  #data-footer .cont-derechos {
    font-size: 14px;
    width: 100%;
    padding: 10px 11%;
    text-align: center;
    line-height: 25px;
  }
  #data-footer .cont-derechos > i {
    font-family: 'Glyphicons Halflings';
  }
  #data-footer .cont-derechos > a {
    color: #fff;
  }
  #data-footer .cont-derechos > a:hover {
    color: #d4a806;
  }
  #top-footer {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/contenidos/base_modules/container/public/img/repo/bg-footer.jpg");
    background-position: center;
    background-size: cover;
  }
  #top-footer {
    text-align: center;
  }
  #top-footer a {
    text-decoration: none;
  }
  #top-footer #logos-unam a, #top-footer #logos-sdi-dgru {
    cursor: pointer;
  }
  #links-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 66%;
    margin: 0 auto;
  }
  .link-f {
    padding: 0 5vw;
    font-size: 16px;
  }
  .link-f a {
    color: #fff;
    text-decoration: none !important;
  }
  .link-f a:hover {
    color: #d4a806;
  }
  #top-footer {
    height: 125px;
  }
  #logos-unam img,
  #logos-sdi-dgru img {
    padding: 0 25px;
  }
  #title-repo {
    font-size: 18px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1920px) {
  body input#temp-checked-status[type="checkbox"] {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
  }
  body {
    font-size: 14px;
  }
  #container-gral {
    background-color: #f5f5f5;
    margin: auto;
    padding: 0;
    width: 1901px;
    width: 1700px;
  }
  #container-gral button:focus {
    outline: 0;
  }
  #container-gral #container-elements {
    width: 1280px;
  }
  #container-gral #container-module {
    /*margin-top: 25px;*/
    min-height: 55vh;
  }
  #container-gral-advanced-option {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    height: 0px;
  }
  #container-menu-facet-mob {
    display: none;
  }
  #warning-ie {
    background-color: darkred;
    color: white;
    padding-top: .2%;
    font-size: 1.1em;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
  }
  #block-ie {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    z-index: 999;
  }
  #chrome-logo {
    width: 30px;
  }
  #firefox-logo {
    width: 30px;
  }
  #edge-logo {
    width: 25px;
  }
  #error-text {
    max-height: 200px;
    min-height: 200px;
    max-width: 400px;
    min-width: 400px;
  }
  #warning-ie-text {
    margin: 5px auto;
    text-align: center;
  }
  #warning-ie-navs {
    margin: 0 auto;
    text-align: center;
  }
  #warning-ie-navs > a > img {
    text-decoration: none;
    cursor: pointer;
    margin: 5px 30px;
  }
  .animation-height-open {
    -webkit-animation-name: animacion-open;
            animation-name: animacion-open;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  @keyframes animacion-open {
    from {
      height: 0px;
    }
    to {
      height: 200px;
    }
  }
  .animation-height-close {
    -webkit-animation-name: animacion-close;
            animation-name: animacion-close;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  @keyframes animacion-close {
    from {
      height: 255px;
    }
    to {
      height: 0px;
    }
  }
  .format-anchore-lit {
    text-decoration: underline !important;
  }
  .config-cont-options-advanced {
    position: relative;
    overflow: hidden;
  }
  .center-element {
    margin: 0 auto;
  }
  .curtain {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  .curtain_settings {
    border-radius: 99px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 135px -28px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 195px 77px rgba(0, 0, 0, 0.5);
    height: 30px;
    left: 37%;
    position: absolute;
    top: 37%;
    width: 30px;
  }
  .gral-clear-float {
    clear: both;
  }
  .general-display-none {
    display: none;
  }
  .gral-float-left {
    float: left;
  }
  .gral-float-right {
    float: right;
  }
  .margin-top-5 {
    margin-top: 5px;
  }
  .margin-top-20 {
    margin-top: 20px;
  }
  .primary-color {
    color: #3d3e40;
  }
  .secundary-color {
    color: #d68641;
  }
  .top-3 {
    top: 2px;
  }
  .btn_disabled {
    color: #97969a !important;
    cursor: default !important;
  }
  .records-text-total {
    color: #656565;
    font-weight: bold;
  }
  .btn-primary {
    color: #fff9f7;
    background-color: #3d3e40 !important;
    border-color: #4a4a4a !important;
  }
  .bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
    cursor: move;
  }
  .shared-mail {
    color: darkgray;
  }
  .text-error {
    position: relative;
    text-align: center;
    top: 20vh;
  }
  .modal-error {
    width: 100%;
  }
  .text-error > h1 {
    font-size: 3em;
    margin: 50 auto;
    padding-left: 10px;
  }
  ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #2b2b2b;
    opacity: 1;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #777777;
    opacity: 1;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #777777;
    opacity: 1;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777777;
  }
  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777777;
  }
  .lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-ring div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #d4a806;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #d4a806 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
            animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
  }
  @-webkit-keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes lds-ring {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  #container-menu-facet-mob {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 9;
  }
  #cont-int-facet {
    width: 94%;
    height: 96vh;
    background-color: #fff;
    overflow-y: scroll;
    margin-top: 3vh;
  }
  #btn-close-container-facet {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px 5px;
    font-size: 20px;
  }
  .animation-cont-facet {
    display: block !important;
    -webkit-animation-name: animacion-open-facet;
            animation-name: animacion-open-facet;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .animation-cont-facet-close {
    -webkit-animation-name: animacion-close-facet;
            animation-name: animacion-close-facet;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  #icons-up-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    width: 42px;
    height: 105px;
    bottom: 2vh;
    right: 2vw;
  }
  #icons-up-report .st-go-top-report {
    background-color: rgba(192, 192, 192, 0.3) !important;
    color: rgba(21, 26, 81, 0.33);
    cursor: pointer;
    font-size: 24px;
    height: 42px;
    text-align: center;
    width: 42px;
  }
  #icons-up-report #go-top {
    margin-top: 21px;
  }
  #cont-icon-report {
    margin-top: 8px;
  }
  #cont-icon-up {
    margin-top: 8px;
  }
  @-webkit-keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @keyframes animacion-open-facet {
    from {
      left: -100vw;
    }
    to {
      left: 0;
    }
  }
  @-webkit-keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  @keyframes animacion-close-facet {
    from {
      left: 0;
    }
    to {
      left: -100vw;
    }
  }
  .st-go-top {
    position: fixed;
    width: 42px;
    height: 42px;
    bottom: 2vh;
    right: 2vw;
    background-color: rgba(192, 192, 192, 0.3) !important;
    cursor: pointer;
  }
  .st-go-top #cont-icon-top {
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(21, 26, 81, 0.33);
    font-size: 24px;
    border-radius: 99px 99px 0 99px;
    position: absolute;
  }
  textarea {
    width: 100%;
    min-height: 30rem;
    font-size: 11px;
    line-height: 1.2;
    display: none;
  }
  #cont-btn-social-media-record {
    color: #2f3684;
  }
  #input-goto-page {
    font-size: 1em;
  }
  .number-pagination-global {
    color: rgba(6, 6, 6, 0.45);
  }
  .number-pagination-global input,
  #number-pagination-grid input {
    text-align: center;
  }
  .content-type-grid {
    position: absolute !important;
    margin-left: -15px;
    margin-top: 15px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff !important;
  }
  .content-type-grid > span {
    background-color: #151a51;
    color: #fff;
    padding: 2px 5px;
    /* border: 1px solid rgba(21, 26, 81, 0.44); */
    margin-left: 5px;
    font-size: 12px;
  }
  .cont-elements-url {
    display: none;
    position: absolute;
    width: 259px;
    height: 130px;
    /* right: -56px; */
    background-color: white;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-top: -140px;
    -webkit-box-shadow: 2px 2px 2px 0px #9c979c;
    box-shadow: 2px 2px 2px 0px #9c979c;
    -webkit-transition: all 1s;
    /* transition: all 1s; */
  }
  .cont-elements-url > div.sub-cont-dinamic {
    width: 259px;
    height: 130px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-elements-url > div.sub-cont-dinamic > .cont-total-data {
    height: 90px;
    width: 43%;
    border-right: 1px solid #e0e0e0;
    text-align: center;
  }
  .arrow-before {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #797979;
    font-size: 0px;
    line-height: 0px;
    top: -1px;
    left: 5px;
    position: relative;
  }
  .arrow-after {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fdfdfd;
    font-size: 0px;
    line-height: 0px;
    top: -17px;
    left: 5px;
    position: relative;
  }
  .cont-header-dinamic-renglon-cont {
    width: 100%;
    height: 20px;
    font-size: 15px;
    padding: 3px 0 0 3px;
    font-weight: 500;
    color: #2c316e;
  }
  .detail {
    cursor: pointer;
    height: 160px;
    width: auto;
  }
  .detail-register {
    background-color: rgba(6, 6, 6, 0.03);
  }
  .display-title {
    color: #337ab7;
    opacity: 1;
  }
  .div-display-info {
    width: 100%;
  }
  .div-hidden {
    display: none;
  }
  .doc-cont-map {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url("/documents/client/public/img/map_example.png");
    background-size: auto;
    background-position: center;
  }
  .doc-list-img-left {
    border-right: 1px solid #ddd;
    float: left;
    height: 100%;
  }
  .doc-list-img-right {
    overflow-y: hidden;
  }
  .doc-grid-img img {
    height: auto;
    width: 100%;
  }
  .doc-list-img-right .mini-img {
    height: 100%;
    width: 100%;
  }
  .doc-left-img img {
    height: auto;
    width: 100%;
  }
  .doc-png {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .doc-info-text-grid > div {
    margin-bottom: 3px;
  }
  .doc-info-text-grid > div > span {
    font-size: 11px;
  }
  .ellipses-register {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .extra-icons {
    background-color: #337ab7;
    cursor: pointer;
    float: right;
  }
  .field-separator {
    color: #337ab7;
    font-weight: bold;
  }
  .grid-icons-group {
    position: absolute;
  }
  .grid-register-header {
    text-align: center;
    width: 100%;
  }
  .hl-name {
    color: #777;
  }
  .hl-value em {
    color: #d68641;
    font-weight: bold;
  }
  .icon-reg {
    cursor: pointer;
  }
  .img-audio-grid {
    height: 100%;
    width: 100%;
  }
  .img-display {
    background: no-repeat center center;
    margin: 0 auto;
  }
  .img-register-i {
    background: url("/documents/client/public/img/image.svg");
    background-size: cover;
  }
  .img-rel-card {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    height: 100%;
    width: 100%;
  }
  .icons-group {
    bottom: 40px;
    position: absolute;
    right: 40px;
  }
  .icon-size {
    height: 24px;
    width: 24px;
  }
  .image-title {
    color: #777;
    text-align: center;
  }
  .label-rel {
    color: #337ab7;
    font-size: 12px;
  }
  .list-icon-group {
    float: right;
  }
  .main-imag,
  .main-img-obj {
    float: left;
    margin: 0 auto;
  }
  .main-imag div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
    overflow: hidden;
  }
  .main-img-obj div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    overflow: hidden;
  }
  .map {
    height: 87%;
    position: relative;
    width: 100%;
  }
  .map-content {
    width: 60%;
    height: auto;
  }
  .map-register-i {
    background: url("/documents/client/public/img/map.svg");
    background-position: top center;
    background-size: contain;
  }
  .number-register-i {
    background: url("/documents/client/public/img/share.svg");
    float: left;
    margin: 0 auto;
    background-size: cover;
    float: left;
    height: 23px;
  }
  .objects-quantity {
    color: rgba(6, 6, 6, 0.45);
  }
  .od-more-icons {
    float: right;
  }
  .one-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    -moz-background-size: inherit;
    -webkit-background-size: inherit;
    -o-background-size: inherit;
  }
  .pagination-div {
    float: right;
  }
  .paragraphs {
    display: inline-block;
  }
  .register-field-header {
    width: 100%;
  }
  .register-guid {
    color: #777;
  }
  .relation_type {
    color: #1D4568;
    padding: 5px;
  }
  .rel-card {
    float: left;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 1px0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #e8e8e8;
  }
  .rels-info {
    overflow-y: hidden;
  }
  .reg-option-vertical {
    cursor: pointer;
  }
  .rel-val {
    color: gray-color-low;
    display: inline-block;
  }
  .rel-val a {
    text-decoration: none;
  }
  .rel-card:hover {
    cursor: pointer;
  }
  .rel-title {
    border-bottom: 1px solid #ddd;
    display: table;
    padding-bottom: 3px;
    width: 100%;
  }
  .reg-par-info {
    display: inline-block;
  }
  .registers {
    background-color: lightsteelblue;
  }
  .register-header {
    float: left;
  }
  .rel-not-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin-top: 5px;
  }
  .reg-par-info {
    text-align: justify;
  }
  .remove-reg {
    cursor: pointer;
    float: right;
  }
  .row .top-bar {
    padding-right: 13px;
  }
  .selected-button {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  .selected-icon {
    color: #25414f;
  }
  .selected-image {
    border: 3px solid #fff;
    opacity: 0.6;
    -webkit-box-shadow: inset 0px 1px 4px 0px #fff;
    box-shadow: inset 0px 1px 6px 0px #fff;
    -webkit-transition: height 2s linear;
    -moz-transition: height 2s linear;
    -o-transition: height 2s linear;
    -ms-transition: height 2s linear;
  }
  .share-register-i {
    background: url("/documents/client/public/img/pda_compartir.svg") no-repeat;
    cursor: pointer;
  }
  .top-bar {
    color: #d68641;
    overflow: hidden;
    width: 100%;
  }
  .wrapper-img-rel-card {
    margin: 0 auto;
    width: 100%;
  }
  .icon-doc.grid {
    margin: 10px;
  }
  /*Estilos para mosaico*/
  #matrix-data {
    display: none;
  }
  .m-wrapper-reg {
    background: rgba(238, 238, 238, 0.64);
    display: inline-block;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .img-digital-obj {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    width: 100%;
  }
  .div-container-paginator-class {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0px 0px 10px 5px;
    border-bottom: 1px solid #ebebeb;
    color: rgba(6, 6, 6, 0.45);
  }
  .self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    color: #2c353a;
  }
  .self-center > form {
    margin-bottom: 0;
  }
  .dec-none > a {
    text-decoration: none;
  }
  .doc-element {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 0 15px 15px 15px;
  }
  .doc-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-header-category {
    color: #d68641;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .doc-header-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .doc-header-icons > div {
    margin: 10px 0 0 5px;
  }
  .share-element-icon {
    cursor: pointer;
  }
  .img-element-icon {
    background: url("/documents/client/public/img/image.svg") no-repeat;
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .rels-icon {
    background: url("/documents/client/public/img/share.svg");
    background-size: cover;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .map-element-icon {
    background: url("/documents/client/public/img/map.svg") no-repeat;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .view-detail {
    cursor: pointer;
  }
  .selected-icon {
    border-bottom: 1px solid #337ab7;
  }
  .doc-id {
    padding-bottom: 5px;
  }
  .doc-id-name {
    font-size: 1.3em;
  }
  .doc-id-guid {
    color: #777;
  }
  .doc-details {
    background: rgba(6, 6, 6, 0.03);
    height: 0;
  }
  .doc-details-visible {
    margin-bottom: 15px;
  }
  .details-hidden {
    visibility: collapse;
  }
  .doc-details-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #337ab7;
    font-size: 1.1em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .doc-details-content {
    height: 350px;
    padding-bottom: 10px;
  }
  .details-rels-justify {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #container-module {
    margin-right: 25px;
  }
  .carrusel-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  input[type="text"]::-webkit-input-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-moz-placeholder {
    color: #cecdcd;
  }
  input[type="text"]::-ms-input-placeholder {
    color: #cecdcd;
  }
  .loader-details {
    position: relative;
    left: 50%;
    height: 200px;
    width: 200px;
    margin-left: -100px;
  }
  .details-container {
    height: 97%;
    padding: 0 10px;
  }
  .card-rel {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .div-img-rel {
    text-align: center;
    vertical-align: top;
  }
  .rels-img-hidden {
    opacity: 0;
  }
  .type-rels-card {
    color: #1D4568;
    font-size: 0.8em;
  }
  .title-rels-card {
    font-size: 1.1em;
    overflow: hidden;
  }
  .guid-rels-card {
    color: gray;
    font-size: 0.8em;
  }
  .get_more_rels {
    height: auto;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
    color: #337ab7;
  }
  .do-img-hidden {
    opacity: 0;
  }
  .dig-obj-container {
    width: 80%;
    height: 97%;
  }
  .slick-slide {
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .data-rels-prueba {
    display: none;
  }
  .doc-info {
    padding-bottom: 10px;
  }
  .img-hidden {
    opacity: 0;
  }
  .img-w {
    width: 100%;
  }
  .img-h {
    height: 100%;
  }
  .img-center {
    vertical-align: top;
    text-align: center;
  }
  .doc-info-text-grid {
    text-align: justify;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .conten-external-link {
    color: #e5ae49;
    cursor: pointer;
    padding: 0 3px;
  }
  .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inline {
    display: inline-block;
  }
  .width75 {
    width: 75%;
    text-align: justify;
  }
  .doc-element-grid {
    margin: 12px 0;
    border: 1px solid rgba(218, 218, 218, 0.64);
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .doc-element-grid:hover {
    border: 1px solid rgba(169, 169, 169, 0.48);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  }
  .grid-main-img {
    height: 300px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background-position: center 5%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 4px;
    cursor: pointer;
  }
  .doc-element-grid:hover .grid-main-img {
    background-color: #fff;
  }
  .grid-main-img > img {
    height: 100%;
    opacity: 0;
  }
  .doc-highlights-grid {
    overflow: hidden;
    font-size: 0.8em;
  }
  .name-card-grid {
    font-size: 1em;
    overflow: hidden;
    padding: 0 5px 0 5px;
    cursor: pointer;
  }
  .guid-grid {
    color: #e0a842;
    font-size: 0.9em;
    padding: 0 5px 0 5px;
    font-weight: bold;
    margin-top: 8px;
  }
  .name-short-grid {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .suspensive {
    color: #337ab7;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .modal {
    display: none;
    z-index: 99999 !important;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #afafaf;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #modal-content {
    background-color: #666;
    margin: auto;
    padding: 2%;
    border: 1px solid #888;
    z-index: 99999;
  }
  .modal-content-do {
    width: 50%;
    height: 80%;
  }
  .close-modal {
    color: #aaaaaa;
    float: right;
    font-size: 2.5em;
    font-weight: bold;
    position: absolute;
    right: 1%;
    top: 0;
  }
  .close-modal:hover,
  .close-modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .footer-img {
    text-align: center;
    color: gray;
    text-decoration: none !important;
  }
  #btn-close-record {
    cursor: pointer;
  }
  #cont-img-btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px 10px 0 0;
    font-size: 16px;
  }
  #cont-elemets-img {
    width: 57%;
  }
  #cont-elemets-img > .meta-cont-img {
    padding: 1.5vh 0;
    background-color: #ececec;
  }
  #cont-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #ececec;
    margin: 5px 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  #cont-img-record .btn-arrow-img {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  #cont-data-record {
    width: 41%;
    margin-right: 1%;
    padding-left: 5px;
  }
  #cont-data-record h2 {
    color: #2C316E;
  }
  #cont-data-record h4 {
    color: #2C316E;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
  }
  #cont-option-view-data {
    overflow: hidden;
  }
  #cont-list-data-estandar {
    height: 55vh;
    overflow: auto;
    padding: 0 30px;
  }
  #cont-curtain-record {
    width: 100vw;
    height: 100vh;
    -webkit-animation: start-courtain-record 1s forwards;
            animation: start-courtain-record 1s forwards;
    background-color: rgba(51, 51, 51, 0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .cont-title-min-record {
    font-size: 8px;
    color: #fff;
    overflow: hidden;
    max-height: 2.2vh;
    margin-top: 4px;
    line-height: 100%;
  }
  .container-section-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cont-description-record {
    overflow: hidden;
    height: 30px;
  }
  #content-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #content-button div span i {
    margin-right: 3.5px;
  }
  #cont-btn-social-media-record .material-icons {
    font-size: 16px;
  }
  .cont-link-resource, .cont-link-complete, .cont-link-share {
    margin: 8px 0;
    margin-right: 15px;
  }
  .cont-link-resource span, .cont-link-complete span, .cont-link-share span {
    background-color: #e5ae49;
    border: 1px solid;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
  }
  .cont-link-resource span#cont-completo, .cont-link-complete span#cont-completo, .cont-link-share span#cont-completo {
    background-color: #2C316E;
  }
  .cont-link-resource span#compartir, .cont-link-complete span#compartir, .cont-link-share span#compartir {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
    color: #2C316E;
  }
  .cont-link-resource span:hover {
    background-color: #fff;
    border-color: #e5ae49;
    color: #a77f34;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-complete span#cont-completo:hover {
    background-color: #fff;
    color: #2C316E;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .cont-link-share span#compartir:hover {
    background-color: #fff;
    color: #919191;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #cont-license {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  #cont-license div p {
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
  }
  .cont-btn-view-more-desc {
    margin-top: 5px;
    text-align: right;
  }
  .cont-view-next-record:focus {
    outline: 0 !important;
  }
  .cont-type-record span.target-type {
    background-color: #2C316E;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #4C518C;
  }
  .alrticle-number-pages {
    width: 60px;
    font-size: 14px;
    color: #333333;
  }
  .record-arrow-action:hover {
    background-color: #58575798;
    color: #fff !important;
  }
  .record-arrow-action span {
    padding: 0 10px;
  }
  .controllers-img-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3em;
    margin-top: 15px;
  }
  .general-open-record {
    -webkit-animation: open-record .5s forwards;
            animation: open-record .5s forwards;
  }
  .title-data-obj {
    color: #2C316E;
  }
  .set-color {
    -webkit-animation: set-title-color .2s forwards;
            animation: set-title-color .2s forwards;
  }
  .set-color-def {
    color: #fff;
    -webkit-animation: set-def .2s forwards;
            animation: set-def .2s forwards;
  }
  .option-view-data-selected {
    background-color: #eaeaea;
  }
  .cont-list-img-record {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 83vh;
  }
  .cont-number-img-action {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-bottom: 4vh;
  }
  .cont-view-next-record {
    position: absolute;
    bottom: 0px;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    height: 15vh;
    background-color: #0a0146;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1vh;
  }
  .cont-view-next-record .cont-btn-up-down {
    width: 20% !important;
    height: 20px;
    margin-top: -25px;
    position: absolute;
    text-align: right;
    right: 0px;
  }
  .cont-view-next-record .cont-btn-up-down span {
    background-color: #0a0146;
    color: #fff;
    padding: 5px 5px;
    right: 50%;
    cursor: pointer;
  }
  .cont-view-next-record .cont-item-netx-record {
    height: 20vh;
    width: 90%;
    max-width: 90%;
  }
  .item-list-selected {
    border: 2px solid #d4a806;
    padding: 3px;
  }
  .item-list-selected img {
    height: 10vh !important;
  }
  .item-list-selected .cont-title-min-record {
    margin-top: .8vh !important;
  }
  .item-record-min {
    height: 11vh;
    width: 100px;
    cursor: pointer;
  }
  .item-record-min img {
    height: 11vh;
    /* - fin -*/
    width: auto;
    margin: 0 auto;
  }
  .status-more, .status-less {
    color: #2c316e;
    cursor: pointer;
  }
  .status-more .cont-text-more-less, .status-less .cont-text-more-less {
    color: #e5ae49;
    font-weight: bold;
  }
  .btn-arrow-img-active {
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .btn-arrow-img-active:hover {
    color: rgba(51, 51, 51, 0.7);
    cursor: pointer;
  }
  .btn-arrow-img-inactive {
    color: #ccc;
  }
  .cont-header-data-record {
    padding: 15px 0 0 2px;
  }
  .text-title-head-record {
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
  }
  .text-autor-head-record {
    font-size: 14px;
  }
  .general-format-text-head-record {
    font-size: 14px;
  }
  .cont-title-renglon {
    color: #636363 !important;
    font-size: 14px;
  }
  .cont-val-record-renglon {
    padding: 2px 0 20px 0;
  }
  .cont-val-record-renglon > span {
    position: relative;
    padding: 10px 10px 0 0;
    font-size: 14px;
  }
  .cont-main-number-dinamic {
    font-size: 45px;
    color: #d4a806;
    font-weight: bold;
  }
  .cont-title-row-single {
    font-size: 13px;
    color: #3a3434;
  }
  .cont-numeric-row-single {
    font-size: 15px;
    font-weight: bold;
    color: #4d5396;
  }
  .cont-rows-dinamic {
    width: 55%;
  }
  .cont-row-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 5px 0;
    padding-left: 5px;
  }
  .cont-main-text-dinamic {
    font-size: 14px;
    color: #3a3434;
  }
  /*.cont-val-record-renglon span:hover .cont-elements-url{
            display: block;
        }*/
  /* Erik  */
  #panel-advanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #container-gral-advanced-option .center-element h3 {
    font-weight: bold;
    text-align: center;
  }
  .radio-inline {
    padding-left: 3em;
  }
  /*** - ***/
  .content-elements-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5px;
    width: 100%;
  }
  .documents-color-link-orig {
    color: #e5ae49 !important;
  }
  .content-elements-links .material-icons {
    font-size: 15px;
    cursor: pointer;
    color: #2f3684;
  }
  .content-elements-links > div {
    padding: 5px;
  }
  .content-elements-links > div > a {
    cursor: pointer !important;
  }
  .disable-scroll, .disable-scroll-menu {
    overflow-y: hidden;
  }
  .tooltip {
    font-size: 14px;
    width: 20vw;
  }
  .record-pre-load-h1 {
    width: 60%;
    height: 3vh;
    background: #dedede;
    border-radius: 2px;
    margin: 25px 0;
  }
  .record-pre-load-p {
    width: 90%;
    height: 1.5vh;
    background: #dedede;
    border-radius: 2px;
    margin: 15px 0;
  }
  .record-pre-load-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .record-pre-load-list ul li {
    width: 25%;
    height: 2vh;
    background: #dedede;
    list-style: none;
    margin: 0 1vw;
  }
  .record-pre-load-section {
    height: 18vh;
    background: #dedede;
    margin: 30px 0;
    width: 90%;
    border-radius: 2px;
  }
  .report-comments-transition {
    max-height: 200px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  .report-comments-transition:hover {
    max-height: 400px;
    -webkit-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
  }
  #container-report {
    background-color: rgba(213, 213, 213, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .ui-dialog {
    position: initial;
  }
  #report-comments {
    height: auto;
    width: 470px;
  }
  #report-comments #bug-message textarea#comments-text {
    display: block;
    resize: none;
    min-height: 15rem;
  }
  .alert-report {
    width: 42%;
  }
  #mail {
    width: 210px;
  }
  /*#type {
            width: 30%;
        }*/
  #report-comments #bug-message label {
    font-weight: inherit;
  }
  #report-comments #bug-message .required-c {
    color: red;
  }
  #close-report-comment:focus {
    outline: 0;
  }
  #report-comments .ui-widget-header {
    background-color: #151a51;
  }
  #send-report-button, #accept-report-button {
    background-color: #1976d2;
  }
  #close-report-button {
    background-color: #e30f0f;
  }
  #report-comments .ui-widget-header, #send-report-button, #close-report-button, #accept-report-button {
    color: #fff;
  }
  .alert-danger {
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px;
    padding-right: 35px;
  }
  #report-comments .alert-dismissable .close, .alert-dismissible .close {
    top: 7px;
  }
  .disable-elements-comment {
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
  }
  @-webkit-keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes show-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes close-desc {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @keyframes set-def {
    from {
    }
    to {
      color: #000;
    }
  }
  @-webkit-keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @keyframes set-title-color {
    from {
    }
    to {
      color: #797979;
    }
  }
  @-webkit-keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @keyframes start-courtain-record {
    from {
    }
    to {
      background-color: rgba(51, 51, 51, 0.5);
    }
  }
  @-webkit-keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  @keyframes open-record {
    from {
    }
    to {
      width: 88vw;
      top: 3vh;
      left: 5vw;
      height: 94.5vh;
    }
  }
  .card-rel {
    width: 22%;
  }
  #wrapper-register {
    min-height: 80vh;
  }
  .content-type-grid > span {
    font-size: 16px;
  }
  .doc-info-text-grid {
    height: 113px;
    margin-bottom: 10px;
  }
  .h-name-grid {
    height: 90px;
  }
  .cont-col-info-grid {
    font-size: 16px;
  }
  .cont-complete-title-card {
    font-size: 17px;
  }
  .social-container-popup {
    position: absolute;
    margin-left: -3px;
    z-index: 99;
  }
  .ballon-buttons-social {
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  .detail-icon-social {
    cursor: pointer;
    padding: 7px;
  }
  .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 5px;
  }
  .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 6px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #report-comments {
    width: 550px;
  }
  #mail {
    width: 245px;
  }
  .alert-report {
    width: 38%;
  }
  header #header-ri {
    position: fixed !important;
    left: 0 !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 3 !important;
    background-color: #151a51 !important;
  }
  header h1, header h2, header h3, header h4, header h5, header h6, header div, header a, header #title-ri, header #title-unam {
    font-family: 'Work sans', sans-serif !important;
  }
  header .cont-elements-header {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .cont-elements-header .log-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .cont-elements-header .log-title #container_log_gral {
    background-image: url("/wp-content/uploads/2019/05/h-logo-unam.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    overflow: hidden;
  }
  header .cont-elements-header .log-title #header-cont-title #title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .cont-elements-header .log-title #header-cont-title #title-ri {
    color: white;
    line-height: 1.5;
    letter-spacing: -0.03em;
  }
  header .cont-elements-header .log-title #header-cont-title #title-unam {
    color: #d4a806;
  }
  header .cont-elements-header #header-cont-title > a,
  header .cont-elements-header #sidenav-hidden a,
  header .cont-elements-header .container-menu-header ul > li > a {
    text-decoration: none;
    color: #fff;
  }
  header .cont-elements-header #header-cont-title > a:hover,
  header .cont-elements-header #sidenav-hidden a:hover,
  header .cont-elements-header .container-menu-header ul > li > a:hover {
    text-decoration: none;
    color: #d4a806;
  }
  header .cont-elements-header .sidenav, header .cont-elements-header #container-hidden {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  header .cont-elements-header #container-hidden {
    left: 0;
    top: 71px;
  }
  header .cont-elements-header .sidenav {
    background-color: rgba(21, 26, 81, 0.93);
    right: 0;
  }
  header .cont-elements-header .sidenav a {
    border-bottom: solid thin #fff;
    padding: 8px 8px 8px 30px;
    font-size: 19px;
    color: #fff;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .cont-elements-header .sidenav a:hover {
    color: #d4a806;
  }
  header .cont-elements-header #mobile-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search, header .cont-elements-header #mobile-icons #close-hamburguer, header .cont-elements-header #mobile-icons #close-filter {
    display: none;
  }
  header .cont-elements-header #mobile-icons #btn-search, header .cont-elements-header #mobile-icons #close-search,
  header .cont-elements-header #mobile-icons #btn-filter, header .cont-elements-header #mobile-icons #close-filter,
  header .cont-elements-header #mobile-icons #btn-hamburguer, header .cont-elements-header #mobile-icons #close-hamburguer {
    color: white;
    cursor: pointer;
  }
  header .cont-elements-header .container-menu-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }
  header .cont-elements-header .container-menu-header ul li {
    list-style: none;
    -webkit-transition: .3s;
    transition: .3s;
  }
  @-webkit-keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  @keyframes down_header {
    from {
    }
    to {
      top: 0;
    }
  }
  header #header-ri {
    border-top: 3px solid #d4a806 !important;
  }
  header .cont-elements-header {
    height: 90px !important;
  }
  header .log-title {
    padding-left: 30px;
  }
  header .log-title #container_log_gral {
    height: 80px !important;
    width: 67px;
  }
  header .log-title #header-cont-title {
    width: 525px !important;
    border-left: 2px solid #d4a806 !important;
    padding: 9px 0 5px 15px;
  }
  header .log-title #header-cont-title #title-ri {
    font-size: 30px;
  }
  header .log-title #header-cont-title #title-unam {
    font-size: 24px;
    line-height: 19px;
  }
  header .container-menu-header ul > li > a > span {
    font-size: 18px !important;
    padding-right: 40px !important;
  }
  header #mobile-icons, header #sidenav-hidden, header #container-hidden {
    display: none !important;
  }
  #container-facets, #container-menu-facet-mob {
    width: 400px;
    /*.facet-input-search{
        background-image: url('../../img/close.png');
        background-repeat: no-repeat;        
        background-position: right center;
        background-size: 20px 20px;
    }*/
  }
  #container-facets #facet-contl-elements-range, #container-menu-facet-mob #facet-contl-elements-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-facets .container-text-no-facet, #container-menu-facet-mob .container-text-no-facet {
    color: #9c3937;
    padding: 10px 0;
    text-align: center;
  }
  #container-facets .facets_cont_headers_gral, #container-menu-facet-mob .facets_cont_headers_gral {
    margin-bottom: 10px;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 55px !important;
    height: 28px !important;
    border: 1px solid #ccc !important;
    padding: 2px 5px !important;
    display: block !important;
  }
  #container-facets .facets_over_num, #container-menu-facet-mob .facets_over_num {
    display: none;
  }
  #container-facets .facets_btn_view_less, #container-menu-facet-mob .facets_btn_view_less {
    border-left: 1px solid #ccc;
    color: #6f6e6e;
    margin-left: 4px;
    padding-left: 4px;
  }
  #container-facets .facet_btn_disabled, #container-menu-facet-mob .facet_btn_disabled {
    color: #97969a !important;
    cursor: default !important;
    -webkit-filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
            filter: invert(66%) sepia(2%) saturate(534%) hue-rotate(214deg) brightness(91%) contrast(89%) !important;
  }
  #container-facets .facet-view-more-text, #container-menu-facet-mob .facet-view-more-text {
    color: #6b6b6b;
  }
  #container-facets .glyphicon, #container-menu-facet-mob .glyphicon {
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    right: 4px;
  }
  #container-facets .format_cont_search_clone, #container-menu-facet-mob .format_cont_search_clone {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -7px 0px 8px -1px rgba(50, 50, 50, 0.3);
    margin-top: 2px !important;
    position: absolute;
    right: 0px;
  }
  #container-facets .facet_body_facets, #container-menu-facet-mob .facet_body_facets {
    -webkit-transition: .3s;
    transition: .3s;
  }
  #container-facets .facet_body_facets:hover, #container-menu-facet-mob .facet_body_facets:hover {
    background: #e9e9e9;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    position: relative;
  }
  #container-facets .no-showed, #container-menu-facet-mob .no-showed {
    display: none !important;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    font-size: 15px;
    z-index: 2;
    opacity: 0;
  }
  #container-facets input[type="text"], #container-menu-facet-mob input[type="text"] {
    width: 0px;
    display: none;
    height: 20px;
    border-top: 1px solid rgba(255, 0, 0, 0);
    border-left: 1px solid rgba(255, 0, 0, 0);
    border-right: 1px solid rgba(255, 0, 0, 0);
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
    color: #000;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -webkit-transition: 0.4s;
  }
  #container-facets #facets_cont_gral, #container-menu-facet-mob #facets_cont_gral {
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 10px;
  }
  #container-facets .facet-totalnum-reg, #container-menu-facet-mob .facet-totalnum-reg {
    font-weight: bold;
    color: #4a4a4a;
  }
  #container-facets .facet-title-cont, #container-menu-facet-mob .facet-title-cont {
    color: #3a3030;
  }
  #container-facets .content-title-facet-head, #container-menu-facet-mob .content-title-facet-head {
    width: 240px;
    margin-bottom: 2px;
  }
  #container-facets .container-clear-search-facet, #container-menu-facet-mob .container-clear-search-facet {
    margin-left: 142px;
    position: absolute;
  }
  #container-facets .container-grafic-load-facet, #container-menu-facet-mob .container-grafic-load-facet {
    background-color: #fff;
    position: absolute;
    z-index: 99;
  }
  #container-facets .facet_cont_clone, #container-menu-facet-mob .facet_cont_clone {
    background-color: #fff;
    -webkit-box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    box-shadow: 4px 2px 5px 1px rgba(154, 155, 156, 0.2);
    z-index: 99;
  }
  #container-facets .facet_cont_element_body, #container-menu-facet-mob .facet_cont_element_body {
    padding: 7px 2px 7px 2px;
  }
  #container-facets .facet_cont_element_body > a, #container-menu-facet-mob .facet_cont_element_body > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  #container-facets .facets_cont_facets, #container-menu-facet-mob .facets_cont_facets {
    margin-bottom: 50px;
    width: 348px;
    border: 1px solid rgba(218, 218, 218, 0.64);
    background: #fff;
    padding: 8px;
  }
  #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    color: #585c5f;
    text-align: right;
  }
  #container-facets .facets_cont_num_facets_no_select, #container-facets .facets_cont_num_facets, #container-menu-facet-mob .facets_cont_num_facets_no_select, #container-menu-facet-mob .facets_cont_num_facets {
    color: #585c5f;
    font-size: 11px;
    margin-top: 4px;
  }
  #container-facets .facets_cont_titles_header, #container-facets .facets_cont_num_facets_header, #container-menu-facet-mob .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_num_facets_header {
    font-size: 1.133em;
  }
  #container-facets .facets_cont_titles_no_select, #container-facets .facets_cont_titles_header, #container-facets .facets_cont_titles, #container-menu-facet-mob .facets_cont_titles_no_select, #container-menu-facet-mob .facets_cont_titles_header, #container-menu-facet-mob .facets_cont_titles {
    line-height: normal;
    padding-top: 1px;
  }
  #container-facets .facets_cont_headers, #container-menu-facet-mob .facets_cont_headers {
    border-bottom: 1px solid rgba(204, 204, 204, 0.48);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px 2px;
  }
  #container-facets .facets_cont_options, #container-menu-facet-mob .facets_cont_options {
    text-align: right;
    margin: 2px 0 2px 0;
    cursor: pointer;
    padding-left: 3px;
  }
  #container-facets .facets_cont_options > img:hover, #container-menu-facet-mob .facets_cont_options > img:hover {
    -webkit-filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
            filter: invert(28%) sepia(24%) saturate(1350%) hue-rotate(167deg) brightness(95%) contrast(94%);
  }
  #container-facets .facets_cont_options > img, #container-menu-facet-mob .facets_cont_options > img {
    width: 15px;
    height: 15px;
    -webkit-filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
            filter: invert(39%) sepia(99%) saturate(391%) hue-rotate(165deg) brightness(90%) contrast(86%);
  }
  #container-facets .facets_cont_num_facets, #container-menu-facet-mob .facets_cont_num_facets {
    font-size: 1em;
  }
  #container-facets .facets_cont_titles, #container-menu-facet-mob .facets_cont_titles {
    width: 78%;
  }
  #container-facets .facets_view_more, #container-menu-facet-mob .facets_view_more {
    color: #337ab7;
    float: right !important;
    text-align: right;
    width: 100%;
  }
  #container-facets .facets_view_more > span, #container-menu-facet-mob .facets_view_more > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #container-facets .facets_view_more > span > span, #container-menu-facet-mob .facets_view_more > span > span {
    margin-left: 5px;
  }
  #container-facets .facets_view_more i, #container-menu-facet-mob .facets_view_more i {
    cursor: pointer;
  }
  #container-facets .facets_view_more:hover, #container-menu-facet-mob .facets_view_more:hover {
    color: #23527c;
    cursor: pointer;
  }
  #container-facets .format_cont_search, #container-menu-facet-mob .format_cont_search {
    position: absolute;
  }
  #container-facets .facet-conf-input-range, #container-menu-facet-mob .facet-conf-input-range {
    width: 85px !important;
    padding-left: 15px !important;
  }
  #container-crumb {
    font-size: 15px;
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    z-index: 99;
    top: 93px;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    color: #d8af18;
    margin-right: 8px;
  }
  #container-crumb ol#select-ol span.remove-crumb:hover {
    color: #151a51;
  }
  #container-crumb ol#select-ol a.crumb-link:hover {
    color: #121747;
  }
  #container-crumb #select-ol {
    padding: 3px 15px !important;
  }
  #container-crumb #select-ol li:nth-child(2)::before {
    color: rgba(255, 0, 0, 0);
    padding: 0;
    margin-left: -10px;
  }
  #container-crumb #crumbs-backspace {
    color: #ff5252;
    position: relative;
    top: 5px;
    font-size: 18px;
    padding-right: 4px;
  }
  #container-crumb .container-left-crumbs {
    width: 100%;
  }
  #container-crumb .content-text-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #container-crumb .container-right-crumbs {
    color: #25414f;
    padding-top: 7px;
    width: 9%;
  }
  #container-crumb .container-right-crumbs i {
    cursor: pointer;
  }
  #container-crumb .text-search-crumbs {
    color: #848080;
  }
  #container-crumb ol {
    background-color: rgba(0, 0, 0, 0) !important;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #container-crumb .color-gray-crumb {
    color: #97969a;
  }
  #container-crumb .container_stroke {
    position: absolute;
    width: 20px;
    height: 20;
    /* background-color: red; */
    margin-left: 15px;
    margin-top: -20px;
  }
  #container-crumb .li_container_stroke {
    margin-right: 20px;
  }
  #container-crumb .breadcrumb li::before {
    color: #387fc2;
    color: #25414F;
  }
  #container-crumb .breadcrumb a {
    color: #2c353a;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 85% !important;
    position: fixed !important;
    z-index: 99 !important;
    overflow: hidden !important;
    height: 2em !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb li::before {
    color: #888 !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link, #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    background-color: unset !important;
    border: unset !important;
  }
  #container-crumb .fixed-position-cont-crumbs .breadcrumb > li + li::before, #container-crumb .fixed-position-cont-crumbs .crumb-link {
    padding: 0 !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 14px;
  }
  #container-crumb .text-search-crumbs-fixed {
    color: #d0d0d0 !important;
    font-size: 14px !important;
  }
  #container-crumb .crumb-link {
    padding: 2px 0 2px 5px;
    line-height: 2;
  }
  #container-crumb .remove-crumb {
    top: 0px;
    color: #888;
    cursor: pointer;
  }
  #container-crumb > div.center-element {
    width: 90%;
  }
  #container-crumb .crumb-link, #container-crumb .text-search-crumbs {
    font-size: 15px !important;
  }
  #container-crumb #delete-breadcrumb .glyphicon-home {
    margin-top: 4px;
  }
  #container-crumb .remove-crumb {
    font-size: 12px !important;
    padding: 5px 2px 6px 2px !important;
  }
  #container-crumb .fixed-position-cont-crumbs {
    width: 95%;
    top: 63px !important;
    left: 105px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .crumb-link {
    font-size: 13px !important;
  }
  #container-crumb .fixed-position-cont-crumbs .remove-crumb {
    font-size: 11px !important;
  }
  #container-crumb .text-search-crumbs-fixed {
    font-size: 13px !important;
    padding-left: 10px !important;
  }
  #container-crumb .cont-crubs-fixed-color {
    font-size: 13px !important;
  }
  #container-section-config-module {
    background: transparent;
    overflow: hidden;
    padding: 3px;
    width: 249;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 43px;
    padding-left: 15px;
    width: 90%;
    padding-right: 0;
  }
  #container-section-config-module a {
    color: #3e3b3b !important;
  }
  #container-section-config-module a:visited, #container-section-config-module a:hover, #container-section-config-module a:active, #container-section-config-module a:link {
    text-decoration: none !important;
  }
  #container-section-config-module #img-shared-dis {
    background-image: url("../../img/icons_save_shared/pda_compartir_dis.png");
  }
  #container-section-config-module #img-download-dis {
    background-image: url("../../img/icons_save_shared/pda_descargar_dis.png");
  }
  #container-section-config-module #img-registros-dis {
    background-image: url("../../img/icons_save_shared/pda_registros_dis.png");
  }
  #container-section-config-module #img-mosaico-dis {
    background-image: url("../../img/icons_save_shared/pda_mosaico_dis.png");
  }
  #container-section-config-module #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #container-section-config-module #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #container-section-config-module #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #container-section-config-module .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #container-section-config-module .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #container-section-config-module .btn-beta-function-selected {
    padding: 2px 0 0 2px;
  }
  #container-section-config-module .btn-beta-function-selected > span {
    color: #fff;
  }
  #container-section-config-module .btn-beta-function-selected i {
    color: #e29f24;
  }
  #container-section-config-module .btn-beta-function:hover {
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #container-section-config-module .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #container-section-config-module .btn-mask-gral {
    outline: none !important;
  }
  #container-section-config-module .btn-mask-gral:focus, #container-section-config-module .btn-beta-function-selected:focus, #container-section-config-module .btn-beta-function-selected:active, #container-section-config-module a, #container-section-config-module a:active, #container-section-config-module a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #container-section-config-module .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #container-section-config-module .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #container-section-config-module .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #container-section-config-module .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #container-section-config-module .btn-beta-function:hover span {
    color: #23527c;
  }
  #container-section-config-module .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #container-section-config-module .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #container-section-config-module .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #container-section-config-module .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @-webkit-keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @-webkit-keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #container-section-config-module #container-btn-open-query:focus,
  #container-section-config-module #container-text-num-queries:focus,
  #container-section-config-module #container-btn-general-shared:focus,
  #container-section-config-module #container-img-availablelayers:focus,
  #container-section-config-module #container-layers:focus,
  #container-section-config-module #img-baselayers:focus,
  #container-section-config-module #container-controls:focus,
  #container-section-config-module #container-img-baselayers:focus,
  #container-section-config-module #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #container-section-config-module #container-btn-open-query,
  #container-section-config-module #container-text-num-queries,
  #container-section-config-module #container-btn-general-shared,
  #container-section-config-module #container-img-availablelayers,
  #container-section-config-module #container-layers,
  #container-section-config-module #img-baselayers,
  #container-section-config-module #container-controls,
  #container-section-config-module #container-img-baselayers,
  #container-section-config-module #img-availablelayers,
  #container-section-config-module .single-layer {
    cursor: pointer;
  }
  #container-section-config-module .btn-off {
    color: #8c8c8c;
    cursor: default !important;
  }
  #container-section-config-module .btn-on:hover {
    color: #1f5586;
  }
  #container-section-config-module .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #container-section-config-module .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #container-section-config-module .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-config-module .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #container-section-config-module .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #container-section-config-module .query_stroke_last_element_text {
    position: absolute;
  }
  #container-section-config-module .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #container-section-config-module .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #container-section-config-module #btn-show-controls-map {
    width: 52%;
  }
  #container-section-config-module .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    margin: 0 auto;
    width: 28px;
    text-align: center;
    font-size: 22px;
  }
  #container-section-config-module .btn-mask-gral {
    /*background-color: red;*/
    height: 47px;
    position: absolute;
    width: 54px;
    z-index: 99;
  }
  #container-section-config-module .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #container-section-config-module .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #container-section-config-module .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
  }
  #container-section-config-module .toolbar-icon-title {
    display: none;
    width: 100%;
    /*height: 25px;*/
    font-size: 0.7em;
    margin-bottom: 5px;
  }
  #container-section-config-module #container-btn-open-query {
    margin-left: -5px;
  }
  #container-section-config-module .container-controls-layers {
    margin-left: -134px;
    min-height: 424px;
    overflow: visible !important;
    margin-top: 55px;
    position: absolute;
    background-color: blue;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #container-section-config-module #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #container-section-config-module #container-controls-query-popup {
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #container-section-config-module #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #container-section-config-module #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #container-section-config-module #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #container-section-config-module #img-folder {
    background-image: url("../../img/icons-png/pda_folder_s.png");
  }
  #container-section-config-module .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #container-section-config-module .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 66px;
  }
  #container-section-config-module .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 67px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-config-module .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #container-section-config-module .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #container-section-config-module .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #container-section-config-module .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #container-section-config-module .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #container-section-config-module .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #container-section-config-module .btns-show-queries-list {
    width: 100%;
  }
  #container-section-config-module .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #container-section-config-module .container-btn-save-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #container-section-config-module .container-btn-show-query:hover {
    cursor: pointer;
  }
  #container-section-config-module .container-btn-config-module {
    margin-right: 1px;
    overflow: hidden;
  }
  #container-section-config-module .container-btn-config-module:hover {
    cursor: pointer;
  }
  #container-section-config-module .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 58px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #container-section-config-module .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #container-section-config-module .container-element-list:hover {
    background-color: #eaeaea;
  }
  #container-section-config-module .container-num-queries {
    position: absolute;
    margin-left: 16px;
    font-size: 14px;
    margin-top: -18px;
    width: 20px;
    text-align: center;
    font-weight: bold;
  }
  #container-section-config-module .container-svg-actions {
    float: right;
    /*background-color: #337ab7;*/
    width: 26px;
    height: 26px;
    margin: 2px 5px;
  }
  #container-section-config-module .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #container-section-config-module .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #container-section-config-module .container-text-queri-list > span {
    margin-left: 12px;
  }
  #container-section-config-module .layer-btn-active {
    background-color: #1f5586;
  }
  #container-section-config-module .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #container-section-config-module .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #container-section-config-module .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  #fsmap-tools {
    width: 90%;
    padding-right: 0;
  }
  #fsmap-tools a:visited, #fsmap-tools a:hover, #fsmap-tools a:active, #fsmap-tools a:link {
    text-decoration: none !important;
  }
  #fsmap-tools #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save:hover {
    background-image: url("../../img/icons-png/pda_guardar_h.png");
  }
  #fsmap-tools #img-save-clone {
    background-image: url("../../img/icons_save_shared/pda_guardar_s.png");
  }
  #fsmap-tools #img-save-dis {
    background-image: url("../../img/icons_save_shared/pda_guardar_ns.png");
  }
  #fsmap-tools .btn-beta-function {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    -webkit-transition: .1s;
    transition: .1s;
  }
  #fsmap-tools .btn-beta-function-disabled {
    border: 1px solid #fff !important;
    padding: 2px 2px 2px 2px !important;
    cursor: default;
  }
  #fsmap-tools .btn-beta-function-selected {
    border: 1px solid #d8d8d8 !important;
    padding: 2px 0 0 2px;
  }
  #fsmap-tools .btn-beta-function-selected > span {
    color: #fff;
  }
  #fsmap-tools .btn-beta-function:hover {
    border: 1px solid #dddddd !important;
    padding: 2px 2px 2px 2px !important;
    text-decoration: none;
  }
  #fsmap-tools .btn-beta-function:active {
    /*background-color: #337ab7;*/
    border: 1px solid #53a0e4 !important;
  }
  #fsmap-tools .btn-mask-gral {
    outline: none !important;
  }
  #fsmap-tools .btn-mask-gral:focus, #fsmap-tools .btn-beta-function-selected:focus, #fsmap-tools .btn-beta-function-selected:active, #fsmap-tools a, #fsmap-tools a:active, #fsmap-tools a:focus {
    outline: none !important;
    outline-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
  }
  #fsmap-tools .btn-beta-function:hover > #img-save {
    background-image: url("../../img/icons_save_shared/pda_guardar_h.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select_hover.png");
  }
  #fsmap-tools .btn-beta-function:hover > #img-folder {
    background-image: url("../../img/icons_save_shared/pda_folder_s_hover.png");
  }
  #fsmap-tools .btn-beta-function:active > #img-save {
    /*background-image: url("../../img/icons_save_shared/pda_guardar_active.png");*/
  }
  #fsmap-tools .btn-beta-function:active > #img-all-off {
    /*background-image: url("../../img/icons_save_shared/od-no-select_active.png");*/
  }
  #fsmap-tools .btn-beta-function:hover span {
    color: #23527c;
  }
  #fsmap-tools .btn-beta-function:active span {
    /*color: #fff;*/
  }
  #fsmap-tools .clone-btn-save {
    position: absolute;
    width: 51px;
    height: 48px;
    /*background-color: rgba(255, 0, 0, 0.349);*/
  }
  #fsmap-tools .clone-btn-save-animtion {
    -webkit-animation-name: move_btn_clone;
            animation-name: move_btn_clone;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
  }
  #fsmap-tools .change-color-animtion {
    -webkit-animation-name: change_color;
            animation-name: change_color;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
  }
  @keyframes move_btn_clone {
    from {
      margin-left: 0;
      opacity: 1;
    }
    to {
      margin-left: 55px;
      opacity: 0;
    }
  }
  @keyframes change_color {
    from {
      color: #337ab7;
    }
    to {
      color: #d39b10;
    }
  }
  #fsmap-tools #container-btn-open-query:focus,
  #fsmap-tools #container-text-num-queries:focus,
  #fsmap-tools #container-btn-general-shared:focus,
  #fsmap-tools #container-img-availablelayers:focus,
  #fsmap-tools #container-layers:focus,
  #fsmap-tools #img-baselayers:focus,
  #fsmap-tools #container-controls:focus,
  #fsmap-tools #container-img-baselayers:focus,
  #fsmap-tools #img-availablelayers:focus {
    outline: rgba(0, 0, 0, 0);
  }
  #fsmap-tools #container-btn-open-query,
  #fsmap-tools #container-text-num-queries,
  #fsmap-tools #container-btn-general-shared,
  #fsmap-tools #container-img-availablelayers,
  #fsmap-tools #container-layers,
  #fsmap-tools #img-baselayers,
  #fsmap-tools #container-controls,
  #fsmap-tools #container-img-baselayers,
  #fsmap-tools #img-availablelayers,
  #fsmap-tools .single-layer {
    cursor: pointer;
  }
  #fsmap-tools .btn-off {
    color: #8c8c8c;
    cursor: default;
  }
  #fsmap-tools .btn-on:hover {
    color: #1f5586;
  }
  #fsmap-tools .btn_disabled {
    /*background-color: #97969a !important;*/
    cursor: default !important;
  }
  #fsmap-tools .filter_stroke_save {
    width: 30px;
    max-width: 150px;
    height: 22px;
  }
  #fsmap-tools .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #fsmap-tools .queries-config-btn-disabled {
    cursor: default;
    color: #ccc;
    background-color: #e0e0e0;
  }
  #fsmap-tools .query_stroke_last_element {
    position: absolute;
    margin-left: -10px;
  }
  #fsmap-tools .query_stroke_last_element_text {
    position: absolute;
  }
  #fsmap-tools .toolbar-icon {
    display: block;
    width: 100%;
    overflow: hidden;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  #fsmap-tools .toolbar-icon-title {
    display: none;
    width: 100%;
    height: 20px;
    font-size: 0.67em;
    line-height: 100%;
    text-align: center;
    color: #337ab7;
  }
  #fsmap-tools #btn-show-controls-map {
    width: 52%;
  }
  #fsmap-tools .aplication-img-btn {
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    margin: 0 auto;
    width: 28px;
    text-align: center;
    font-size: 22px;
  }
  #fsmap-tools .btn-mask-gral {
    /*background-color: red;*/
    height: 47px;
    position: absolute;
    width: 54px;
    z-index: 99;
  }
  #fsmap-tools .toolbar-divisor {
    display: block;
    height: 24px;
    width: 1px;
    background: #cccccc;
    margin: 3px 20px 0 20px;
  }
  #fsmap-tools .toolbar-icon-cnt {
    display: none;
    overflow: visible;
  }
  #fsmap-tools .toolbar-icon-cnt a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
  }
  #fsmap-tools .toolbar-icon-title {
    display: none;
    width: 100%;
    /*height: 25px;*/
    font-size: 0.7em;
    margin-bottom: 5px;
  }
  #fsmap-tools #container-btn-open-query {
    margin-left: -5px;
  }
  #fsmap-tools .container-controls-layers {
    margin-left: -134px;
    min-height: 424px;
    overflow: visible !important;
    margin-top: 55px;
    position: absolute;
    background-color: blue;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #fsmap-tools #container-controls-query {
    margin-left: 0px;
    min-height: 100px;
    position: absolute;
    top: 9px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    width: 300px;
  }
  #fsmap-tools #container-controls-query-popup {
    display: none;
    margin-top: 50px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools #img-all-off {
    background-image: url("../../img/icons_save_shared/od-no-select.png");
  }
  #fsmap-tools #img-obj-off {
    background-image: url("../../img/icons_save_shared/od-no-select_active.png");
  }
  #fsmap-tools #img-availablelayers {
    background-image: url("../../img/icons_save_shared/base_layers.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #fsmap-tools #img-baselayers {
    background-image: url("../../img/icons_save_shared/layer_settings.png");
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
  }
  #fsmap-tools #img-folder {
    background-image: url("../../img/icons-png/pda_folder_s.png");
  }
  #fsmap-tools .img-folder-numb {
    background-image: url("../../img/icons_save_shared/pda_folder_a.png");
  }
  #fsmap-tools .arrow-up-container-controls {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 66px;
  }
  #fsmap-tools .arrow-up-container-controls::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 67px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #fsmap-tools .btns-close-container-queries {
    cursor: pointer;
    width: 10%;
  }
  #fsmap-tools .btns-close-container-queries:hover {
    color: #1f5586;
  }
  #fsmap-tools .btns-close-container-queries i {
    margin-bottom: 5px;
  }
  #fsmap-tools .btn-query-delete {
    width: 10%;
    text-align: center;
  }
  #fsmap-tools .btn-query-delete i:hover {
    cursor: pointer;
    color: #1f5586;
  }
  #fsmap-tools .btns-controls-header-queries {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  #fsmap-tools .btns-show-queries-list {
    width: 100%;
  }
  #fsmap-tools .container-btn-save-query {
    padding: 1px 4px 1px 0px;
  }
  #fsmap-tools .container-btn-save-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-show-query {
    padding: 1px 0 1px 4px;
  }
  #fsmap-tools .container-btn-show-query:hover {
    cursor: pointer;
  }
  #fsmap-tools .container-btn-config-module {
    margin-right: 1px;
    overflow: hidden;
  }
  #fsmap-tools .container-btn-config-module:hover {
    cursor: pointer;
  }
  #fsmap-tools .containers-controls-bar {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: none;
    margin-top: 58px;
    position: absolute;
    width: 370px;
    z-index: 99;
  }
  #fsmap-tools .container-element-list {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  #fsmap-tools .container-element-list:hover {
    background-color: #eaeaea;
  }
  #fsmap-tools .container-num-queries {
    position: absolute;
    margin-left: 16px;
    font-size: 14px;
    margin-top: -18px;
    width: 20px;
    text-align: center;
    font-weight: bold;
  }
  #fsmap-tools .container-svg-actions {
    float: right;
    /*background-color: #337ab7;*/
    width: 26px;
    height: 26px;
    margin: 2px 5px;
  }
  #fsmap-tools .container-svg-actions:hover {
    /*background-color: #1f5586;*/
  }
  #fsmap-tools .container-text-queri-list {
    width: 87%;
    margin-left: 5px;
  }
  #fsmap-tools .container-text-queri-list > span {
    margin-left: 12px;
  }
  #fsmap-tools .layer-btn-active {
    background-color: #1f5586;
  }
  #fsmap-tools .queries-config-btn-on {
    color: #333;
    font-weight: bold;
  }
  #fsmap-tools .queries-config-btn-off {
    color: #757575;
    cursor: pointer;
  }
  #fsmap-tools .queries-config-btn-off:hover {
    background-color: #337ab7;
    color: #fff;
    border-left: 1px solid #ccc;
  }
  .tooltip {
    position: absolute;
    text-align: center;
    width: auto;
    height: auto;
    padding: 10px;
    font: 0.9em;
    background-color: #fff;
    border: 0px;
    border-radius: 5px;
    pointer-events: none;
  }
  .tooltip-zoom {
    fill: #f0f7f9;
  }
  .hide {
    display: none;
  }
  #container-ring_graphs .db-error {
    position: absolute;
    top: 100px;
    left: 110px;
  }
  #container-ring_graphs .div-graphs {
    display: inline-block;
    width: 479px;
    vertical-align: top;
  }
  #container-ring_graphs .graph {
    position: relative;
  }
  #container-ring_graphs .graph-zoom {
    width: 720px;
    left: 125;
  }
  #container-ring_graphs .label {
    font-size: 0.6em;
    font-weight: bold;
  }
  #container-ring_graphs .count_label {
    font-size: 0.6em;
    font-weight: normal;
  }
  #container-ring_graphs .percent_label {
    font-size: 0.55em;
    fill: #909090;
    font-weight: normal;
  }
  #container-ring_graphs .svg-content {
    margin: 0 auto;
    width: 720px;
  }
  #container-ring_graphs .title_div {
    position: absolute;
    width: 479px;
    top: 0;
    text-align: center;
    font-size: 1.7em;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
  }
  #container-ring_graphs .title_zoom {
    font-size: 1.8em;
  }
  #container-ring_graphs .trail {
    margin-left: 50px;
    width: 870px;
  }
  .header-search {
    width: inherit !important;
    background-color: transparent !important;
    height: 0 !important;
  }
  .cont-elments-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #panel-type-campo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #panel-type-campo label {
    margin: 25px 40px;
    font-weight: normal !important;
  }
  #panel-type-campo label span {
    margin-left: 7px;
  }
  #container-check-search-content {
    width: 60px;
    overflow: hidden;
    background: none 0% 0% repeat scroll #e0e0e0;
    border-left: 1px solid #cccccc;
    color: #333;
    text-align: center;
    border: 0;
    padding: 0;
  }
  #container-check-search-content, #select-doi-search, .cont-elments-radio {
    cursor: pointer;
  }
  #container-section-search {
    width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    background-color: #f5f5f5;
  }
  #container-section-search #container-search {
    width: 100%;
  }
  #container-section-search #container-search #general-form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    background-color: #151a51;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000;
    border-radius: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-webkit-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search:-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::-ms-input-placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search::placeholder {
    color: #bdbdbd !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    position: absolute;
    color: #ccc !important;
    z-index: 99;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    background-color: #e0e0e0;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #select-ul {
    left: unset !important;
    font-size: 1em;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    background-color: rgba(212, 168, 6, 0.8) !important;
    font-weight: bold;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar #btn-search {
    vertical-align: top;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    position: absolute;
    background-color: #151a51 !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
    border-radius: 0;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search:focus {
    outline: 0 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    position: absolute;
    display: none;
    z-index: 1;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    cursor: pointer;
    position: absolute;
  }
  #container-section-search #container-search #general-form-search .container-search-button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    background-color: transparent !important;
    display: none;
    position: fixed;
    z-index: 99;
    margin-top: 10px;
    left: unset !important;
    top: 0 !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list #text-btn-search-list {
    display: none;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #select-ul {
    top: 75%;
  }
  #container-section-search .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    margin: 0 auto;
    margin-left: 440px;
  }
  #container-section-search .arrow-up::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 441px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
  }
  #container-section-search #container-sections {
    display: none;
    position: absolute;
    bottom: 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  #container-section-search .btn-section-selected {
    color: #fff !important;
    background-color: #337ab7 !important;
  }
  #container-section-search .filter_stroke_gral {
    margin-right: auto;
    width: 80px;
    display: block;
    max-width: 150px;
    height: 22px;
  }
  #container-section-search .filter_stroke_gral path, #container-section-search .filter_stroke_save path {
    stroke: blue;
    fill: #dae6ff;
    stroke-width: 0.4px;
    padding: 1px 0 1px 0;
    border: 1px solid #CCC;
  }
  #container-section-search .first_draw {
    width: 65px;
  }
  #container-section-search .search_container_stroke {
    position: absolute;
  }
  #container-section-search .nav-tabs {
    overflow: hidden;
    border-bottom: none;
  }
  #container-section-search .nav-tabs > li {
    position: relative;
    display: block;
    height: 55px;
    padding-top: 6px;
    text-align: center;
    margin-bottom: 6px;
  }
  #container-section-search .nav-tabs > li > a {
    font-size: 0.8em;
  }
  #container-section-search .nav-tabs > li > a .glyphicon {
    display: block;
    font-size: 2em;
  }
  #container-section-search .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 10px 3px 10px;
    margin-top: 7px;
  }
  #container-section-search input::-webkit-input-placeholder {
    font-size: 14px !important;
    color: #969696;
    border-radius: 0;
  }
  #container-section-search .borders-custom-left {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0.5px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
  }
  #container-section-search .borders-custom-right {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 0.5px solid rgba(0, 0, 0, 0);
  }
  .search-text-filter {
    display: none;
  }
  #btn-search {
    margin-top: 1px;
  }
  #cont-sup-section-search {
    margin-top: 130px;
  }
  #container-check-search-content {
    height: 45px;
    font-size: 10px;
    padding-top: 11px;
  }
  .container-check-search-content-scroll {
    height: 41px !important;
    padding-top: 8px !important;
  }
  #container-section-search {
    height: 180px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search {
    padding: 16px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search .btn {
    padding: 3px 10px;
    height: 45px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #input-search {
    height: 45px;
    width: 55vw;
    padding: 0 35px 0 20px;
    font-size: 15px;
    border: 2px solid #fff !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #container-btn-clear-input {
    margin-top: 10px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #search-cont-list-filters #btn-search-list {
    padding-bottom: 5px;
    padding-top: 6px;
    font-size: 18px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-general-buscar {
    font-size: 18px;
    padding: 4px 10px;
    border: 2px solid #d4a806 !important;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #btn-advanced-search {
    padding-left: 2px;
    padding-top: 2px !important;
    width: 36.66667px;
    font-size: 32px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup {
    margin-top: 4px;
    margin-left: -376px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced {
    top: 9px;
    margin-left: -46px;
    padding: 10px 15px;
    width: 515px;
  }
  #container-section-search #container-search #general-form-search #container-grup-elements-search #container-btns-search #panel-advanced-popup #panel-advanced .center-text #close-advanced-option {
    right: 10px;
    top: 5px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed {
    margin-top: 12px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed .btn {
    height: 41px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #input-search {
    height: 41px !important;
    font-size: 14px !important;
    width: calc(100vw - 1250px) !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #container-btn-clear-input {
    margin-top: 7px !important;
    font-size: 14px !important;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #search-cont-list-filters #btn-search-list {
    width: 40px !important;
    font-size: 16px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-general-buscar {
    width: 40px;
    font-size: 17px;
  }
  #container-section-search #container-search #general-form-search .config-search-fixed #container-btns-search #btn-advanced-search {
    width: 20px !important;
    font-size: 23px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
  #data-footer {
    background-color: #0a0146;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 1421px;
  }
  #data-footer #btn-open-close-footer {
    width: 100%;
    text-align: right;
    display: none;
  }
  #data-footer #btn-open-close-footer > span {
    cursor: pointer;
    font-size: 10px;
  }
  #data-footer #container-elements-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1421px;
  }
  #data-footer #container-elements-footer #container-logos-footer {
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    width: 30%;
  }
  #data-footer #container-elements-footer #container-logos-footer #left-con-lo-fo {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 139px;
    margin-right: 10px;
    width: 48%;
  }
  #data-footer #container-elements-footer #container-logos-footer #right-con-lo-fo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 139px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40%;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-gral {
    height: 60px;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-logos-footer .settings-icons-footer-unam {
    height: 95px;
  }
  #data-footer #container-elements-footer #container-info-footer {
    height: 139px;
    width: 70%;
  }
  #data-footer #container-elements-footer #container-info-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #data-footer #container-elements-footer #container-info-footer ul li {
    margin-bottom: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-large {
    width: 36%;
    margin-right: 10px;
  }
  #data-footer #container-elements-footer #container-info-footer ul .btn-footer-small {
    width: 15%;
    margin-left: 10px;
  }
  #data-footer .content-element-footer:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #data-footer .cont-header-footer {
    height: 128px;
    width: 100%;
    background-color: #09013f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #data-footer #cont-text-repo {
    color: #fff !important;
    border-left: 2px solid #e5ae49;
    padding: 5px 0;
    padding-left: 10px;
  }
  #data-footer .cont-text-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
    padding: 50px 0;
    display: none;
  }
  #data-footer .cont-text-info > div {
    width: 30%;
  }
  #data-footer .cont-text-info > div > h3 {
    color: #e5ae49;
    font-weight: bold;
    font-size: 22px !important;
  }
  #data-footer .cont-text-info > div > p {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul {
    margin: 0;
    padding: 0;
  }
  #data-footer .cont-text-info > div > ul li {
    list-style: none;
    margin: 12px 0;
  }
  #data-footer .cont-text-info > div > ul li a {
    color: #fff !important;
  }
  #data-footer .cont-text-info > div > ul li i {
    margin-right: 5px;
    color: #153587;
  }
  #data-footer .cont-derechos {
    font-size: 14px;
    width: 100%;
    padding: 10px 11%;
    text-align: center;
    line-height: 25px;
  }
  #data-footer .cont-derechos > i {
    font-family: 'Glyphicons Halflings';
  }
  #data-footer .cont-derechos > a {
    color: #fff;
  }
  #data-footer .cont-derechos > a:hover {
    color: #d4a806;
  }
  #top-footer {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("/contenidos/base_modules/container/public/img/repo/bg-footer.jpg");
    background-position: center;
    background-size: cover;
  }
  #top-footer {
    text-align: center;
  }
  #top-footer a {
    text-decoration: none;
  }
  #top-footer #logos-unam a, #top-footer #logos-sdi-dgru {
    cursor: pointer;
  }
  #links-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 66%;
    margin: 0 auto;
  }
  .link-f {
    padding: 0 5vw;
    font-size: 16px;
  }
  .link-f a {
    color: #fff;
    text-decoration: none !important;
  }
  .link-f a:hover {
    color: #d4a806;
  }
  #top-footer {
    height: 125px;
  }
  #logos-unam img,
  #logos-sdi-dgru img {
    padding: 0 30px;
  }
  #title-repo {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Work Sans' !important;
  }
}
/*# sourceMappingURL=main_resp.css.map */