/* GENERAL */

body {
    /*margin-top: 30px;*/
}


@font-face {
    font-family: 'OpenSans-Bold';
	font-display: swap;
    src: local('OpenSans-Regular'), url('../../assets/fonts/OpenSans-Bold.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-BoldItalic';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-BoldItalic.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-ExtraBold.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-ExtraBoldItalic.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-Italic';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-Italic.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-Light';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-Light.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-LightItalic';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-LightItalic.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-Regular';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-Regular.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-Semibold';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-Semibold.ttf')  format('truetype');
}

@font-face {
    font-family: 'OpenSans-SemiboldItalic';
	font-display: swap;
    src: local('OpenSans-Regular'),url('../../assets/fonts/OpenSans-SemiboldItalic.ttf')  format('truetype');
}

body, html {
    font-family: OpenSans-Regular;
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400px) {
    .btnCalendarContainer select {
        width: 130px !important;
    }
}

@media (min-width: 1400px){
    .container {
        width: 1400px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px){
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .btnBackPostion{
        text-align: right!important;
    }
}

.padding10 {
    padding-left: 10px;
    padding-right: 10px;
}

.breadcrumbs {
    margin-top: -20px;
    margin-bottom: 30px;
    padding-left: 15px;
}

.breadcrumbs.withImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding-left: 5px;
    padding-right: 5px;
    /*background: #221d18;*/
    background: rgba(0, 0, 0, .3);
    margin: 15px 30px;
}

.breadcrumbs span, .breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:visited {
    font-family: OpenSans-Regular;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
}

.breadcrumbs .breadcrumbSeparator {
    color: #999999;
}

.breadcrumbs .breadcrumb {
    color: #333333;
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background: none;
}

.breadcrumbs .breadcrumb:last-child {
    color: #999999;
}

.breadcrumbs.withImg .breadcrumbSeparator, .breadcrumbs.withImg .breadcrumb {
    color: #ffffff;
}


.zindex0 * {
    z-index: 0 !important;
}

.backBtn {
    font-family: OpenSans-Regular;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background: #48626f;
    border-radius: 40px;
    padding-top: 9px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    /*margin-right: 30px;*/
    margin: 16px 30px 0;
    display: inline-block;
    /*float: right;*/
}
.backBtn:visited, .backBtn:link, .backBtn:hover {
    color: #fff;
    text-decoration: none;
}

.backBtn .fa {
    color: #fff;
    padding-right: 8px;
}


.btnBackPostion{
    text-align: center;
}

.nopadding {
    padding: 0px;
}

.padding15 {
    padding: 15px;
}

.btnRadius {
    position: absolute;
    width: 100%;
    left: 50%;
    z-index: 1;
}

.btnRadiusInner {
    display: inline-block;
    text-align: center;
    color: #303030;
    background: #ffffff;
    border-radius: 30px !important;
    padding: 9px 25px 9px 25px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 200;
    position: relative;
    left: -50%;
}

.btnRadius a:hover, .btnRadius a:active, .btnRadius a:visited, .btnRadius a:link {
    color: #303030 !important;
    text-decoration: none !important;
}

.btnRadiusOrange {
    text-transform: uppercase;
    background: #ffad00;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 30px !important;
    padding: 7px 15px 7px 15px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    font-weight: 200;
}

.btnRadiusOrange:active, .btnRadiusOrange:visited, .btnRadiusOrange:link {
    color: #fff !important;
    text-decoration: none !important;
}

.btnRadiusOrangeAlumni {
    text-transform: uppercase;
    background: #ffad00;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 30px !important;
    padding: 7px 15px 7px 15px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    font-weight: 200;
}

.btnRadiusOrangeAlumni:active, .btnRadiusOrangeAlumni:visited, .btnRadiusOrangeAlumni:link {
    color: #fff;
    text-decoration: none;
}

