/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* colors */
/* fonts */
.text-font {
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}
.header-font {
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}
body {
  font-size: 20px !important;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}

body h2{
  margin-bottom: 0rem !important;
}

body h3{
  text-transform: none !important;
}

body h4 {
  font-size: 20px !important;
}

div.row{
  padding-bottom: 0rem !important;
}

div.page {
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  padding-bottom: 50px;
}
div.page #anchor {
  font-size: 3.4em !important;
}
div.page h3 {
  font-size: 2em !important;
}
#splash {
  margin-top: -13px !important;
  height: 98vh;
  border-bottom-width: 0;
  padding-bottom: 0;
  background: #abb1ba;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFF), color-stop(1, #abb1ba));
  background: -ms-linear-gradient(bottom, #FFF, #abb1ba);
  background: -moz-linear-gradient(center bottom, #FFF 0%, #abb1ba 100%);
  background: -o-linear-gradient(#abb1ba, #FFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abb1ba', endColorstr='#FFF', GradientType=0);
}
#splash .background {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  background-image: url('../img/design/backgrounds/home.jpg');
  background-size: cover;
}
#splash .background .tagliner {
  padding: 0 5em;
}
#splash .background .tagliner h1 {
  font-size: 4em !important;
  font-family: 'Cervo-Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  text-shadow: 1px 1px 2px #ffffff;
  line-height: 1;
}
#splash .background .tagliner .button {
  margin-top: 2em;
  font-size: 1.3em;
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  box-shadow: 0 0 0 2px #001E71 inset !important;
  color: #001E71 !important;
}
#splash .background .tagliner .button:hover {
  box-shadow: 0 0 0 2px lighter(#001E71, 20%) inset !important;
  color: white !important;
  background-color: #001E71 !important;
}
#menu-holder {
  z-index: 9;
  background: url('../img/design/g28.png') !important;
  margin: 0 !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#menu-holder .fullmenu {
  margin-bottom: 2px !important;
}
#submenu {
  margin-top: 5px;
  padding: 5px;
  height: 45px;
  vertical-align: middle;
  background-color: white;
  text-transform: uppercase;
  text-align: right;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#submenu .breadcrumb a {
  color: #000 !important;
}
#submenu .breadcrumb .section {
  padding: 0 40px;
}
#submenu .breadcrumb .active {
  color: #001E71;
}
#page-menu {
  border-bottom: none;
}
#page-menu .item {
  font-size: 1.2em;
  padding-top: 0.9em;
  padding-bottom: 0.666em;
  color: #4f4f4f !important;
  font-family: 'Cervo-Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#page-menu .item.search {
  text-align: left;
  padding-top: 0.9em;
  padding-bottom: 0.666em;
}
#page-menu .divider {
  display: inline-block;
  width: 0px;
  padding: 0;
  height: 2em;
  margin: 2px 8px;
  border-right: 1px solid #909090;
}
#content {
  margin-top: 10px;
  padding-bottom: 0;
  background-color: white;
  padding-top: 5px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  font-family: 'Cervo-Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #001E71;
}
#eventos h1 {
  font-size: 2.8em;
  padding-top: 20px;
}
#eventos h2 {
  font-size: 2.4em;
}
#eventos div.fluid.container {
  padding-left: 40px;
  padding-right: 40px;
}
#eventos div.segment {
  border-radius: 15px;
}
#eventos .date {
  padding-bottom: 0.5em;
}
#eventos .bottom.button {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
#login_laboratorio {
  padding-top: 20px;
}
#login_laboratorio h2 {
  font-size: 30px;
  padding-top: 25px;
}
#login_laboratorio h2 .sub.header {
  font-size: 25px;
}
#login:nth-last-child(1) {
  font-size: 10px;
}
#follow-menu .item {
  font-size: 1.2em;
  padding-top: 0.9em;
  padding-bottom: 0.666em;
  border: none !important;
  color: #4f4f4f !important;
  font-family: 'Cervo-Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#follow-menu .item:before {
  background: none;
}
.hidden.menu {
  display: none;
}
.masthead.segment {
  min-height: 700px;
  padding: 1em 0em;
  padding-top: 0 !important;
}
.masthead .logo.item img {
  margin-right: 1em;
}
.masthead .ui.menu .ui.button {
  margin-left: 0.5em;
}
.masthead h1.ui.header {
  margin-top: 3em;
  margin-bottom: 0em;
  font-size: 4em;
  font-weight: normal;
}
.masthead h2 {
  font-size: 1.7em;
  font-weight: normal;
}
.ui.vertical.stripe {
  padding: 8em 0 0 0;
}
.ui.vertical.stripe h3 {
  font-size: 2em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 3em;
}
.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.33em;
}
.ui.vertical.stripe .horizontal.divider {
  margin: 3em 0;
}
.quote.stripe.segment {
  padding: 0;
}
.quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em;
}
body.pushable {
  background-color: #ccdde7 !important;
}
#footer {
  background-color: #ccdde7 !important;
  font-family: ProLight, Helvetica, sans-serif;
  max-height: 200px;
  bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}