.btnRadiusOrangeAlumni:hover {
  background: #ffffff;
  color: #ffad00;
  border: 1px solid #ffad00;
}

.btnRadiusWhiteAlumni {
    text-transform: uppercase;
    background: transparent;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 30px !important;
    padding: 7px 15px 7px 15px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    font-weight: 200;
    border: 1px solid #ffffff;
}

.btnRadiusWhiteAlumni:active, .btnRadiusWhiteAlumni:visited, .btnRadiusWhiteAlumni:link {
    color: #fff;
    text-decoration: none;
}

.btnRadiusWhiteAlumni:hover {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
}


.btnRadiusBlue {
    text-transform: uppercase;
    background: #0096db;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 30px !important;
    padding: 10px 25px 10px 25px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    font-weight: 200;
}

.btnRadiusBlue:hover, .btnRadiusBlue:active, .btnRadiusBlue:visited, .btnRadiusBlue:link {
    color: #fff !important;
    text-decoration: none !important;
}

.btnRadiusWhiteBlue {
    text-transform: uppercase;
    background: #ffffff;
    color: #0096db;
    border: 2px solid #0096db;
    display: inline-block;
    text-align: center;
    border-radius: 30px !important;
    padding: 7px 15px 7px 15px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    font-weight: 200;
}

.btnRadiusWhiteBlue:active, .btnRadiusWhiteBlue:visited, .btnRadiusWhiteBlue:link {
    color: #0096db;
    text-decoration: none;
}

.btnRadiusWhiteBlue:hover {
  background: #0096db;
  color: #ffffff;
}

.btnRadiusGrey {
    text-transform: uppercase;
    background: #a1a1a1;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 30px !important;
    padding: 7px 15px 7px 15px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    font-weight: 200;
}

.btnRadiusGrey:hover, .btnRadiusGrey:active, .btnRadiusGrey:visited, .btnRadiusGrey:link {
    color: #fff !important;
    text-decoration: none !important;
}

.btnRadiusGrey {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 23px;
    padding-right: 40px;
}

.btnRadiusGrey i {
    margin-right: 10px;
}

.btn-institucio-dark{
    padding: 7px 22px;
    background: #48626f;
    border-radius: 40px;
    color: #fff;
    border: 2px solid #48626f;
    font-size: 15px;
    margin: 20px 10px;
}

.btn-marker {
    padding: 5px 22px !important;
    font-size: 12px!important;
    margin: 0!important;
}

.btn-institucio-dark:hover,.btn-institucio-dark:focus {
    color: #48626f;
    background-color: #fff;
    border: 2px solid #48626f;
}
.btn-institucio-light{
    background: #48626f;
    border-radius: 40px;
    border-color: #48626f;
    color: #fff;
}

.btn-institucio-dark .fa {
     padding-left: 24px;
 }
.btn-institucio-dark .fa:hover,.btn-institucio-dark .fa:focus {
    color: #48626f;
}

.block-buttons-module{
    margin: 0 0 0 25px;
}
/** MAP INSTITUCIO **/
.gm-style .gm-style-iw-c {
    border-radius: 4px !important;
    padding: 0px !important;
}

.gm-style-iw-d {
    overflow-y: scroll!important;
    overflow-x: hidden!important;

}
/****/
.box-shadow{
    box-shadow: 0px 0px 80px rgba(0,0,0,0.15);
}

.pageTitle {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 40px;
    font-family: OpenSans-Light;
}
.pageSubtitle {
    text-align: center;
    display: block;
    padding-top: 20px;
    font-size: 21px;
    width: 100%;
    font-family: OpenSans-Light;
}
.pageTitle div {
    display: inline-block;
}

.pageTitle h1 {
    float: left;
    margin: 5px 0px 0px 0px;
}

.pageIcon {
    float: left;
    margin-top: 3px;
    margin-right: 20px;
}

.pageSummary h2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: OpenSans-Light !important;
    font-size: 18px;
    color: #666666;
}