#footer .column {
  margin-top: 20px;
}
#footer .item {
  text-align: left;
  font-size: 1em;
  margin: 10px;
  color: #414042;
}
#footer #mapa {
  background-image: url('../img/design/mapa.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px;
}
#footer #copy {
  font-family: ProLight, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
}
#footer #cap {
  background-image: url('../img/design/CAP.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
}
.laboratorio.participantes {
  padding-bottom: 100px;
}
.secondary.menu .toc.item {
  display: none;
}
.menu.visible {
  opacity: 1;
  z-index: 1;
}
/* mobile */
@media only screen and (max-width: 700px) {
  .ui.fixed.menu {
    display: none !important;
  }
  .secondary.pointing.menu .item,
  .secondary.pointing.menu .menu {
    display: none;
  }
  .secondary.pointing.menu .divider {
    border: 0 !important;
  }
  .secondary.pointing.menu .toc.item {
    display: block;
  }
  .masthead.segment {
    min-height: 350px;
  }
  .masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em;
  }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }
}
#copyright {
  padding-top: 40px;
  text-align: center;
}
div.spacer {
  height: 10em;
}
.upc.text {
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 1.8em !important;
  line-height: 1.4285em;
  right: 0;
}
.upc.text.center {
  text-align: center;
}
.withpadding {
  padding: 1em 2em !important;
}
.graybackground {
  background-color: #EEF0F3 !important;
}
.upcbackground {
  background-color: #001E71 !important;
  color: white;
}
.back-to-top {
  display: none;
  background-color: rgba(0, 30, 113, 0.9);
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 52px;
  height: 52px;
  z-index: 100;
  font-size: 2em;
  padding: 12px;
}
.back-to-top i {
  color: white;
  width: 28px;
  height: 28px;
  font-size: 32px;
  margin: 0;
  position: absolute;
  top: 25%;
  left: 20%;
}
.results {
  overflow-y: auto;
  max-height: 500%;
}
#semisplash {
  margin-top: -13px !important;
  padding: 0 !important;
  height: 60vh;
  border: 0;
  background: #abb1ba;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFF), color-stop(1, #abb1ba));
  background: -ms-linear-gradient(bottom, #FFF, #abb1ba);
  background: -moz-linear-gradient(center bottom, #FFF 0%, #abb1ba 100%);
  background: -o-linear-gradient(#abb1ba, #FFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abb1ba', endColorstr='#FFF', GradientType=0);
}
#semisplash .background {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  background-position: 70% 37%;
  background-size: cover;
}
#semisplash .background.active {
  display: block;
}
#semisplash .background.active .tagliner {
  visibility: visible;
}
#semisplash .background.fadeOut {
  display: none;
}
#semisplash .tagliner {
  position: absolute;
  visibility: hidden;
}
#semisplash .tagliner h1 {
  font-size: 3em !important;
  font-family: 'Cervo-Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  text-shadow: 1px 1px 2px #ffffff;
  line-height: 1;
}
#semicontent {
  height: 30vh;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#semicontent .segment {
  height: 100% !important;
  width: 100% !important;
}
#home #semisplash div.uno.active {
  background-image: url(../img/template/laboratorio-01.jpg) !important;
  background-position: 56% 52%;
}
#home #semisplash div.uno.active .tagliner {
  bottom: 20px;
  left: 80px;
}
#home #semisplash div.dos.active {
  background-image: url(../img/template/imagenologia-01.jpg) !important;
  background-position: 15% 47%;
}
#home #semisplash div.dos.active .tagliner {
  top: 40px;
}
#home #semisplash div.tres.active {
  background-image: url(../img/template/imagenologia-02.jpg) !important;
  background-position: 17% 38%;
}
#home #semisplash div.tres.active .tagliner {
  bottom: 20px;
}
#home hr {
  margin-top: 45px;
  margin-bottom: 45px;
  border: 0;
  height: 2px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 30, 113, 0.75), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 30, 113, 0.75), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 30, 113, 0.75), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 30, 113, 0.75), rgba(0, 0, 0, 0));
}
#home #eventos .segment.graybackground {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
div.participantes ol li {
  font-size: 22px;
}
/* buttons */
.actions .buttons a {
  color: white !important;
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
}
a{
    color:#001E71;
}
.upcblueicon{
    color: #001E71
}
.upc.blu {
  background-color: #001E71 !important;
  color: white !important;
}
.upc.blu:hover {
  background-color: rgba(0, 30, 113, 0.8) !important;
}
.upc.blue.button {
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: white !important;
  box-shadow: 0 0 0 2px lighter(#001E71, 20%) inset !important;
  background-color: #001E71 !important;
}

.upc.blue.button:hover {
  color: #001E71 !important;
  box-shadow: 0 0 0 2px #001E71 inset !important;
  background-color: white !important;
  border-color: #001E71 !important;
}
.upc.blue.button a:hover {
  color: #001E71 !important;
}
i.upc.blue.icon {
  color: #001E71 !important;
}
.right.aligned.field {
  text-align: right;
}
#letsgo {
  background-color: transparent !important;
  font-size: 1.2em;
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: white !important;
  box-shadow: 0 0 0 2px white inset !important;
  border-color: white;
}
#letsgo i {
  color: white !important;
}
#letsgo a {
  color: white !important;
}
#letsgo:hover {
  color: #000 !important;
  box-shadow: 0 0 0 2px white inset !important;
  background-color: white !important;
  border-color: white !important;
}
#letsgo:hover i {
  color: #000 !important;
}
#letsgo:hover a {
  color: #000 !important;
}
a.upc.video {
  color: black !important;
}
a.upc.video:hover {
  color: #001E71 !important;
}
.upc_blue {
  color: #001E71 !important;
}
.ui.blue.button, .ui.blue.buttons .button{
    background-color:#001E71 !important;
    color:white !important;
}
/* overrides */
.ui.rounded.images .image,
.ui.rounded.image,
.ui.rounded.images .image > *,
.ui.rounded.image > * {
  border-radius: 1em;
}
.ui.form .field {
  font-size: 20px !important;
}
.ui.form .field > input {
  font-size: 18px;
}
.ui.card > .content {
  font-size: 18px;
}
.ui.checkbox label {
  font-size: 18px;
}