.pageDescription {
    text-align: left;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: OpenSans-Light !important;
    font-size: 18px;
    color: #666666;
}


.pageFootMenu, .articleFoot {
    background: #f3f3f3;
    padding-top: 80px;
    padding-bottom: 90px;
}

.pageFootMenuTitle {
    color: #333333;
    font-family: OpenSans-Semibold;
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.footPageMenuItemContainer{
    float: left;
    color: #0093d8;
    border: 1px solid #0093d8;
    border-radius: 3px;
    padding: 6px 15px 5px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* EQUIP ALUMNI */
.card-item-name {
    font-size: 20px;
    color: #333333;
}
.description-area {
    padding: 15px 0px;
    color: #7f7f7f;
}
.card-shadow {
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
    margin: 0px 0px 20px;
}
.card-body-team {
    padding: 10px 5px 20px 20px;
}
.card-item-job {
    font-size: 18px;
    color: #666666;
}
.card-item-charge {
    color: #666666;
    min-height: 20px;
}
.card-item-email {
    font-size: 15px;
    color: #0093d8;
}
.equipAlumnisInstitucio {
    padding: 30px;
}

/* FI EQUIP ALUMNI */

.websAlumnisInstitucio{
    padding: 30px;
}
.webAlumniCol{
    padding: 15px 10px;
}
.webAlimniImg{
    height: 250px;width: 100%;
}

.webAlumniCardBody{
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 9px 0;
}
.webAlumniTitle{
    color: #5a737f;
    font-size: 32px;
    font-family: OpenSans-Light;
    margin-top: 0;
}
.nounderline {
    text-decoration: none !important
}

/* Slide de paquete */
/* Slideshow container */
.alumni-slideshow-container {
    position: relative;
    background: #f1f1f1f1;
  }

  /* Slides */
  .alumni-slides {
    display: none;
    padding: 80px;
    text-align: center;
  }

  /* Next & previous buttons */
  .prevSlide, .nextSlide {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }

  /* Position the "next button" to the right */
  .nextSlide {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prevSlide:hover, .nextSlide:hover {
    background-color: rgba(43, 41, 41, 0.8);
    color: white;
  }

  /* The dot/bullet/indicator container */
  .dot-alumni-container {
    text-align: center;
    padding: 20px;
    background: #ddd;
  }

  /* The dots/bullets/indicators */
  .dot-alumni {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  /* Add a background color to the active dot/circle */
  .dot-alumni:active, .dot-alumni:hover {
    background-color: #717171;
  }

  /* Add an italic font style to all quotes */
  q {font-style: italic;}

  /* Add a blue color to the author */
  .author {color: cornflowerblue;}

.webAlumniDonacioContent {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 25px;
}

.buttonsAlumniContent {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 25px;
}

.alumni-slideshow-container {
    position: relative;
    background: #f1f1f1f1;
}

/* Slides */
.alumni-slides {
    display: none;
    padding: 80px;
    text-align: center;
}

.webAlumniSocialMediaContent{
    padding-left: 150px;
    padding-right: 30px;
    margin-top: 40px;
}

.alumniButtonForm{
    margin-right: 0px;
    margin-bottom: 25px;
}

.beAlumniButton{
    /* margin-right: 40px; */
}

.alumniButtonPrivate{
    margin-bottom: 25px;
}

/* Alumni Slide Star */
/* carousel */
#quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #48626F;
  font-size: 2em;
  text-shadow: none;
  margin-top: 30px;
  opacity: 30%;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #FFF;
  border: 1px solid #48626F;
}
#quote-carousel .carousel-indicators .active
{
  background: #48626F;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    /*content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;*/
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
/* Alumni Slide End */


/* Donacio */
#donacioSection {
    overflow: hidden;
    padding-bottom: 0px;
}

.donacioInner .blockTitle {
    font-family: OpenSans-Light;
    color: #333333;
    text-align: center;
    font-size: 26px;
}

.donacioInner .blockText {
    font-family: OpenSans-Regular;
    color: #7f7f7f;
    margin-top: 10px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.donacioTableContainer {
    display: block;
    height: inherit;
    margin-bottom: 80px;
}

.donacioInner {
    display: table-cell;
    vertical-align: middle;
}

#donacioSection .btnContainer {
    position: relative;
    clear: both;
    display: inline-block;
    width:100%;
    height: 30px;
    margin-top: 10px;
}

#donacioSection .btnRadiusOrange {
    color: #fff !important;
    background: #ffad00;
    font-family: OpenSans-Regular;
    padding-top: 10px;
    padding-bottom: 13px;
    font-size: 15px;
    width: 80%;
    display: block;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 20px;
}

/*
.footPageMenuItemContainer  {
    background: #fff;
    font-family: OpenSans-Light;
    font-size: 20px;
    color: #0093d8;
    height: 90px;
    text-align: center;
    display: table;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
	margin-bottom: 30px;

}

.footPageMenuItemContainer:last-child {
    margin-right: 0px !important;
}

.footPageMenuItemContainer .footPageMenuItem, .footPageMenuItemContainer .footPageMenuItem:hover,
.footPageMenuItemContainer .footPageMenuItem:visited, .footPageMenuItemContainer .footPageMenuItem:focus {
    text-decoration: none !important;
    display: table-cell !important;
    vertical-align: middle !important;
}

.footPageMenuItemContainer.selected {
    color: #fff;
    background: #0093d8;
}

.footPageMenuItemContainer.selected .footPageMenuItem, .footPageMenuItemContainer.selected:hover .footPageMenuItem,
.footPageMenuItemContainer.selected:visited .footPageMenuItem, .footPageMenuItemContainer.selected:focus .footPageMenuItem {
    color: #fff;
}

*/
.pageWrapper {
    margin-top: 120px;
}

.remove-padding-left {padding-left:0px;}
.remove-padding-right {padding-right:0px;}

.nextEventsTitle {
    font-family: OpenSans-Semibold;
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

/* FIN GENERAL */

/* CALENDAR */
.calDays {
    /*margin-top: -305px;*/
    margin-bottom: 30px;
}

.calDayBoxToday {
    background: #0097dc;
    margin-right: 53px;
    margin-bottom: 58px;
}

.calDayBoxToday .calDayBoxTodayTitle {
    color: #ffffff;
    font-size: 30px;
    line-height: 22px;
    text-align: center;
    font-weight: 200;
    padding-top: 23px;
    padding-bottom: 23px;
    border-bottom: 0.5px solid #017ab1;
}

.calDayBoxToday .calDayBoxTodaySubtitle {
    border-top: 0.5px solid #00aee3;
    color: #ffffff;
    font-weight: 200;
    font-size: 30px;
    line-height: 22px;
    text-align: center;
    padding: 30px 15px 20px 15px;
}

.calDayBoxToday .calDayBoxTodayNumDay {
    font-size: 80px;
    line-height: 105px;
    font-weight: 400;
}

.calDayBoxToday .calDayBoxTodayMonth {
    font-size: 34px;
}

.calDayBoxToday .calDayBoxTodayContent {
    padding: 15px;
    height: 210px;
    background-color: #ffffff;
    margin: 18px 22px 15px 16px;
    overflow: hidden;
}

.calDayBoxToday .calDayBoxTodayContent .calDayBoxTodayContentInner {
    color: #4d4d4d;
    text-align: left;
    font-size: 13px;
    overflow-y: auto;
    height: 100%;
    line-height: 25px;
}

.dayBox {
    border: .5px solid #cccccc;
    margin: -1px 0 0 -1px;
    position: relative;
}

.dayBox .dayBoxInner {
    padding: 21px 0px 5px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.dayBox:before {
    content: " ";
    padding-top: 100%;
    position: relative;
    width: 100%;
    display: block;
}

.dayBoxFirst {
    /*margin-left: -3px;*/
}

.dayBoxToday {
    display: none;
}

.dayBox .dayBoxTitle {
    color: #0097dc !important;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
}

@media print {
    .dayBox .dayBoxTitle {
        color: #0097dc;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.dayBox .dayBoxTitle.dayBoxTitleDayName {
    margin-left: 21px;
    float: left;
}

.dayBox .dayBoxTitle.dayBoxTitleDayNum {
    float: right;
}

.dayBox .dayBoxContent {
    height: calc(100% - 22px - 21px);
    margin-top: 27px;
    overflow: hidden;
    clear: both;
    width: 100%;
    display: inline-block;
}

.nextEvents {
    margin-bottom: 55px;
}

.nextEvents .dayBox .dayBoxContent {
    margin-top: 10px;
}

.nextEvents .dayBoxTitleDayNum {
    font-family: OpenSans-Bold;
}

.dayBox .dayBoxContent .dayBoxContentInner {
    color: #4d4d4d;
    text-align: left;
    font-size: 12px;
    /*overflow-y: auto;*/
    height: 100%;
}

lower {
    text-transform: lowercase !important;
}

.calendarIcon {
    margin-top: -5px;
    margin-right: 10px;
}

.btnCalendarContainer {

}

.btnPopupContainer {
    /*border: 1px solid #a1a1a1;*/
    padding: 0px;
    text-align: left;
    margin-bottom: 55px;
}

.btnPopupContainer .btnRadiusGrey {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.btnPopupContainer .btnRadiusGrey i {
    margin-right: 10px;
}

.btnCalendar {
    border: 0.5px solid #434343;
    border-radius: 20px;
    text-align: center;
    padding: 10px 20px 10px 20px;
    color: #434343;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 15px;
}

.btnCalendar:hover {
    text-decoration: none;
    color: #00aee3;
    border-color: #00aee3;
}

.btnCalendar .fa {
    margin-right: 12px;
    margin-top: -2px;
    font-size: 16px;
}

.btnCalendarContainer select {
    float: right;
    width: 200px;
    margin-top: -6px;
}

.calendarDivider hr {
    color: #e8eff7;
}

.btnCalendarContainerFooter {
    margin-top: 0px !important;
}

.btnCalendarContainerFooter .btnCalendar {
    float: right;
}

.btnCalendarContainerFooter select {
    margin-top: 1px !important;
}

.printContainer {
    display: none;
}

.darker {
    opacity: 0.3;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.darkerInner {
    position: relative;
    width:100%;
    height:100%;
    text-align: center;
}

.darkerInner img {
    margin-top: 25%;
}

.eventItem {
    margin-bottom: 10px;
}

.eventTitle {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #333333;
}

.eventTime {
    font-family: OpenSans-Regular;
    font-size: 13px;
    color: #999999;
    margin-bottom: 5px;
}

/* FIN CALENDAR */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
    .remove-padding-left-xs {padding-left:0px;}
    .remove-padding-right-xs {padding-right:0px;}

    .pageIcon {
        margin-right: 10px;
        margin-top: 7px;
        height: 26px;
    }

    .pageTitle {
        margin-top: 15px;
    }

    .pageTitle h1 {
        font-size: 26px;
    }

    .pageDescription {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 16px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .pageImage {
        overflow: hidden;
        text-align: center;
        position: relative;
        width: 100%;
        height: 200px;
    }

    .pageImage img {
        height: 100% !important;
        width: auto !important;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .pageWrapper {
        /*margin-top: 55px;*/
        margin-top: 40px;
        /*display: inline-block;*/
        overflow: overlay;
        /*width: 100vw;*/
    }

}


/* FIVE COLUMNS */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

	.btnCalendarContainerFooter {
		width: 100%;
	}

	.btnCalendarContainer {
		margin-bottom: 30px;
	}

	.btnCalendarContainer select {
		width: 35%;
	}
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

	.btnCalendarContainerFooter {
		width: 70%;
	}

    .gm-style-iw-d {
        overflow-y: hidden!important;
        overflow-x: hidden!important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/*
    COOKIE MESSAGE
 */

.bar-top{position:fixed;top:0px;left:0px;}
.admin-bar .bar-top{top:20px;}
.bar-corner{position:fixed;width:31%!important;margin:1% 1%!important;bottom:0px;right:0px;}
.bar-bottom{position:fixed;bottom:0px;left:0px;}

.Cookies {
    display: none;
    width: 100%;
    padding: 10px 20px 20px 20px;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom: 1px solid #ccc;
    background: #F5F5F5;
    position: fixed;
    -webkit-box-shadow: 0 0 3.125rem -1.125rem rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3.125rem -1.125rem rgba(0, 0, 0, 0.6)
}

.Cookies p {
    font-size: 16px;
    margin: 0px;
    margin-top: 15px;
}
.Cookies .info_btn,
.Cookies .accept_btn {
    margin-top: 10px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    float: right;
}
.Cookies .info_btn {
    background: #afafaf;
    color: #fff;
    border-color: #afafaf
}
.Cookies .info_btn:hover {
    background: #a0a0a0
}
.Cookies .accept_btn {
    margin-right: 8px;
    margin-right: 0.5rem;
    background: #0093d8;
}
.web-1 .alexiaLogo {visibility:hidden;width:0;}

/* Responsable Alumni Card */

.btn-primary-cookies {
	border: 2px solid var(--button);
	background-color: #0093d8;
	font-family: Montserrat-Semibold, Montserrat-Regular, "Times New Roman";
	color: black;
	padding: 0 10px;
	/*font-weight: 400;*/
	font-size: 17px !important;
}

.btn-primary-cookies:hover{
	border: 2px solid var(--button);
	background-color: transparent;
	color: var(--button);
}

.btn-secondary-cookies {
	font-family: Montserrat-Semibold, Montserrat-Regular, "Times New Roman";
	border: 2px solid var(--button);
	background-color: #0093d8;
	color: black;
	width: 130%;
	padding: 2px;
	font-size: 15px;
	display: block;
}


/* Cookie Modals START

/* Cookie Update */

.web-6 #cookieAlertModal .modal-dialog .modal-content .modal-body .cookies-alert-text a,
.web-6 .compara .group-title,
.web-6 .modeloFuente {
    color: #fff
}
.web-6 #cookieModal .modal-dialog .modal-content .modal-body .cookies-menu button[aria-expanded=true] {
    background-color: #a7a7a7
}
.web-6 #cookieModal .modal-dialog .modal-content .modal-body .cookies-content a {
    color: #fff
}
.web-6 #cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-handle {
    background-color: #dadada
}
.web-6 #cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-on {
    background-color: #dadada
}



.web-6 .cookiealert.show a,
.web-6 .text-orange {
    color: #fff
}
.web-6 .cookiealert.show a:hover {
    color: #fff
}

.web-6 .modal .modal-dialog .modal-body .form button {
    background-image: linear-gradient(180deg, #ff6319, #ff6319);
    background-color: #dadada
}
.web-6 .modal .modal-dialog .modal-body .form button:hover {
    background: #e9733c
}



#cookieAlertModal .modal-dialog .modal-content,
#cookieModal .modal-dialog .modal-content {
    color: #4d4d4d;
    background-color: #dadada
}
#cookieAlertModal .modal-dialog .modal-content .modal-header,
#cookieModal .modal-dialog .modal-content .modal-header {
    font-family: OpenSans-Regular
}
#cookieAlertModal .modal-dialog .modal-content .modal-body,
#cookieModal .modal-dialog .modal-content .modal-body {
    padding: 1rem;
    text-align: left;
    font-family: OpenSans-Regular
}
#cookieAlertModal .modal-footer,
#cookieModal .modal-footer {
    font-family: OpenSans-Regular
}
#cookieAlertModal .modal-footer button,
#cookieModal .modal-footer button {
    font-family: OpenSans-Regular
}
#cookieAlertModal .modal-dialog .modal-content .modal-header {
    font-weight: 700;
    padding-bottom: 0
}
#cookieAlertModal .modal-dialog .modal-content .modal-body {
    padding-top: 0
}
#cookieAlertModal .modal-dialog .modal-content .modal-body .cookies-alert-text {
    margin-bottom: 1.5rem
}
#cookieAlertModal .modal-dialog .modal-content .modal-body .cookies-alert-text a {
    color: #fff
}
#cookieAlertModal .modal-dialog .modal-content .modal-body .cookies-alert-options .option-block button {
    width: 100%;

}
#cookieAlertModal .modal-dialog .modal-content .modal-body .cookies-alert-options .option-block button.cookiesConfig-btn {
    margin-bottom: 1rem
}
#cookieModal .modal-dialog {
    max-width: 600px
}
#cookieModal .modal-dialog .modal-content {
    height: 75vh;
    overflow: auto
}
#cookieModal .modal-dialog .modal-content .modal-header {
    border-bottom: 1px solid #e5e5e5
}
#cookieModal .modal-dialog .modal-content .modal-header .row img {
    width: 50px;
    height: 50px
}
#cookieModal .modal-dialog .modal-content .modal-header .row .title-block {
    padding-left: 15px
}
#cookieModal .modal-dialog .modal-content .modal-header .row .title-block .modal-title {
    font-weight: 700
}
#cookieModal .modal-dialog .modal-content .modal-body {
    padding: 0
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content {
    padding: 15px
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle {
    padding: 0;
    float: right;
    border: none;
    background: transparent
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle.off .toggle-group .toggle-handle {
    left: 10px;
    background-color: grey
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-handle {
    left: -10px
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group {
    top: 10px
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-handle,
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-off,
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-on {
    line-height: .5;
    font-size: .875rem;
    border-radius: .2rem;
    border-color: transparent
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-handle {
    padding: 0;
    width: 20px;
    height: 20px;
    top: -12.2px;
    border-radius: 50%
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-off,
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-on {
    top: -3px;
    padding: 0;
    height: 10px;
    border-radius: 1rem
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-off {
    background-color: #dadada
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-content .toggle .toggle-group .toggle-off .toggle-handle {
    left: 10px
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-menu button {
    border: 0;
    margin-top: 0;
    color: #4d4d4d;
    padding: 1.5rem 0;
    cursor: pointer
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-menu button[aria-expanded=false] {
    border-bottom: 1px solid;
    background-color: #dadada
}
#cookieModal .modal-dialog .modal-content .modal-body .cookies-menu button:focus {
    outline: none
}
#cookieModal .modal-footer {
    margin: 8px;
    bottom: 30px;
    height: 25vh;
    display: block;
    max-width: 600px;
    position: relative;
    background-color: #dadada
}
#cookieModal .modal-footer button {
    width: 100%;
    box-shadow: none;
    border-color: transparent
}
#cookieModal .modal-footer button.cookieSave {
    margin-bottom: 1rem
}


@media only screen and (min-width:576px) {
    #cookieModal .modal-footer {
        margin: 0 auto
    }
}
@media only screen and (min-width:768px) {
    .carrouselHeadercont .header-picture-block {
        padding-top: 26.041666667%
    }
    .carrouselHeadercont .header-picture-block .header-picture {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    #modalContactResponse-error .modal-body,
    #modalContactResponse-success .modal-body,
    #modalCountryLocation .modal-dialog .modal-body {
        padding: 0 5rem 2.5rem
    }
    #modalCountryLocation .modal-dialog .modal-body .form .modal-country-location-btn {
        width: 45%;
        float: right
    }
    #cookieAlertModal .modal-dialog {
        margin-top: 150px
    }
    #cookieAlertModal .modal-content .modal-body .cookies-alert-options .option-block {
        padding-left: 15px;
        padding-right: 15px
    }
    #cookieAlertModal .modal-content .modal-body .cookies-alert-options .option-block button {
        width: auto
    }
    #cookieAlertModal .modal-content .modal-body .cookies-alert-options .option-block button.cookiesConfig-btn {
        margin-bottom: 0
    }
    #cookieModal {
        overflow: auto
    }
    #cookieModal .modal-dialog {
        margin-top: 150px
    }
    #cookieModal .modal-dialog .modal-content {
        height: auto;
        overflow: none
    }
    #cookieModal .modal-dialog .modal-content .modal-header .row {
        width: 100%
    }
    #cookieModal .modal-dialog .modal-content .modal-header .row img {
        margin: 0
    }
    #cookieModal .modal-dialog .modal-content .modal-header .row .title-block .modal-title {
        font-size: 1.8rem
    }
    #cookieModal .modal-dialog .modal-content .modal-body {
        height: 450px;
        overflow: auto
    }
    #cookieModal .modal-dialog .modal-content .modal-body .cookies-menu {
        padding-right: 15px
    }
    #cookieModal .modal-dialog .modal-content .modal-body .cookies-menu button {
        text-align: left;
        padding-left: 15px
    }
    #cookieModal .modal-dialog .modal-content .modal-body .cookies-content {
        padding-left: 15px
    }
    #cookieModal .modal-footer {
        margin: 0;
        height: auto;
        bottom: auto;
        max-width: 100%
    }
    #cookieModal .modal-footer button {
        width: auto
    }
    #cookieModal .modal-footer button.cookieSave {
        margin-bottom: 0
    }
    #cookieModal .modal-footer button.cookieAcceptAll {
        float: right
    }
}
.modal-content {
    border-radius: 0;
    border: none;
    width: 135%
}

/**/
#cookieModal h1{
    font-weight: 700;
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 0;
}

#cookieModal .row{
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}
#cookieModal .modal-footer  {
    text-align: initial;

}
#cookieModal  .col-md-4{
    padding-left: inherit;
}
#cookieModal .panel{
    background-color: #ffffff;
    box-shadow: none;
}
#cookieModal table{
    width: auto;
}
#cookieModal small{
    font-size: 90%;
}
#cookieModal .card-block{
    margin: 10px 14px 0 0;
}
#cookieModal .card-block .toggle.btn {
    float: right;
}
#cookieModal .modal-body{
    background-color: #fff;
}
#cookieModal .cookies-menu {
    height: 440px;
}
/* Cookie Update END */




/* alumni responsable */
.pageWrapper .modal .modal-body p.message-success-contact-responsable{
    color: green;

}
.pageWrapper .modal .modal-body p.message-error-contact-responsable{
    color: red;
}
.pageWrapper .modal .modal-body p.message-success-contact-responsable,
.pageWrapper .modal .modal-body p.message-error-contact-responsable{
    text-align: center;
    font-size: 20px;
}
/*  END alumni responsable */

/* Fixed button whatsapp web  START */
.web-social-settings-whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#00e676;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }

  .web-social-settings-whatsapp-icon {
    margin-top:13px;
  }

/* Fixed button whatsapp web END */



@media (min-width: 992px) {
    #denuncies .caracterPropiText.caracterPropiSelected1.option2Selected {
        width: 33%;
        left: 31.2%;
        position: inherit;
    }
    #denuncies .caracterPropiText.caracterPropiSelected1.option3Selected{
        width: 33%;
        left: 53.2%;
        position: inherit;
    }
    #denuncies .caracterPropiText.caracterPropiSelected1.option1Selected {
        width: 33%;
        left: 8.2%;
        position: inherit;
    }
}