/* slider */
.cd-slider-controls li.selected a {
  background-color: #001E71 !important;
}
.cd-slider-controls a {
  border: 2px solid #001E71 !important;
}
.no-touch .cd-slider-controls a:hover {
  background-color: #001E71 !important;
}
/* box hover text */
.box {
  display: table;
  border-radius: 1em;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  overflow: hidden;
}
.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  max-width: 100%;
}
.box .overbox {
  background-color: rgba(0, 30, 113, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1em;
  height: 100%;
  width: 100%;
  max-width: 100%;
  padding: 20px 20px;
}
.box:hover .overbox {
  opacity: 1;
}
.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box .title {
  position: absolute;
  top: 40%;
  left: 0;
  line-height: 1;
  text-align: center;
  width: 100%;
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}
.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.box .tagline {
  font-family: 'Cervo-Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0;
  text-align: center;
}
.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.actions {
  text-align: center !important;
}
.ui.popup {
  font-size: 16px !important;
}
small.ui.red.pointing.prompt {
  font-size: 15px !important;
}
.justified {
  text-align: justify;
}
.ui.dropdown .menu > .item {
  font-size: 1em !important;
}
.ui.label,
.ui.labels .label {
  font-size: 1rem;
}
.ui.search > .results .result {
  padding: 8px !important;
}
/* sweet alert */
.swal2-content {
  color: #001E71 !important;
  font-size: 2em !important;
  font-family: 'Cervo-Thin', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
}

p {
    line-height:1em;
}

.ui.green.button, .ui.green.buttons .button {
    background-color:#007849;
}

.ui.table td{
  font-size:1.2em;!important;
}

.ui.table td{
     padding:0.3em 0.3em !important;
 }

.ui.blue.label, .ui.blue.labels .label {
    background-color: #001E71 !important;
}

.ui.table th{
    color:#001E71 !important;
}

.ui.dividing.header{
    padding-bottom:0px !important;

}

.ui.header:first-child{
    margin-top: 0.2em !important;
}

h1{
    text-transform: uppercase !important;
}

.data p{
    font-size: 28px;

}


.ui.form .field > label {
    font-size: 20px !important;
    color: #001E71 !important;
}

@media print
{
    .noPrint, .noPrint *
    {
        display: none !important;
    }
    .reducepadding *{
      /* padding-top: -200px; */
      margin-top: -50px;
    }
}

.rotate {

  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


.ui.form .required.field>.checkbox::after, .ui.form .required.field>label::after, .ui.form .required.fields.grouped>label::after, .ui.form .required.fields:not(.grouped)>.field>.checkbox::after, .ui.form .required.fields:not(.grouped)>.field>label::after, .ui.form label.required::after{
  font-size: larger;
}