/* blue-green: #104C60 */
/* orange: #FF8400 */
/* black: #0E2C4A */
html, body{ height: 100%;}
body { overflow-x: hidden; font-family: 'Open Sans', sans-serif; min-height: 100%; }

h1, h2, h3, h4, h5, h6{ font-family: 'Montserrat', sans-serif; color: #0E2C4A; letter-spacing: 0px;padding:0;margin:10px 0;border-bottom:none;}
h3.blue { color: #104C60;}
h2{ font-size: 40px; line-height: 50px; text-transform: uppercase;}
h5{ font-size: 18px; line-height: 26px; color: #FF8400; }
p, .textContent li { font-size: 14px; line-height: 18px; font-family: 'Open Sans', sans-serif; color: #0D2B4A;}
p.gray { color: #9B9B9B; }
p.green { color: #87A5AF; opacity: 0.85; }
p.darkgreen { color: #87A5AF; }
p.warning { padding-left: 25px;
    background: url(/img/icons/icon-warning.png) left center no-repeat;
}
p.warningsubline{padding-left: 25px; }
i { font-style: italic;}

a.btn{
  background: #FF8400; color: #fff; padding: 7px 30px; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30); border-radius: 2px; text-transform: uppercase;
}
a.btn:hover{
  background: #ffa340; color: #fff;
}
a.btn.big{
  padding: 11px 30px;
}
a.secbtn, a.btn.sec{
  border: 2px solid #FF8400; border-radius: 2px; color: #FF8400; padding: 6px 30px; text-transform: uppercase; display: inline-block; background: none;
}
a.btn.sec{
  font-size: 14px;
}
a.secbtn:hover, a.btn.sec:hover{
  background: #FF8400; color: #fff; text-decoration: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    color: #fff;
    box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30);
}
.secbtn.active.focus, .secbtn.active:focus, .secbtn.focus, .secbtn:active.focus, .secbtn:active:focus, .secbtn:focus {
    outline: none;
    color: #FF8400;
}
a, a.link{ color: #20A8D6; cursor: pointer;}
a.small{font-size: 14px;}
a.link.gray{ color: #89a5af; }
a.link.lblue { color: #20A8D6; }
a.white:hover{ color: #fff; text-decoration: underline;}
a:focus, a:active, a:visited{ text-decoration: none; }
a.underline, a.underline:hover { text-decoration: underline; }
a.underlineOrange.active, a.underlineOrange:hover {
  text-decoration: underline;
  color: #FF8400;
}
a.noUnderline:hover{text-decoration: none;}
a.textLink { color: inherit; text-decoration: none;}
a.textLink:hover{text-decoration: none; color: inherit; }
a.marginB{ display: block; }
h1 a, h2 a, h3 a, h4 a { color: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: inherit; color: inherit;}
h2.camelcase{text-transform: capitalize;}

ul{padding-left:40px;}
ul.noBulletList { margin: 0; padding: 0;}
ul.noBulletList li {list-style: none; line-height: 22px;}

input:focus, textarea:focus, select:focus, :focus{ outline: none; }
html input[disabled] {
    cursor: default;
    background: #ebeff1;
    border: 1px solid #dce5e8;
    color: #dcdcdc;
}

.headerUnderline{
  text-decoration: inherit;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small,
h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{
  color: inherit
}

.mobileonly{ display: none; }

.wrap { padding-top: 35px; padding-bottom: 35px; }
.bigwrap { padding-top: 70px; padding-bottom: 70px; }
.sideWrap { padding-left: 35px; padding-right: 35px;  }
.smallWrap { padding: 20px 30px; }
.smallWrapper { padding-top: 20px; padding-bottom: 20px; }
.jobsContainer{margin-left: -15px;}

.wrap.noBottom, .bigwrap.noBottom{padding-bottom: 0;}

.blueBG{ background: #104C60;}
.greyBG, span.underline.grey { background: #e7edef;}
.darkGreyBG{background: #86a5b0;}
.orangeBG { background: #fda24b;}
.blue { color: #104C60;}
.white { color: #FFFFFF;}
.lblue { color: #20A8D6; }
.orange { color: #FF8400;}
.passive { color: #919191;}
.red { color: #db6460;}
.green {color: #7ED321;}

.border { border-bottom: 1px solid #fff; }
.border.grey { border-bottom: 1px solid #E7EDEF; }

.placeholderImg{opacity: 0.5}

.posRelative{ position: relative; }

.left { float: left; }
.right { float: right; }
.center { margin: 0 auto;}

.alignCenter{ text-align: center; }
.alignRight{ text-align: right; }
.alignLeft{ text-align: left; }

.noPaddingL{ padding-left: 0; }
.noPaddingR{ padding-right: 0; }
.noPaddingT{ padding-top: 0 !important;}
.noPaddingB {padding-bottom: 0px!important;}

.noMarginB { margin-bottom: 0px!important;}
.noMarginT { margin-top: 0px!important;}
.noMarginL{margin-left: 0px !important}

.lighter { font-weight: 100; }
.bold { font-weight: 600; }

.uppercase { text-transform: uppercase!important;}
.normalcase { text-transform: none!important; }

.displayBlock {display: block;}
.displayInline {display: inline-block;}
.marginB, .borderedBox.marginB { margin-bottom: 30px;}
.marginT { margin-top: 30px;}
.mediumMarginB { margin-bottom: 20px!important;}
.miniMarginB { margin-bottom: 10px!important;}
.mediumMarginT { margin-top: 20px!important;}
.miniMarginT { margin-top: 10px!important;}

.miniPaddingB{padding-bottom: 10px;}

.negMarginT{ margin-top: -20px;}

.miniMarginR { margin-right: 10px!important; }
.mediumMarginR { margin-right: 20px!important; }

.bigMarginB{
  margin-bottom: 60px !important;
}

.borderTop { border-top: 1px solid rgba(195, 210, 215, 0.35); padding-top: 20px;}

.row.errorline { background: #fff2f2; }

.alignMiddle{vertical-align: middle;}
.tableAlignMiddle{vertical-align: middle !important;}

.wordWrap{word-wrap: break-word;}

.linkAsText{
  color: #333333;
  text-decoration: none !important;
}

.posRelative{
  position: relative;
}

.noOpacity{opacity: 1 !important}

span.underline { display: block; width: 60px; height: 2px; background: #FFFFFF;}
span.underline.large{width:140px;}
span.underline.orange { background: #FF8400;}
span.underline.blue { background: #104C60;}
span.underline.lblue { background: #20A8D6;}

.sep { display: block; width: 80%; height: 1px; background: #e7edef; margin: 50px 0;}
.sep.center { margin: 50px auto; }

.paddedBox { display: block; padding: 25px; border: 2px solid #FF8400; border-radius: 4px; position: relative;}
.paddedBox.orangeBox { background: rgba(231,237,239,0.20); border: 1px solid #FFC17F; border-radius: 2px; }
.paddedBox.whiteBox { background: #fff; border: 2px solid #fff;}
.paddedBoxIcon { position: absolute; display: block; left: 0; right: 0; margin: 0 auto; top: -21px; padding: 0 30px; width: 150px; text-align: center; background: #fff;}
.paddedBox h3 { font-family: 'Montserrat', sans-serif; font-size: 35px; color: #104C60;}
.paddedBox h4 { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #104C60; padding: 0 20px; line-height: 24px; margin: 15px 0;}
.paddedBox p { opacity: 0.85; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #FF8400; letter-spacing: 0px; line-height: 22px;}
.paddedBox.whiteBox h3, .paddedBox.whiteBox h4, .paddedBox.whiteBox p{ opacity: 0.85; color: #20A8D6; }

.padding{ padding: 25px;}

ul.ui-autocomplete{ background: #fff; display: inline-block; border: 1px solid #ccc; z-index:9999!important; margin-top:8px;}
ul.ui-autocomplete li{border-bottom:1px solid #ccc; padding: 5px;margin-bottom:1px!important;}
ul.ui-autocomplete li.ui-menu-item a{ padding: 4px 10px; line-height: 22px; display: block;border-radius:0;font-size: 15px; font-family: "proxima-nova",sans-serif; color: #555;}
ul.ui-autocomplete li.ui-menu-item:last-child, ul.ui-autocomplete li.ui-menu-item:last-child a.ui-state-focus {border-bottom:1px solid white;}
ul.ui-autocomplete li.ui-menu-item.noresults{ border-bottom: none; font-size: 12px;}
ul.ui-autocomplete li.ui-menu-item.noresults:hover, ul.ui-autocomplete li.ui-menu-item.noresults a.ui-state-focus{ background:white; cursor:default;}
ul.ui-autocomplete li.ui-menu-item.noresults a{ color:#999;}
ul.ui-autocomplete li.ui-menu-item strong{ background: #CCC; border-radius: 2px; padding: 1px 1px;color: #444;}

.ui-widget-content .ui-state-active{background: #fff !important; border-color: #fff !important;}

input.autocomplete{background: url('/img/icons/icn_autocomplete.png') center no-repeat;background-position: 98%; padding-right: 36px; outline:none!important;}
input.ui-autocomplete-loading{ background: white url("/img/icons/loading.gif") right no-repeat; background-position: 115%; }
input.autocomplete.noSearchIcon{ background: none; padding-right: 10px;}
input.autocomplete.noSearchIcon.lmedium{width: 300px!important; }

/* PREVIEW */
.editBlock .editLink{border:1px solid transparent;padding-top:5px;padding-bottom:5px;margin-bottom:2px;}
.editBlock .editLink{border:none; padding-top:0px; padding-bottom:0px; margin-bottom:0px;}

.previewImg{
  position: relative;
  text-align: center;
  color: white;
}

.previewReadonly_en_1 .centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textOverlay{padding-top:0;padding-bottom:0;}

.message {
   position: fixed;
   display: inline-block;
   margin: 0 auto;
   left: 0;
   right: 0;
   margin-top: 20px;
   width: 300px;
   /*background: #16a765;*/

   padding: 10px 10px 10px 20px;
   color: #fff;
   border-radius: 2px;
   box-shadow: 0px 1px 12px #969696;
   z-index: 99;
}
.message.success{
  /*background: #7ED321;*/
  background: #6cbf6d;
}
.message.error{
  background: #db6460;
}
.message.warning{
  background: #f1b55f;
}
.message.info{
  background: #6bc6e1;
}

.message i {
  margin-right: 10px;
  font-size: 30px;
  position: absolute;
}
.message.error i {
  font-size: 28px;
  line-height: 36px;
}
.textContent h4{margin-bottom:20px;}
.message h4 {
  display: inline-block;
  color: #fff;
  font-weight: 200;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
}
.message h5 {
  display: inline-block;
  color: #fff;
  font-weight: 200;
  font-size: 12px;
  line-height: 14px;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

#feedback .closeMessage {
  display: inline-block;
  width: 12px;
  height: 20px;
  background: url('/img/icons/icon-close-white.png') center center no-repeat;
  float: right;
  opacity: 0.9;
  position: absolute;
  right: 10px;
  top: 10px;
}

#feedback .closeMessage:hover {
  cursor: pointer;
  opacity: 1;
}

a.actionExcel{
  background: url(/img/icons/excel.gif) top left no-repeat;
  background-position: 6px;

}

.cookiePolicyBox{
  position: fixed;
  height: auto;
  max-width:300px;
  width: 100%;
  background-color: #20a8d6;
  bottom: 30px;
  left: 30px;
  z-index: 9999;
  box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30);
}

.cookiePolicyBox i.icon-cookie{
  background: url('/img/icons/icon-cookie.png') bottom left no-repeat;
  background: url('/img/icons/icon-cookie.svg') bottom left no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.cookiePolicyBox h3, .cookiePolicyBox p{
  color: #fff;
  padding: 0px 20px;
}

.cookiePolicyBox h3{
  font-weight: 600;
}

.cookiePolicyBox p{
  margin-top: 30px;
}

.cookiePolicyBox div{
  text-align: center;
  margin: 25px;
}

.cookiePolicyBox a{
  color: #fff;
}

.cookiePolicyBox .cookiePolicyInfo{
  margin-top: 10px;
  text-decoration: underline;
}

/* MAIN NAV */
#mainNav {
  position: fixed; top: 0; z-index: 299; width: 100%;
   -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
           transition: all 0.5s ease-in-out;
}
#mainNav.fixed { position: fixed; }
#mainNav.portalNav {position: relative!important;}
#mainNav.top { position: absolute; }
#mainNav.navHidden { position: fixed; top: -153px; }
#mainNav a.navLogoLink{ display: inline-block; background: #fff; padding: 15px; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.20);}
#mainNav a.navLogoLink img{ display: inline-block; width: 92px;}
#mainNav ul { display: inline-block;}
#mainNav ul li { display: inline;}
#mainNav ul li a { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; border-radius: 2px; color: #FFFFFF; letter-spacing: 0px; text-transform: uppercase; padding: 7px 12px;}
/*ENKEL VOOR LIVE GAAN ZONDER PORTAL*/
#mainNav ul li a {padding: 7px 12px;}
/*END*/
#mainNav ul li.active a, #mainNav ul li a:hover{ color: #4C7988; background: #fff; text-decoration: none;}
#mainNav ul li.login {margin-right: 0;}
#mainNav ul li.login a{  margin-right: 0; padding: 7px 30px;}

#mainNav.white { background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20)}
#mainNav.white a.navLogoLink { box-shadow: none; }
#mainNav.white ul li a { color: #4C7988; }
#mainNav.white ul li.active a, #mainNav.white ul li a:hover{ background: #e7edef;}

#mainNav ul li.login a{ color: #fff; background: #FF8400;}
#mainNav ul li.login a:hover{ background: #ff890c; }
#mainNav.white ul li.login a { box-shadow: none; }
#mainNav .container{width: 1250px;}

/* SUB NAV */
#subNav { position: absolute; top: 160px; z-index: 29; width: 100%;}
#subNav ul { display: inline-block;}
#subNav ul li { display: inline; margin-right: 10px;}
#subNav ul li a { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; border-radius: 2px; color: #FFFFFF; background: rgba(195, 210, 215, 0.8); letter-spacing: 0px; text-transform: uppercase; padding: 7px 12px;}
#subNav ul li.active a, #subNav ul li a:hover{ color: #4C7988; background: #fff; text-decoration: none; /*box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30);*/}
#subNav.backtoWrap i{font-weight:bold;}

/* MOBILE NAV */
#mobileNav { display: none; position: absolute; top: 0; z-index: 299; width: 100%;}
#mobileNav a.navLogoLink{ display: inline-block; background: #fff; padding: 15px; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.20)}
#mobileNav a.navLogoLink img{ display: inline-block; width: 69px;}
#mobileNav a.toggleMenu { margin: 20px 0 0;}
#mobileNav a.toggleMenu:hover { opacity: 0.8;}
#mobileNav a.toggleMenu span.menuIcon {display: block; width: 21px; height: 20px;}
#mobileNav a.toggleMenu span.openMenu { background: url('/img/icons/mobileMenu.png') right center no-repeat;}
#mobileNav.portalMobileNav a.toggleMenu span.openMenu { background: url('/img/icons/mobileMenu-green.png') right center no-repeat;}

#mobileNav a.toggleMenu span.closeMenu { display: none; background: url('/img/icons/mobileMenu-close.png') right center no-repeat;}
#mobileNav a.toggleMenu.opened span.closeMenu { display: block; }
#mobileNav a.toggleMenu.opened span.openMenu { display: none; }

/* mobile nav drop */
.nav-open #mobileNav {
    position: fixed;
}
#nav-mobile-drop {
  background-color: #87A5AF;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  height: 400px;
  opacity: 0;
  overflow-y: scroll;
  position: fixed;
  display: none;
  width: 100%;
  z-index: -1;
}
.nav-open {
  overflow: hidden;
}
.nav-open #nav-mobile-drop {
  display: block;
  opacity: 1;
  padding: 0px;
  padding-bottom: 60px;
  z-index: 199;
}
.nav-open #nav-mobile-main{
  background: #87A5AF;
  padding-bottom: 17px;
}
#nav-mobile-drop .container{
  padding: 0;
}

#nav-mobile-drop ul{
  padding: 0;
}
#nav-mobile-drop li {
  list-style: none;
  padding-left: 15px; padding-right: 15px;
}

#nav-mobile-drop li a {
  display: block;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  line-height: 40px;
  color: #FFFFFF;
  letter-spacing: 0px;
  padding: 10px 0;
}
#nav-mobile-drop li a:hover{
  text-decoration: none;
}
#nav-mobile-drop li:hover{
  background: #90adb7;
}

#nav-mobile-drop li.login a{margin-top: 25px; line-height: 40px;}
#nav-mobile-drop .col-md-12{padding: 0px;}
/* mobile nav subnav */
#nav-mobile-drop li.hasSubNav a.subNavLink{
  background: url('/img/icons/icon-menu-down.png') right 15px center no-repeat;
}
#nav-mobile-drop li.hasSubNav ul.mobileSubNav{
  display: none;
}
#nav-mobile-drop li.hasSubNav ul.mobileSubNav li{
  padding-left: 0px; padding-right: 0px;
}
#nav-mobile-drop li.hasSubNav.open {
  background: #90adb7;
}
#nav-mobile-drop li.hasSubNav.open a.subNavLink{
  background: url('/img/icons/icon-menu-up.png') right 15px center no-repeat;
}
#nav-mobile-drop li.hasSubNav ul.mobileSubNav li a { font-size: 17px; }


/* HEADER */
.header:not(th){ display: block; width: 100%; height: 625px; overflow: hidden; position: relative; z-index: 9; }
.header.video:not(th){ height: 100vh; max-height: 1080px; }

.headerContent { display: block; position: absolute; top: 330px; left: 0; right: 0; margin: 0 auto; }

/* bg: */
.headerBox { position:relative; z-index:1000; background: #FFFFFF; border: 1px solid rgba(44,79,178,0.10); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10); border-radius: 4px; text-align: center; padding: 25px; max-width: 90%; margin: 0 auto;opacity: 0.9;}
.headerBox h1{ font-size: 56px; line-height: 64px; text-transform: uppercase; text-align: center; margin-top: 0px;border:none;}
.headerBox h4 { font-size: 15px; line-height: 21px;border:none;}
.headerBox h3 { font-size: 21px; color: #20A8D6; margin-bottom: 15px; margin-top: 15px;border:none;}
.headerBox h2 { color: #104C60; border:none;}
.headerBox ul, .headerBox ol{padding-left:40px;}
.headerBox p,.headerBox li, p.header-p { opacity: 0.85; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #104C60; line-height: 24px; font-weight: 300;border:none;}
.headerBox li{text-align:left;}

.splashInner{position: absolute;left: 0;top: 0;width: 100%;height:100%;}
.contentpageHeader .headerContent { /*top: 175px;*/ top: 220px;}
.contentpageHeader.header.smallHeader .headerImage-outer,.contentpageHeader.header.smallHeader{height:400px;margin-bottom:60px;}
.contentpageHeader.header.smallHeader .headerContent{top:170px;}

.homepage__header-video {
    width: 100%;
    height: 100%;
}
.homepage__header-video iframe {
    width: 100%;
    height: 100vh;
}

.image-thumb{overflow:hidden;}
.header .image-thumb{overflow:visible;}
.headerImage-outer { height: 625px; margin: 0 auto;overflow: hidden; }
.headerImage-outer.fullh { height: 100vh; }
.headerImage-outer .headerImage-inner { display: inline-block; position: relative; right: -50%;}
.headerImage-outer .headerImage-inner .headerImage { position: relative; left: -50%; }

.header video {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

img{max-width:100%;}
img.headerImage{max-width:none;}

.emptyHeader { display: block; height: 134px; margin-top: 83px; }
.greyBG p { opacity: 0.85; font-family: 'Open Sans', sans-serif; font-size: 20px; color: #104C60; line-height: 32px; font-weight: 300;}

/* SERVICE NAV */
.serviceNav { background: #104C60 url('/img/globe.png') right 40px top -30px no-repeat; background-size: 540px;}
.serviceNav h4 { color: #fff; font-size: 12px; margin-bottom: 15px}
.serviceNav ul{ margin: 15px 0; padding: 0; }
.serviceNav ul li{ list-style: none; }
.serviceNav ul li a {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid rgba(44,79,178,0.10);
  box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.20);
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 38px;
  color: #20A8D6;
  padding-left: 40px;
  background: #fff url('/img/icons/icon-servnav-arrow.png') left 15px top 10px no-repeat;)
}
.serviceNav ul li a:hover { text-decoration: none;   background: #f1f1f1 url('/img/icons/icon-servnav-arrow.png') left 15px top 10px no-repeat;)}

/* TESTIMONIAL */
h3.quote{ font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: italic; font-size: 32px; color: #104C60; margin-bottom: 25px;}
img.testimonialThumb { width: 100%; }
h5.author{ font-size: 18px; line-height: 26px; color: #FF8400; margin-bottom: 25px;}

/* FACTS */
.facts{ background: #E7EDEF; }
.facts .col-md-4{ padding: 35px 65px;}
.factBox { border: 2px solid #FF8400; border-radius: 2px; text-align: center; padding: 35px 20px 25px 20px; position: relative;}
.factBox .number { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #104C60; position: absolute; top: -22px; margin: 0 auto; left: 0; right: 0; padding: 0 10px; background: #E7EDEF; display: inline-block; width: 150px; }
.factBox .number .value { opacity: 0.85; font-weight: 800;}
.factBox .number .unit { opacity: 0.85; font-weight: 100;}
.factBox .factDescr p{ opacity: 0.85; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333333; letter-spacing: 0px;}
.factBox .number.medium  { font-size: 32px;}
.factBox .number.small  { font-size: 26px;}
.factBox .number.smaller  { font-size: 22px;}
.factBox .number.multiline { font-size: 22px; line-height: 24px;}
.facts .carousel-indicators { bottom: -15px; }
.facts .carousel-inner { height: 190px;}
.carousel-indicators li{ background: #fff; }
.carousel-indicators li.active { background: #104C60; }
/* STORY */
.story { background: #104C60 url('/img/globe.png') center top 315px no-repeat; background-size: 1035px; }
.story p { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #FFFFFF; letter-spacing: 0.44px; line-height: 28px; font-weight: 300; margin: 30px 0 20px;}
.story iframe { width: 100%; height: 420px;}

/* WHY QTEM */
.whyQtem .wrap { padding-top: 70px; padding-bottom: 70px;}
.whyQtem h2{ font-size: 40px; color: #104C60;}
.enumeration { padding: 25px 0; margin: 0;}
.enumeration, .enumeration p  { list-style: none; opacity: 0.85; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; padding: 15px 0;}
.number { display: inline-block; width: 40px; height: 40px; line-height: 40px;background: #20A8D6; color: #FFFFFF; text-align: center;
  font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; border-radius: 50%; margin-right: 10px;
}
.enumeration .text, .enumeration p { line-height: 20px;}
.enumeration p { padding: 0; margin: 0;}
.whyQtem img.whyThumb { width: 100%; }
.whyQtem a.btn { margin-left: calc(50% - 71px);}
.enumeration .row > div { padding: 0 0 0 15px; min-height: 40px;}
.enumeration a.btn {margin-top: 10px;}

.enumeration li{
  counter-increment: step-counter;
  margin-bottom: 30px;
  min-height: 44px;
}
.enumeration li:before{
  content: counter(step-counter);
  display: inline-block;
  width: 40px; height: 40px; line-height: 40px;background: #20A8D6; color: #FFFFFF; text-align: center;
  font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; border-radius: 50%; margin-right: 30px; float: left;
  margin-bottom: 30px;
  margin-top: 4px;
}
.enumeration ol {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  list-style-type: none;
}
.enumeration ol li a{                 /* link as button hack */
  background: #FF8400;
  color: #fff;
  padding: 7px 30px;
  box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30);
  border-radius: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  display: table;
  margin-top: 20px;
  margin-left: 70px;
}
.enumeration ol li a:hover{
  background: #ff890c;
  color: #fff;
  text-decoration: none;
}

.whyQtem .enumeration li, .whyQtem .enumeration li:before{ margin-bottom: 20px; }

/* HOMEALUMNI */
.homeAlumni { background: #87A5AF; }
.profileCard { background: #FFFFFF; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.30); border-radius: 2px; height: 440px;}
.profileCard .profilePicture img{ width: 100%; border-radius: 2px 2px 0 0;}
.profileCard .profilePicture { border-bottom: 2px solid #FF8400; border-radius: 2px 2px 0 0; height: 234px; overflow: hidden;}
.profileCard .profileSummary { font-family: 'Montserrat', sans-serif; padding: 15px 20px; }
.profileCard h5 { font-size: 18px; color: #000000; }
.profileCard .profilePosition { font-size: 15px; color: #FF8400; margin-bottom: 20px; }
.profileCard .profileExtraInfo { font-size: 15px; color: #9B9B9B; line-height: 22px; margin-top: 15px; }

.prevAction, .nextAction{ position: absolute; display: block; background: #FF8400; width: 75px; height: 45px; line-height: 45px; color: #fff; border-radius: 2px;
  text-align: center; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30); vertical-align: middle; z-index: 99; top: calc(50% - 42px); text-shadow: none;
}
.prevAction:hover, .nextAction:hover { background: #ff890c; color: #fff; }
.prevAction i, .nextAction i { line-height: 45px; font-size: 27px; }
.prevAction { left: -35px; }
.nextAction { right: -35px; }

.homeAlumni .carousel { height: 520px; }
.homeAlumni .carousel-inner, .homeAlumni .carousel-inner > .item { height: 520px; width: 100%; }

.homeAlumni .carousel-control.left, .homeAlumni .carousel-control.right {
    background-image: none;
    background-repeat: no-repeat;;
    opacity: 1;
}
.homeAlumni .carousel-control.left { left: -35px; }
.homeAlumni .carousel-control.right { right: -35px; }

/* VIDEO'S */
.videos { background: #104C60; }
.videos .videoThumbBox { position: relative; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30); border-radius: 2px; margin-bottom: 20px;}
.videos .videoThumb { width: 100%; border-radius: 2px;}
.videos .videoPlay { display: block; width: 40px; height: 40px; background: url('/img/icons/play.png') left center no-repeat;
  position: absolute; left: 10px; bottom: 10px;
}
.videos .videoPlay:hover { opacity: 0.9;}
.videos .videoBox p { font-family: 'Montserrat', sans-serif; font-size: 15px; color: #FFFFFF; padding-top: 25px; }
/* Bitmap: */


/* EVENTS */
.calItem { font-family: 'Montserrat', sans-serif; margin-bottom: 20px; min-height: 95px;}
.dateBlock { background: #20A8D6; border-radius: 2px; display: inline-block; width: 60px; height: 60px; color: #FFF; text-align: center;}
.dateBlock .day { display: block; font-weight: bold; font-size: 32px; color: #FFFFFF; }
.dateBlock .month { font-size: 10px; text-transform: uppercase; }
.dateBlock .time { font-size: 10px; text-transform: uppercase; bottom: 0; left: 0; width: 70px; background: #396b7b; display: inline-block; position: absolute; padding: 2px 0;}
.dateBlock.hasTime { height: 85px; width: 70px; position: relative;}
.calItem .descrBlock { padding: 0 15px; width: calc(100% - 60px);}
.calItem .descrBlock h5{ font-size: 18px; color: #FF8400; padding: 0; margin: 0; margin-bottom: 2px; }
.calItem .descrBlock p{ font-family: 'Open Sans', sans-serif; opacity: 0.85; font-size: 14px; color: #333333; letter-spacing: 0px; padding: 0; margin: 0; margin-bottom: 2px; }
.calItem .descrBlock a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #2C4FB2;}
.dateBlock.multiDate { height: 85px; }
.dateBlock.multiDate .day { font-size: 19px; }



a.bigLoadMore{ font-family: 'Open Sans', sans-serif; font-weight: bold; display: block; width: 296px; border: 2px solid #FF8400;
  border-radius: 2px; color: #FF8400; text-align: center; letter-spacing: 0.5px; font-size: 14px; text-transform: uppercase; padding: 10px 0;
}
a.bigLoadMore:hover{
  text-decoration: none; background: #FF8400; color: #FFF;
}

/* NEWS */
.news { background: #E7EDEF; }
.news .newsThumb { display: block; height: 165px; overflow: hidden;}
.news .newsThumb img{ width: 100%;}
.news h5{ font-size: 18px; color: #FF8400; padding: 0; margin: 0; margin-bottom: 2px; line-height: 20px; }
.news p{ font-family: 'Open Sans', sans-serif; opacity: 0.85; font-size: 14px; color: #333333; letter-spacing: 0px; padding-top: 10px;}
.news p.date{ font-size: 14px; color: #919191; padding-top: 0;}
.news a.readMore{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #2C4FB2;}
.newsItem { margin-bottom: 30px; min-height: 240px; }
h4.introTitle { opacity: 0.85; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #104C60; margin-bottom: 20px; }


/* FOOTER */
.footer{ background: #104C60; background: #104C60 url('/img/globe.png') left calc(50% + 328px) top -15px no-repeat; background-size: 636px;
  padding: 40px 0 0; overflow: hidden;
}
.footer h3{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #FFFFFF; letter-spacing: 0.44px; text-decoration: uppercase;}
.footer ul { padding: 20px 0; }
.footer ul li { list-style: none; color: #fff; padding: 5px 0;}
.footer ul li a { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; color: #fff; text-decoration: underline;}
.newsletterSignup input{ width: 300px; padding: 8px 10px; background: #E4E4E4; border: 1px solid #A29E9E; border-radius: 2px; font-size: 16px;
  margin-bottom: 15px; margin-top: 20px; max-width: 100%;
}
.footer p { color: #fff; font-weight: 300;}
.footer a.socialbtn { margin-left: 15px;}
.footer a.socialbtn:hover { opacity: 0.9; }
.footer .containter { position: relative; }
.footer .qtemPijl { position: absolute; right: 225px; top: 180px; width: 150px; z-index: 99; }

/* ==== ACADEMIC PARTNERS ==== */
.countryNAV { background: #e7edef; }
.countryNAV h4 { font-size: 18px; color: #4C7988; }
a.countryBtn { display: block; width: 100%; background: #fff; padding: 20px; border-radius: 2px; border: 1px solid rgba(44,79,178,0.10); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10); margin-bottom: 15px;}
a.countryBtn:hover { text-decoration: none; background: #f7f7f7;}
.countryFlag { display: inline-block; width: 30px; height: 30px; margin-right: 20px; vertical-align: baseline; max-width: 30px;}
a.countryBtn p.countryData { display: inline-block; margin-bottom: 0; color: #104C60; font-size: 14px; line-height: 20px;}
a.countryBtn .countryCity, a.countryBtn .countryName { display: block; }
a.countryBtn .countryCity { text-decoration: underline; color: #20A8D6;}

.apOverview h4{ font-family: 'Open sans', sans-serif; font-weight: 400; color: #104C60;}
.apOverview p, .apOverview li { opacity: 0.85; font-size: 14px; line-height: 20px; color: #333333; letter-spacing: 0px;}
.apOverview p.lblue { color: #4c7988; }
.apOverview ul {padding-left: 25px; }
.apOverview ul li {padding-left: 10px; margin-bottom: 15px; }

.apLogoContainer { border: 1px solid #E7EDEF; width: 100%; margin-bottom: 25px; border-radius: 2px; margin-top: 15px;}
.apLogo { display: block; max-width: 100%; margin: 0 auto; border-radius: 2px; }
.apOverview a.btn { margin-right: 30px; }

.formErrorlbl, .formErrorlblToSmall {
    margin-left: 15px;
    display: none;
    padding: 5px 0 0 0;
    vertical-align: top;
    color: #FF5B5B;
}

.qtem_since{width: 339px !important}

.academic-partner-edit .marginB{
  margin-bottom: 20px !important;
}

#inPageNav2 {
    height: 1%;
    margin: 20px 22px 5px 0px;
}
#inPageNav2 ul{list-style-type: none; padding-left: 0px;}

#inPageNav2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#inPageNav2 li {
    color: #20A8D6;
    margin: 0;
    float: left;
    padding: 0 50px 0 0;
    border-bottom: 1px solid #919191;
}

#inPageNav2 li a {
    /* height: 33px; */
    color: #919191;
    margin: 0;
    float: left;
    line-height: 15px;
    padding: 4px 10px 7px 0px;
    border-bottom: none;
    text-decoration: none;
}

#inPageNav2 li.active a {
    color: #20A8D6;
    padding-bottom: 4px;
}

#inPageNav2 li.active{
    margin-top: 2px;
    border-bottom: 2px solid #20A8D6 !important;
}

#inPageNav2 li:not(:first-child){
  padding-left: 10px;
}

.folderReturn{margin-top: 20px !important;}

.folders a.boxLoneDelete{
  top: 15px !important;
  right: 25px !important;
}

.folders a.boxLoneEdit{
  top: 15px !important;
  right: 50px !important;
}

.folders a.boxLoneUser{
  top: 15px !important;
  right: 75px !important;
}

.folders a.editAlignRight{
  right: 25px !important;
}

.folders a.editAlignSecondRight{
  right: 50px !important;
}

.folders a.actionLone{ position: absolute; right: 20px; top: 20px; display: block; width: 25px; height: 25px; text-indent: -9000px; opacity: 0.85; z-index: 29; }

.tag-label{
  color:#78909C;
}

.documentFile{display: inline-block !important;}

.partnerSearch{
  position: absolute !important;
  top: 15px !important;
}

.corporatePartnerMedia{
  height: auto;
  padding-bottom: 50px;
  min-height: 500px;
}

.corporatePartnerMedia h1{
  margin-top: 70px;
  text-transform: uppercase;
}

.corporatePartnerInfo .contactBox{
  background-color: white;
  background: #fff;
  border: 1px solid #FFC17F;
  border-radius: 2px;
  padding: 10px 20px;
  margin-bottom: 50px;
}

.corporatePartnerInfo .contactBox p{
  font-size: 16px;
  line-height: 25px;
}

.corporatePartnerInfo .contactBox h4{
  color: #ff8400;
}

.corporatePartnerInfo ul{
  font-weight: 100;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  color: #0D2B4A;
}

.corporatePartnerInfo p{
  font-size: 16px;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #0D2B4A;
}

.table>tbody>tr>td.tableDelete{
  vertical-align: middle;
}

/* ==== CORPARATE PARTNERS ===== */
.cpCard { margin-bottom: 50px; }
.cpCard .cpImage { padding-bottom: 25px; }
.cpCard .cpImage img { width: 100%; box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.20); }
.cpCard h5 { margin-top: 0;}
.cpCard a { line-height: 26px; font-family: 'Open sans', sans-serif; font-size: 14px; }


/* ==== CONTACTS ===== */
.contactBox div.col-xs-2{padding-right:0px;}
.contact-qteam { background: #e7edef; }
.contactCard { margin-bottom: 50px;}
.contactCard h3 { font-family: 'Open sans', sans-serif; font-weight: 400; color: #20A8D6; font-size: 20px; line-height: 28px; text-transform: uppercase; margin-bottom: 20px; }
.contactCard h5 {margin-top: 0; }
.contactCard h6 { font-size: 14px; line-height: 20px; font-family: 'Open sans', sans-serif; font-weight: 200; color: #4C7988; letter-spacing: 0;}
.contactCard .contactThumb { width: 100%; border-radius: 4px;}
.contactCard .contactBox p { opacity: 0.85; font-size: 14px; line-height: 20px; color: #333333; letter-spacing: 0px;word-break: break-word;}
.contactCard .contactBox .row { margin-bottom: 10px; }
/* ==== ABOUT ===== */
.aboutBody .paddedBox { height: 410px; }
.aboutBody .contentBox { position: relative; padding: 95px 80px 95px 180px;}
.aboutBody .contentBox.contentBoxRight {padding: 95px 180px 95px 80px;}
.imageCol.fullImg { padding: 0px; overflow: hidden;}
.fullImg img.def{min-height: 100%;min-width: 100%;max-width: none;}

.header .imageCol{display: block;}
.header .imageUpload{position: relative;}
.header .image-thumb{position:absolute;top:0;left:0;}

/* STUDENTS - PROGRAM */
.programSummary .paddedBox { min-height: 250px; margin-bottom: 35px;}
.programSummary .paddedBox p { color: #868686; }
.programWhy h2 { color: #fff; }
.programWhy p, .admissionsProcess p { color: #fff; font-size: 18px; line-height: 24px; font-weight: 300;}
.programWhy h5, .admissionsProcess h5 { font-size: 20px; color: #104C60; margin: 50px 0 20px;;}
.admissionsProcess h2 { color: #104C60; }
.admissionsProcess p {
  opacity: 0.85;
  font-size: 18px;
  color: #FFFFFF;
}
.admissionsProcess .paddedBox p{
  opacity: 0.85;
  font-size: 14px;
  color: #20A8D6;
  letter-spacing: 0;
}
.newAcademicBody {
    padding-top: 50px;
}


.programWhy .paddedBox { height: 400px; padding: 50px 25px;}
.paddedBox.orangeBox h4 { color: #20A8D6; padding: 0; }
.paddedBox.orangeBox .underline { background: #20A8D6; }
.paddedBox.orangeBox ul { padding: 0; }
.paddedBox.orangeBox ul li,.paddedBox.orangeBox p {  margin-bottom: 15px; list-style: none; opacity: 0.85; font-family: 'Open sans', sans-serif; font-weight: 400; font-size: 14px;
  color: #FFFFFF; letter-spacing: 0px; line-height: 22px;
}
.paddedBox.orangeBox ul li:last-child { margin-bottom: 0; }

.programModules .module { margin-bottom: 25px;}
.programModules h3 { font-size: 24px;line-height: 30px; }
.programModules ol, .programModules ul { padding-left: 26px; }
.programModules ol li, .programModules ul li { opacity: 0.85; font-family: 'Open sans', sans-serif; font-size: 14px; color: #262626; letter-spacing: 0px; line-height: 22px; margin-bottom: 15px; padding-left: 15px;}

/* ALUMNI */
.alumniOverview .profileCard { margin-bottom: 35px; }

/* TESTIMONIALS */
.mainQuote p { opacity: 0.85; font-size: 20px; color: #0E2C4A; line-height: 32px; }
.mainQuote h3 { font-size: 18px; color: #FF8400; }
.videoQuotes.videos .videoBox p.light { font-family: 'Open sans', sans-serif; opacity: 0.85; font-size: 14px; line-height: 22px; color: #FFFFFF; letter-spacing: 0px; font-weight: 300; margin-top: 15px;}
.videoQuotes.videos .videoBox p{ font-size: 18px; padding-top: 10px; line-height: 26px;}
.quotes .quote p { max-height: 160px; overflow: hidden; }
.quotes .quotesRow h3 { font-size: 18px; color: #FF8400; margin-top: 25px; }
/*.quotes .paddedBox { height: 300px;}*/
.quotes .quotesRow { margin-bottom: 30px; }
.quoteTestimonial { position: relative; }
.quoteTestimonial .quoteIcon { position: absolute; display: block; width: 30px; height: 22px; }
.quoteTestimonial .quoteIcon.start { left: -60px; top: -8px; background: url('/img/icons/icon-quote-open.png') left top no-repeat; }
.quoteTestimonial .quoteIcon.end { right: -60px; bottom: -8px; background: url('/img/icons/icon-quote-close.png') left top no-repeat; }
.quotes .paddedBox .quoteTestimonial, .quotes .borderedBox .quoteTestimonial { padding: 10px 45px; }
/*.quotes .paddedBox .quoteTestimonial p { max-height: 156px; overflow: hidden; }*/
.quotes .paddedBox .quoteIcon.start, .quotes .borderedBox .quoteIcon.start{ left: 0; top: 0; }
.quotes .paddedBox .quoteIcon.end, .quotes .borderedBox .quoteIcon.end{ right: 0; bottom: 5px; }

/* SEARCH CONTAINER */
.searchContainer {  background: #E7EDEF; border-radius: 2px; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10); margin-top: -50px; z-index: 9; position: relative; padding: 50px 100px;}
.searchContainer h4.searchTitle { font-size: 18px; color: #4C7988; text-transform: uppercase; }
.searchContainer .underline { margin-bottom: 15px;}
.searchContainer .formlbl.borderedLbl { background: rgba(255,255,255,0.4); margin-bottom: 15px;}

.searchContainer .formlbl.borderedLbl.active { background: #fff; border: 1px solid #58BEE1;}
.searchContainer .formlbl.borderedLbl.noMargin { margin-bottom: 0;}

.formCol { padding: 10px 15px;}
.formRow { padding: 5px 0;}
.buttonRow { padding: 15px 0 5px 0;}
.formRow.disabled {
    opacity: 0.4;
}
.formlbl { display: block; color: #87A5AF; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 32px; letter-spacing: 0.44px; font-weight: 400;}
.formlbl .small { font-size: 10px; }
.formlbl.light { font-weight: 200; font-family: sans-serif; line-height: 20px; }
.formlbl.borderedLbl, .borderedLbl{ padding: 3px 15px; border: 1px solid #C3D2D7; border-radius: 2px; font-weight: 200; font-family: 'Open sans', sans-serif;}
.formlbl.borderedLbl:hover{ cursor: pointer; }
div.borderedLbl{padding: 2px 15px 3px 15px;}
div.borderedLbl .formlbl{ margin-bottom: 0px; }
.formlbl.smallLbl{font-size: 14px;}
.formlbl.inline{ display: inline-block; margin-right: 25px;}

.formlbl.checkboxlbl{ position:relative; padding-left:25px; display:block;}
.formlbl.checkboxlbl input{position:absolute; top:4px; left:0px;}

.formlbl.withTooltip {display:inline-block;}

.formInput { border-radius: 2px; border: 1px solid #C3D2D7; padding: 9px 10px; width: 100%; font-family: 'Open sans', sans-serif; font-weight: 200;}
.formSelect { border-radius: 2px; border: 1px solid #C3D2D7; padding: 8px 10px; width: 100%; font-family: 'Open sans', sans-serif;
  font-weight: 200; height: 40px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('/img/icons/icon-selectdown.png') right 10px center no-repeat;
}
.formInput.checkbox, .formCheckbox.checkbox, .borderedLbl .formInput.checkbox, .borderedLbl .formCheckbox.checkbox{
  display: inline-block;
  width: auto;
  margin-right: 10px;
}
.formInput[disabled] {  border: 1px solid #fff; background: #fff; color: #333; resize: none;}
.formInput.smallInput {
    width: 50%;
}
.borderedLbl .formInput{
  width: 80%;
  margin-left: 5px;
  padding: 0px 10px;
  font-size: 14px;
  line-height: 29px;
}
.formlbl.borderedLbl.disabled, .borderedLbl.disabled{
  opacity: 0.6;
}
textarea { height: 160px; resize:vertical; }
textarea.smallTextarea{ height: 80px; resize: none;}
.formErrorlbl, .formSubscribeErrorlbl {
    display: none;
    line-height: 22px;
    color: #da2f22;
    margin-left: 2px;
}
.applicationForm, .contactForm {
    background: #E7EDEF;
    border-radius: 2px;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10);
    margin-top: -50px;
    margin-bottom: 60px;
    z-index: 99;
    position: relative;
    padding: 50px 100px;
}

.internshipDetail .formHint{display: block; opacity: 0.85 !important; font-family: 'Open sans', sans-serif; font-size: 14px !important; color: #87A5AF !important; letter-spacing: 0px !important; padding-top: 5px; padding-left: 2px; }

.formHint{ display: block; opacity: 0.85; font-family: 'Open sans', sans-serif; font-size: 14px; color: #87A5AF; letter-spacing: 0px; padding-top: 5px; padding-left: 2px; }
.formHint.inline { display: inline-block; margin-left: 5px;}
.formInlineLink { line-height: 36px; }

/* FAQ */
.FAQblock { margin: 15px 0 50px;}
.row.QandA-block { border-bottom: 1px solid #efefef; padding: 10px 0;}
.faqQuestion {}
.faqQuestion:hover { cursor: pointer; }
.faqQuestion .qArrow, i.qArrow { display: inline-block; width: 17px; height: 17px; background: url('/img/icons/icon-servnav-arrow.png') left center no-repeat;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.faqQuestion.open .qArrow, .open i.qArrow{
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faqQuestion h5 { display: inline-block; font-size: 19px; font-family: 'Open sans', sans-serif; font-weight: 400;}
.faqAnswer { display: none; }
.faqAnswer p { padding-left: 27px; opacity: 0.85;}


.searchContainer a.link { line-height: 44px; }

.applicationProcedureContact { background: #87A5AF; }
.applicationProcedureContact p {    opacity: 0.85;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    font-weight: 300;}

/* table style */
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>th{
  border: 1px solid #87A5AF; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #87A5AF; letter-spacing: 0px;
}
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td,
.table-bordered>thead>tr>td {
  border: 1px solid #C3D2D7;
  font-family: 'Open sans', sans-serif;
  font-weight: 400;
  padding: 30px 10px;

  opacity: 0.85;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0px;
}

table#course-table thead {
  background-color: white;
   -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
           transition: all 0.5s ease-in-out;
}
table#course-table thead.lowerStickyHead { top:83px !important; }
table#course-table{border: 1px solid #C3D2D7;}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th{
  border-top: 1px solid #88a5ae;
}
.table-bordered { border-top: 0;}

table#course-table > thead > tr > th { padding: 12px 8px;}
table#course-table thead a.sortCol{
  color: #87A5AF;
  padding-right: 20px;
  background: url('/img/icons/sort-inactive.png') right center no-repeat;
}
table#course-table thead a.sortCol.activeCol.asc{
  background: url('/img/icons/sort-asc.png') right center no-repeat;
}
table#course-table thead a.sortCol.activeCol.desc{
  background: url('/img/icons/sort-desc.png') right center no-repeat;
}
table#course-table ul.module-list{
  padding-left: 15px;
}

.textContent ul li {margin-bottom: 10px; list-style-type: circle;}
.textContent ol li {margin-bottom: 10px;}
.textContent ol {counter-reset: item; list-style-type: none;}

.textContent ol > li{ counter-increment: item;}
.textContent ol > li:before{ content: counters(item, ".") " "; font-weight: bold; }

.textContent ol > li ol { counter-reset: item; list-style-type: none; margin-top: 15px;}
.textContent ol > li ol li{ counter-increment: item; padding-left: 15px;}
.textContent ol > li ol li:before{ content: counters(item, ".") " "; margin-left: -40px; font-weight: 300; margin-right: 15px;}

.textContent ol > li ol > li ol { padding-left: 10px; }
.textContent ol > li ol > li ol li{ list-style-type: lower-alpha;}
.textContent ol > li ol > li ol li:before{ content: ''; margin-left: 0; margin-right: 0;}

.studentRequirements .check.complete{
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: url('/img/icons/icon-check-complete.png') center center no-repeat;
}
.studentRequirements .check.incomplete{
  display: block;
  width: 20px;
  height:20px;
  margin-left: 5px;
  background: url('/img/icons/icon-check-incomplete.png') center center no-repeat;
}

.studentBoxBody .checkLabel{
  display: inline-block;
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
  color: #0D2B4A;
  letter-spacing: 0;
  line-height: 17px;
}

.reqName{
  font-weight: bold;
  margin-top: 10px;
}

.reqValue{
  margin-top: 10px;
  margin-left: 5px;
}

.studentNameBox{
  margin-top: 25px;
}

.studentApBox h5{
  font-size: 14px !important;
  line-height: 14px;
}

.studentInfo{
  margin-left: 10px;
}

.studentLinks{
  display: flex;
  align-items: center;
  height: 100px;
  justify-content: flex-end;
}

.studentLinks a{
  text-decoration: underline;
}

.studentLinks a:not(:last-child){
  margin-right: 15px;
}



.studentRequirements{margin-left: 20px;}
.studentRequirements a{margin-top: 10px; margin-left: 15px;}
.studentRequirements .tooltipBox{margin-top: 15px;}
.studentRequirements h4{
  padding-bottom: 5px;
}


.requirements{margin-top: 20px;}

.studentMore{
  text-decoration: underline;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.studentMore i{
  margin-left: 10px;
  vertical-align: middle;
  font-size: 25px;
  margin-bottom: 3px;
}

.searchStudent{padding: 10px 10px;}

.basicSearch i{
  position: relative;
  right: 30px;
}

.usertypeSearch{
  width: 40%;
  height: 44px;
  right: 5px;
  position: relative;
}

.userTag{
  float: right;
  margin-top: 25px !important;
}

.userTag.student{
  background-color: #FF8400 !important;
}

.userTag.apartner{
  background-color: #20A8D6 !important;
}

.userTag.cpartner{
  background-color: #87A5AF !important;
}

.userTag.alumni{
  background-color: #104C60 !important;
}
.userTag.admin{
  background-color: #c3d2d7 !important;
}

.basicSearch a{
  margin-top: 5px;
  float: right;
}

.studentAdd{padding: 13px 10px 14px 50px!important;}

.studentTooltip{position: absolute; margin-left: 40px;}



.studentInternshipDetail{position: relative; right: 30px;}

.studentsAlumniOverview h2{
  display: inline;
}

.formSelectOrderBy{height: 44px;}
.studentNoPaddingB{padding-bottom: 0}
.studentsOrderBy{padding: 0px; margin-top: 10px;}
.studentsOrderBy label{display: inline-block; width: 80px;}
.studentsOrderBy select{width: 200px;}
.studentOverview{margin: 0; min-height: 100px;}
.studentOverview .imgBox{margin-left: -15px;}
a.exportSelection{top: 0px !important;}

.smallerSelect{
  width: 92%;
}

.js-languages:not(:first-child){
  margin-top: 5px;
}

.addLanguage{
  margin-top: 5px;
  display: block;
}

.languageDelete{
  background-size: 14px 14px !important;
  vertical-align: middle;
  float: right;
  margin-top: 13px;
}

.searchButton{
  margin-top: 10px;
}

.basicSearchButton{
  margin-top: 12px;
}

.portait{
  float:left;
  width:100px;
  height:100px;
  overflow:hidden;
}

.landscape{
  float:left;
  width:100px;
  height:100px;
  overflow:hidden;
}

.portait img{
  width:100px;
  height: auto;
  max-height: fit-content;
}

.landscape img{
  width:auto;
  height: 100px;
  max-width: fit-content;
}

.sortBy{
  float: right;
  display: block;
}

.sortBySelect{
  width: 262px !important;
}



/* ============= PORTAL =============== */
#mainNav .seperator { display: inline-block; width: 2px; height: 43px; margin: 0 15px 0 10px; background: #FF8400; }
#mainNav .navSep { display: inline-block; width: 1px; height: 18px; margin: 0 15px 0 15px; background: #c3d2d7; position: relative; bottom: -3px;}
#mainNav .navSep.orange {background: #FF8400;}

#mainNav a.navLink.active{ color: #23527c; }

#mainNav h4 { display: inline-block; color: #104C60; line-height: 40px; border-left: 2px solid #FF8400; padding-left: 20px; margin: 20px 0 20px 5px;}
#mainNav p { display: inline-block; color: #0E2C4A; line-height: 83px; margin: 0; opacity: 0.85; letter-spacing: 0px;}
#mainNav p span { color: #104C60;}
/*#mainNav a.logout { margin-left: 15px; }*/

.portal h3{ font-size: 18px; color: #FF8400; text-transform: uppercase; margin-bottom: 20px;}
.portal h4{ font-size: 18px; color: #104C60; margin: 20px 0 15px 0;}
.portal h4.light{ opacity: 0.85; font-family: 'Open sans',sans-serif; margin: 10px 0 10px 0;}
.portal h3.blue { color: #104C60; }

.portal-footer{ padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.portal-footer.greyBG{ box-shadow: none;}
.portal-footer p, .portal-footer a{ font-size: 14px; line-height: 18px; margin-bottom: 0;}

/* LOGIN */
.loginpage { display: block; margin-top: 125px; }
.loginpage .contactForm{ margin-top: 0;}
.loginpage a.link { line-height: 36px; }

/* BREADCRUMB */
.breadCrumbs ul {margin: 0; padding: 0;}
.breadCrumbs ul li{ display: inline; list-style: none; margin-right: 15px; font-size: 14px; color: #20A8D6; }
.breadCrumbs ul li a { text-decoration: underline; }
.breadCrumbs span.crumbSep { display: inline-block; width: 9px; height: 13px; background: url('/img/icons/crumbSep.png') left center no-repeat;}

/* OVERVIEW */
.portal {padding-top: 40px; padding-bottom: 60px; min-height: 100%;}
.portal.overview{ background: #E7EDEF; }
.white-padded-box { padding: 40px 60px; background: #fff; margin-top: 30px;}
.white-padded-box.orangeborder {border: 2px solid #FF8400; border-radius: 2px; padding: 40px 20px; margin-top: 50px;}
.boxLink { text-align: center; display: inline-block; width: 100%; border: 2px solid #C3D2D7; padding: 40px 10px; border-radius: 2px;
  font-family: 'Montserrat', sans-serif; font-size: 14px; color: #4C7988; letter-spacing: 0.38px; height: 195px;
}
.boxLink:hover { text-decoration: none; border: 2px solid #FF8400; color: #104C60; }
.boxLink img{ display: block; margin: 0 auto 30px;}

i.badgeIcon {
    position: absolute;
    top: -10px;
    right: 5px;
    background: #ff8400;
    color: #fff;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.portal h2{ font-size: 18px; color: #104C60; }
.portal h2.bigTitle {font-size: 40px;}
.portal .searchContainer {margin-top: 30px;}

/* RESUME */
.resumePicture .imageUpload{position: relative;}
.resumePicture .ajax-file-upload{right: 0px;}
.resumeContainer { padding: 25px 0; }
.resumeContainer h2 { font-size: 35px; color: #104C60; text-transform: inherit; padding-right: 35px; margin: 0;}
.resumeContainer h3, #deleteModal h3 {font-size: 18px; color: #FF8400; text-transform: inherit; display: inline-block; line-height: 43px;}
#deleteModal h3 { color: #104C60; line-height: 48px; }
.resumeContainer h3.blue { color: #104C60; }
.resumeContainer h3.titleIcon, #deleteModal h3.titleIcon { padding-left: 65px; }
.resumeContainer h3.titleIcon.work { background: url('/img/resume/work.png') left top no-repeat; }
.resumeContainer h3.titleIcon.education { background: url('/img/resume/education.png') left center no-repeat; }
.resumeContainer h3.titleIcon.skills { background: url('/img/resume/skills.png') left center no-repeat; }
.resumeContainer h3.titleIcon.langs { background: url('/img/resume/langs.png') left center no-repeat; }
#deleteModal h3.titleIcon.delete { background: url('/img/icons/icon-delete.png') left center no-repeat; }
#deleteModal h3.titleIcon.overrule { background: url('/img/icons/icon-overrule.png') left center no-repeat; padding-left: 45px;
  font-size: 18px; color: #4C7988; font-weight: 400; line-height: 38px;
}

.btnCrop{
  position: absolute;
  color: #fff;
  padding: 3px 8px;
  background: rgba(0,0,0,0.5);
  display: block;
  text-decoration: none;
  border-radius: 5px;
  bottom: 15px;
  right: 85px;
  line-height: 26px;
  margin: 0 auto;
  font-family: Calibri, "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 10px;
  z-index: 299;
}
.btnCrop:hover{
  background: rgba(0,0,0,0.8);
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.resumeCropper{
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.resumeCropper.open{
  max-height: 1000px;
}

.resumeContainer .editRow h3{ margin: 0 0 10px;}
.resumeContainer .marginT { margin-top: 50px; }

.resumeContainer p.birthdate { font-family: 'Montserrat', sans-serif; opacity: 0.85; font-size: 14px; color: #4C7988; letter-spacing: 0px;}
.resumeContainer p.contactLbl { font-family: 'Montserrat', sans-serif; opacity: 0.85; line-height: 22px; font-size: 14px; color: #9B9B9B; letter-spacing: 0px;}

.portal.resume a.iconLink.actionLoneDownload { margin-right: 20px; margin-top: 5px; }

.socialbtns p{font-family: 'Montserrat', sans-serif;font-size: 14px;color: #4C7988;letter-spacing: 0.38px;}
.socialIconLink { display: inline-block; text-indent: -9000px; width: 16px; height: 16px;margin: 5px 5px 15px 0;}
.resumeContainer .socialIconLink{margin: 5px 10px 15px 0;}
.socialIconLink:hover { opacity: 0.85; }
.socialIconLink.linkedin { background: url('/img/social/linkedin.png') center center no-repeat; }
.socialIconLink.facebook { background: url('/img/social/facebook.png') center center no-repeat; }
.socialIconLink.twitter { background: url('/img/social/twitter.png') center center no-repeat; }
.socialIconLink.email { background: url('/img/social/email.png') center center no-repeat; }

.personal-information { position: relative; }

.borderedBox { position: relative; border: 1px solid #C3D2D7; border-radius: 2px; padding: 20px; margin: 0 0 15px 0; }
.borderedBox h4 { font-size: 18px; color: #104C60; margin-top: 0; padding-top: 0;}
.borderedBox h5 { font-family: 'Open sans', sans-serif; opacity: 0.85; font-size: 18px; color: #104C60; margin: 5px 0;}
.borderedBox h6 { font-family: 'Open sans', sans-serif; opacity: 0.85; font-size: 14px; letter-spacing: 0px; margin: 0 0 10px 0;}
.borderedBox p, .borderedBox li { font-family: 'Open sans', sans-serif; opacity: 0.85; font-size: 14px ; color: #104C60; letter-spacing: 0px; line-height: 22px; }
.borderedBox a.actionLone, .personal-information a.actionLone{ position: absolute; right: 20px; top: 20px; display: block; width: 16px; height: 18px; text-indent: -9000px; opacity: 0.85; z-index: 29; }
.borderedBox a.actionLone.lineLoneDelete, .borderedBox a.actionLone.lineLoneEdit, .paddedBox a.actionLone.lineLoneDelete, .paddedBox a.actionLone.lineLoneEdit { position: relative; display: inline-block; left: inherit; right: inherit; top: inherit; bottom: inherit; }
.borderedBox p.passive { color: #919191; }

.borderedBox h6.courseModule{ margin: 0 0 5px 0; }
.borderedBox h6.courseComment{ margin: 5px 0; opacity: 0.75;}
.borderedBox p.small{ font-size: 12px; }
.borderedBox p.gray { color: #9B9B9B; }

.borderedBoxmetaData {
  margin-top: -17px;
  padding: 20px 0;
  /*border: 1px solid #c3d2d7;
  border-top: none;
  background: #f0f4f5;*/
}
.borderedBoxmetaData p, .borderedBoxmetaData li{
  color: #87A5AF;
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.44px;
  font-weight: 100;

}
.borderedBoxmetaData p.noMargin{
  margin-bottom: 0;
  padding-bottom: 0;
}
.borderedBoxmetaData ul{
  padding-left: 10px;
}
.borderedBoxmetaData ul li{
  color: #c3d2d7;
  list-style-type: none;
  text-indent: -5px;

}
.borderedBoxmetaData ul li:before{
  content: "-";
  text-indent: -5px;
}
.borderedBoxmetaData ul li span{
  color: #87A5AF;
  padding-left: 5px;
}

.borderedBox.clickable:hover { cursor: pointer; background: #e0e8ea;}

.borderedBox.orangeborder { border: 1px solid #FF8400; background: #FFF;}

.borderedBox .boxTag{ display: inline-block; background: #20A8D6; border-radius: 2px; font-family: 'Open sans', sans-serif; font-size: 12px; color: #FFFFFF;
  padding: 3px 15px; font-weight: 400; letter-spacing: 0; margin-bottom: 20px;
}
.borderedBox .boxTag.inlineTag { display: inline-block; margin-bottom: 0;}
.borderedBox .boxTag.orange { background: #FF8400; }
.borderedBox .boxTag.blue-green { background: #104C60; }
.boxTag.inactive{margin-top: -4px; margin-bottom: 0px; background-color: #8E9191;}

.borderedBox a.boxLoneEdit, .paddedBox a.boxLoneEdit, .personal-information a.boxLoneEdit, .folders a.boxLoneEdit, .courseCard a.boxLoneEdit{ background: url('/img/resume/edit.png') center center no-repeat; }
.borderedBox a.boxLoneDelete, .paddedBox a.boxLoneDelete, .personal-information a.boxLoneDelete, .folders a.boxLoneDelete { background: url('/img/resume/delete.png') center center no-repeat; top: 45px; }
.folders a.boxLoneUser{ background: url('/img/icons/icon-users-small.png') center center no-repeat;margin-right: 5px; }
.borderedBox a.actionLone.lineLoneDelete, .paddedBox a.actionLone.lineLoneDelete { background: url('/img/resume/delete.png') center center no-repeat; margin-left: 10px;}
.borderedBox a.actionLone.lineLoneEdit, .paddedBox a.actionLone.lineLoneEdit { background: url('/img/resume/edit.png') center center no-repeat; margin-left: 35px;}
.courseEdit{ background: url('/img/icons/icon-edit.png') center center no-repeat; }


.borderedBox a.actionLone:hover, .personal-information a.actionLone:hover{ opacity: 1; }
.borderedBox .boxLabel, .borderedBox .boxValue { font-family: 'Open sans', sans-serif; opacity: 0.85; font-size: 14px ; color: #104C60; letter-spacing: 0px; line-height: 28px; }
.borderedBox .boxValue { color: #20A8D6; }

.borderedBox.noPadding{ padding: 0;}

.paddedDiv { padding: 20px 20px 20px 0; }

a.orangeBtnLink {
  display: block;
  border: 2px solid #FF8400;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FF8400;
  letter-spacing: 0.5px;
  padding: 10px 40px;
  text-decoration: none;
  width: 60%;
}
a.orangeBtnLink:hover {
  text-decoration: none;
  color: #fff;
  background: #FF8400;
}

.borderedBox .listRow:hover .actionLone { display: inline-block!important;}

a.addBorderedBox { display: block; width: 100%; padding: 20px 20px 20px 50px; border: 1px dashed #4C7988; color: #4e7987; border-radius: 2px;
  opacity: 0.85;
  font-size: 14px;
  color: #104C60;
  letter-spacing: 0px;
  line-height: 15px;
  background: url('/img/resume/plus.png') left 20px center no-repeat;
  margin-bottom: 15px;
}
a.addBorderedBox:hover { background: #e0e8ea url('/img/resume/plus.png') left 20px center no-repeat; text-decoration: none; }

a.addBorderedBox.marginB{
  margin-bottom: 30px;
}
a.addBorderedBox.double{
  width: 45%;
  float: right;
  margin-left: 10px;
}

a.addInline{
  display: inline-block;
  opacity: 0.85;
  font-size: 14px;
  color: #104C60;
  letter-spacing: 0px;
  line-height: 20px;
  background: url('/img/resume/plus.png') left 0px center no-repeat;
  padding-left: 30px;
  margin-top: 10px;
}

.formInput.skillInput { padding: 3px 10px;}
.formSelect.skillVal { width: auto; padding: 3px 35px 2px 10px; height: 28px; }

.resumeContainer .skillBox{
  text-align: center;
}
.resumeContainer .skillBox .borderedBox{
  margin-bottom: 0px;
  padding: 30px 10px 20px 10px;
  border-radius: 2px 2px 0 0;
  min-height: 220px;
}
.borderedFooter {
  border: 1px solid #c3d2d7;
  border-top: 0;
  background: #E7EDEF;
  padding: 9px 20px;
  text-align: left;
  border-radius: 0 0 2px 2px;
}
.borderedFooter img{
  margin-right: 10px;
}
.borderedFooter span{
  opacity: 0.85;
  font-size: 12px;
  line-height: 16px;
  color: #0D2B4A;
}
.resumeContainer .skillLevel{
  display: inline-block;
  width: 100px;
  height: 100px;
  position: relative;
  margin-bottom: 10px;
}
.resumeContainer .skillLevel.level_novice{
  background: url('/img/skillsmatrix/level_novice.png') center center no-repeat;
}
.resumeContainer .skillLevel.level_expert{
  background: url('/img/skillsmatrix/level_expert.png') center center no-repeat;
}
.resumeContainer .skillLevel.level_competent{
  background: url('/img/skillsmatrix/level_competent.png') center center no-repeat;
}
.resumeContainer .skillLevel.level_intermediate{
  background: url('/img/skillsmatrix/level_intermediate.png') center center no-repeat;
}
.resumeContainer .skillLevel img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.skillBox h5{
  font-size: 14px;
  line-height: 22px;
  color: #FF8400;
  text-align: center;
}

/* tag input */
.bootstrap-tagsinput{
  border-radius: 2px;
  border: 1px solid #C3D2D7;
  padding: 9px 10px 9px 5px;
  width: 100%;
  font-family: 'Open sans', sans-serif;
  font-weight: 200;
}
.bootstrap-tagsinput .tag{
  font-size: 100%;
  font-weight: 400;
  background-color: #20A8D6;
}


.templateRow { display: none; }

.socialInput { margin-bottom: 10px; padding-left: 35px; }
.socialInput.socialLinkedin { background: url('/img/social/linkedin.png') left 10px center no-repeat; }
.socialInput.socialFacebook { background: url('/img/social/facebook.png') left 10px center no-repeat; }
.socialInput.socialTwitter { background: url('/img/social/twitter.png') left 10px center no-repeat; }

.editRow .btn, .buttonRow .btn { margin-right: 25px;}
.editRow .btn.right, .buttonRow .btn.right { margin-right: 0px;}
a.btn.red{ background: #e04242; }
a.btn.red:hover { background: #e35555; }
a.btn.green{ background: #34ad6a; }
a.btn.green:hover { background: #349e63; }
a.btn.blue{ background: #20a8d6; }
a.btn.blue:hover { background: #42b2da; }
.editRow { /*margin-top: 15px;*/ }
.editInlineRow {
    padding: 10px 0;
    /*margin-top: 20px;*/
}
.editInlineRow h3{
  font-size: 16px;
  margin-bottom: 10px;
}
#academic-curriculum .editInlineRow h3{
  margin: 0;
}

#deleteModal{padding: 25px;
    width: 425px;
    height: auto;
}
#deleteModal .smallWrap { padding: 20px 10px; }
#deleteModal .buttonRow { padding: 0 10px; }

.studentCard { display: block; height: auto; /*overflow: hidden;*/}
.studentCard h3, .jobOverviewCard h3{
  font-size: 18px;
  color: #104C60;
  text-transform: initial;
  margin:0 0 10px 0;
  padding: 0;
}
.studentCard h4, .jobOverviewCard h4 {
  opacity: 0.85;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0px;
  margin:0;
}
.jobOverviewCard span.location{
  opacity: 0.85;
  color: #87A5AF;
  margin-left: 10px;
}
.studentCard .imgBox { display: block; height: auto; width: 100px; overflow: hidden; }
/*.studentCard .img{ max-height: 100%; }*/
.studentCard .boxTag { margin: 0px; font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: 300;
  margin-left: 10px;
}

.jobOverviewCard.borderedBox a.boxLoneDelete{
  position: relative;
  right: 0;
  top: 12px;
  float: right;
}

.passiveJob{
  color:#919191 !important;
}

.passiveJob p{
  color:#919191 !important;
}

.boxTag.cpJob{
  vertical-align: middle;
}

/* corporate partner detail page */
.corporatePartnerDetail img.logo {
  width: 100%;
/*  margin: 0 25px 16px -195px;*/
  float: left;
}
.corporatePartnerDetail .intro{
  font-size: 16px;
  color: #333333;
  letter-spacing: 0px;
  line-height: 30px;
}

.corporatePartnerDetail h3.small{
  font-size: 18px;
  text-transform: inherit;
  margin-bottom: 10px;
}
.corporatePartnerDetail h3.small.green{
  color: #104C60;
}
.corporatePartnerDetail p, .corporatePartnerDetail li{
  font-family: 'Open sans', sans-serif;
  opacity: 0.85;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0px;
  line-height: 30px;
  font-weight: 300;
}
.corporatePartnerDetail li{
  list-style: circle;
}

.corporatePartnerDetail .borderedBox { padding: 25px 35px;}

.jobReturn{
  margin-right: 7px !important;
}


img.ui-datepicker-trigger {
  position: absolute; right: 30px; top: 49px;;
}

.ui-datepicker{ width: auto; }
.ui-datepicker th{
  font-family: 'Open sans', sans-serif; color: #0E2C4A; color: rgba(14, 44, 74, 0.85);
}
.ui-widget.ui-widget-content{
  border: 1px solid #C3D2D7; border-radius: 2px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  background: #e0e8ea; border: 1px solid #FF8400;
}
.ui-datepicker .ui-datepicker-header {
  padding: .4em 0; border-radius: 0;
}
.ui-widget-header{
  background: #e0e8ea; font-family: 'Open sans', sans-serif; color: #0E2C4A; color: rgba(14, 44, 74, 0.85);
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
  border-radius: 2px; border: 1px solid #C3D2D7; padding: 0px 10px; font-family: 'Open sans', sans-serif; font-weight: 200; height: 30px;
  -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('/img/icons/icon-selectdown.png') right 10px center no-repeat;
}
.ui-datepicker .ui-datepicker-prev .ui-icon{
  background: #e0e8ea url('/img/icons/prev.png') center center no-repeat;;
}
.ui-datepicker .ui-datepicker-next .ui-icon{
  background: #e0e8ea url('/img/icons/next.png') center center no-repeat;;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute; top: 7px; width: 2em; height: 2em;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: none; background: #f3f6f7;
}
.ui-widget-content .ui-datepicker-next-hover .ui-icon{
  background: #f3f6f7 url('/img/icons/next.png') center center no-repeat!important;
}
.ui-widget-content .ui-datepicker-prev-hover .ui-icon{
  background: #f3f6f7 url('/img/icons/prev.png') center center no-repeat!important;
}
.ui-widget-content .ui-datepicker-prev-hover{
  left: 2px;
}
.ui-widget-content .ui-datepicker-next-hover{
  right: 2px;
}
.ui-datepicker td span, .ui-datepicker td a {
  padding: 0.8em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
  border: 1px solid #C3D2D7; background: #e0e8ea; background: #f3f6f7; font-weight: normal; color: #104C60; opacity: 0.85;
}
.ui-state-default:hover{
  background: #e0e8ea;
}

.borderedBox .listRow { padding: 5px 0;}

.buttonsRow { margin-top: 25px; }

.dot-indicators { display: inline-block; position: relative; line-height: 28px; /*margin-left: -5px;*/}
.dot-indicators .dot-indicator, .dot-indicator { display: inline-block; width: 9px; height: 9px; margin-right: 5px; background: URL('/img/resume/dot-empty.png') center center no-repeat;}
.dot-indicators .dot-indicator.full, .dot-indicator.full {background: URL('/img/resume/dot-full.png') center center no-repeat;}
.dot-indicators.write { margin-left: -10px;}
.dot-indicators.write .dot-indicator:hover { cursor: pointer; }
.dot-indicators.write .dot-indicator { height: 39px; width: 29px; margin-right: 1px;}
.dot-indicators.write .dot-indicator { height: 19px; }
.level_novice span.dot-indicator.full { padding: 13px 0; }

tr.clickable, .clickable { cursor: pointer; }

.paddedModal{
  padding: 35px 50px;
  width: 725px;
  height: auto;
}

/* COURSES CARD */
.courseCard{ margin-top: 35px; }
.courseCard > .row{border-left: 1px solid #87A5AF; border-right: 1px solid #87A5AF;}
.courseCard > .row.topRow { border-top: 1px solid #87A5AF; background: #E7EDEF; border-radius: 2px 2px 0 0;}  /* Rectangle 1702: */
.courseCard > .row.border { border-bottom: 1px solid #87A5AF; }
.courseCard > .row.border:last-child{ border-radius: 0 0 2px 2px}
.courseCard h3 { font-size: 18px; color: #0E2C4A; }
.courseCard h3.blue { color: #104C60; }
.courseCard > .row.topRow p { opacity: 0.85; font-size: 14px; color: #4C7988; letter-spacing: 0px; }
.courseCard > .row.topRow p.black{ color: #333333; }
.courseCard .row ul { padding-left: 20px;}
.courseCard .row p, .courseCard .row li {opacity: 0.85; font-size: 14px; color: #4C7988; letter-spacing: 0px;}
.courseCard .row li { list-style-type: circle;}
.courseCard .row p.black { color: #0D2B4A; opacity: 1;}
.courseCard .underline { margin-bottom: 15px; }
.courseCard > .row.topRow .iconLink.actionLoneClose { margin-left: 50px; }

.courseCard .borderedBox {margin-bottom: 30px; }
.courseCard .borderedBox table {width: 100%;}
.courseCard .borderedBox table td { opacity: 0.85; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; padding: 2px 0; color: #87A5AF; letter-spacing: 0px;}
.courseCard .borderedBox table td.active { color: #104C60; }
.courseCard .borderedBox table th{ opacity: 0.85; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; color: #104C60; letter-spacing: 0px;}

.iconLink{ display: inline-block; width: 18px; height: 18px; opacity: 0.85; margin-left: 15px; }
.iconLink:hover { opacity: 1; }
.iconLink.actionLonePrint { background: url('/img/icons/icon-print.png') left top no-repeat;  }
.iconLink.actionLoneDownload { background: url('/img/icons/icon-download-n.png') left top no-repeat; width: 27px; height: 23px; }
.iconLink.actionLoneClose { background: url('/img/icons/icon-close.png') left top no-repeat; }

.searchField.active { border: 1px solid #58BEE1; }

.courseCard h5 a{color: #104C60;}

/* JOBS */
.jobCard h3, .cpCard h3{ display: inline-block; line-height: 24px; margin: 0; font-size: 18px; color: #104C60; }
.jobCard h3 { line-height: 18px; max-width: 88%;}
.jobCard .newTag { margin-right: 15px; }
.jobCard p.orange { color: #FF8400; }
.jobCard .iconSpan, .jobCard .partnerSpan, .ssTile .iconSpan{ opacity: 0.85; font-family: 'Open sans', sans-serif; font-size: 14px; color: #87A5AF; letter-spacing: 0px; padding-left: 24px;}
.ssTile .passiveSpan{ opacity: 0.85; font-family: 'Open sans', sans-serif; font-size: 12px; color: #87A5AF; letter-spacing: 0px; }

.jobCard .iconSpan.company { background: url('/img/icons/icon-company.png') left center no-repeat; }
.jobCard .iconSpan.location, .ssTile .iconSpan.location { background: url('/img/icons/icon-location2.png') left center no-repeat; padding-left: 18px; }
.jobCard .iconSpan.date, .ssTile .iconSpan.date { background: url('/img/icons/icon-cal.png') left center no-repeat; }
.jobCard .partnerSpan {padding-left: 0; line-height: 18px; text-transform: initial; }
.jobCard .paddedRow, .cpCard .paddedRow { padding: 10px 0;}
.jobCard p { margin-bottom: 0;}
.jobCard .boxTag { vertical-align: top; }

.cpCard { margin-bottom: 25px; }
/*.cpCard.borderedBox:hover { border: 1px solid #FF8400; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.10);}*/
.cpCard h3 { text-transform: inherit;}
.cpCard .logoBox { display: inline-block; padding: 19px; border: 1px solid #E7EDEF; border-radius: 2px; margin-bottom: 20px;}
.cpCard img.logo{ display: inline-block; height: 80px; }
.cpCard:hover .cpImage img{ box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.30);}
.cpCard.notClickable:hover{cursor: default;}
.job-clicks{position: absolute;bottom: 0;right: 0;margin-right: 15px;color: #104C60;opacity: 0.85;}
.passiveTag{background-color: #919191 !important}

/* DOCUMENTS */
.docIcon, .folderIcon, .folderIconRestricted { display: block; width: 100%; height: 160px; background: url('/img/icons/icon-document-empty.png') center center no-repeat; position: relative;
  color: #0d4a5e;
  padding-top: 85px;
  opacity: .85;
}
.folderIcon {background: url('/img/icons/icon-folder.png') center center no-repeat;}
.folderIconRestricted {background: url('/img/icons/icon-folder-restricted.png') center center no-repeat;}

.docBox { height: auto; margin-bottom: 30px;}
.docBox h6 { font-size: 15px;}
.docBox .docPreview { height: 140px;}

.documentsTile{min-height: 350px;}

a.returnLink {
    margin: 10px 0;
}

.filters .filter.selected {
    border: 3px solid #FF8400;
}
.filters .filter.selected .check-circle {
  background: url('/img/filter-selected.png') center center no-repeat;
}
#category-block .filters .filter span {
  padding-right: 8px;
}
.filters .filter span {
    padding-right: 8px;
}
#category-block .filters .filter.selected span {
  color: #FF8400;
}
.filters .filter {
  display: inline-block;
  border: 3px solid #CFD8DC;
  border-radius: 24px;
  margin-right: 16px;
  margin-bottom: 12px;
  padding: 2px 8px 12px 16px;
}
.filters a{
  text-decoration: none;
}
.filters span {
  color: #78909C;
  padding-right: 24px;
}
.filters .filter .check-circle {
  display: inline-block;
  background: url('/img/filter-unselected.png') center center no-repeat;
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
}

.tagsInput{
  font-family: 'Open sans', sans-serif;
  font-weight: 200;
  border-radius: 2px;
  border: 1px solid #C3D2D7;
}

/* SUMMER SCHOOL */
.ssTile h3{ text-transform: uppercase; font-weight: 200; font-size: 35px;color: #104C60; margin: 0;}
.ssTile h5{
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-style: italic;
  font-size: 18px;
  color: #FF8400;
}
.ssTile.ssother h5{
  color: #20A8D6;
}

.ssTile .tag{
  background: #FF8400; border-radius: 2px; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #FFFFFF; padding: 5px 10px; font-weight: 200; display: inline-block;
}
.ssTile p.shortDescr{
  opacity: 0.85; font-family: 'Open sans', sans-serif; font-size: 14px; color: #104C60; letter-spacing: 0;
}
.ssTilesep{
  background: #E7EDEF; width: 67%; height: 1px; margin: 50px auto;
}

.slide-descr{
  display: block;
  /*max-height: 169px;*/
  overflow: hidden;
  max-height: auto;
  -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.showOverlay .slide-descr{
  max-height: 169px;
}

.slide-descr-overlay {
  display: none;
  height: 75px;
  width: 100%;
  margin-top: -45px;
  background: rgba(255,255,255,0);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
  z-index: 99;
  position: relative;
}
.showOverlay .slide-descr-overlay, .showOverlay .toggle-slide{
  display: block;
}
.toggle-slide {
  margin-top: -20px;
  display: none;
  z-index: 199;
  position: relative;
  margin-bottom: 15px;
}

/* CONTENT PAGE - Profile of Targeted New Academic Partners*/
.openHeadBox {
  border: 2px solid #FF8400;
  border-radius: 2px;
  text-align: center;
  padding: 35px 20px 25px 20px;
  position: relative;
  margin-bottom: 125px;
  height: 310px;
}
.openHeadBox .openHeadBoxIcon{
  display: inline-block;
  background: #fff;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  width: 120px;
  margin: 0 auto;
}
.openHeadBox p{
  font-size: 14px;
  color: #868686;
  letter-spacing: 0;
  line-height: 28px;
  text-align: left;
}
.openHeadBox h3{
  font-size: 18px;
  color: #104C60;
  line-height: 32px;
  padding-left: 0 40px;
  margin-bottom: 25px;
}
.spacer{
  display: block;
  height: 155px;
}

.dotsLine{
  display: block;
  height: 100%;
  min-height: 1305px;
  width: 2px;
  background: #FF8400;
  margin: 0 auto;
  position: relative;
}
.dotsLine .dot{
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #FF8400;
  border-radius: 50%;
  left: -4px;
}
.dotsLine #dot1{
  top: 0px;
}
.dotsLine #dot2{
  top: 152px;
}
.dotsLine #dot3{
  top: 432px;
}
.dotsLine #dot4{
  top: 585px;
}
.dotsLine #dot5{
  top: 867px;
}

/* AJAX UPLOADER */
a.changeImage{z-index:10;position:absolute;top:0;right:2px;padding:2px 4px;background:rgba(0,0,0,0.5);color:#d8d8d8;display:block;text-decoration:none;}
a.changeImage:hover{color:white;}
.imageUpload{ position: absolute;top:0;left: 15px; width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px); height:100%;
}

.imageUpload.transparent{background:transparent;/*border: 2px dashed #ebebeb;*/}
.imageUpload.transparent .dragText{display: none;}
.ajax-upload-dragdrop.state-hover,
.ajax-upload-dragdrop.busy {
    background: #fafafa;
    background:transparent;
}
.ajax-upload-dragdrop.state-hover .ajax-file-upload {
    opacity: 0.3;
}
.ajax-file-upload {
    font-weight: normal;
    display: block;
    border: none;
    box-shadow: none!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 32px!important;
    position: absolute!important;
    color:#fff!important;
    padding:4px 8px;background:rgba(0,0,0,0.5);
    display:block;text-decoration:none;
    border-radius:5px;
    bottom:15px;
    right:15px;
    cursor:pointer;
    line-height:26px!important;
    margin:0 auto!important;
    font-family: Calibri, "Helvetica Neue",Helvetica,Arial,sans-serif!important;
    line-height: 24px;
    font-size:10px;
}
.header .ajax-file-upload{right:30px;}
.ajax-file-upload:o
.ajax-file-upload input{cursor:pointer;}

.ajax-file-upload:hover,
.ajax-upload-dragdrop.busy .ajax-file-upload {
    /*color: #F1A948!important;*/
    background:rgba(0,0,0,0.8);
    border:none!important;
    box-shadow: none!important;
}

/*.ajax-file-upload input[type="file"]{margin:0 auto;}*/
/*.ajax-file-upload:hover,
.ajax-upload-dragdrop.busy .ajax-file-upload {
    box-shadow: none;
    background: #7eb72d;
}*/
.ajax-file-upload-statusbar {
    border: none;
    width: 90%!important;
    padding: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    display:none!important;
}
.ajax-upload-dragdrop {
    position: relative;
    /*background: #F2F2F2;*/
    z-index: 100;
    text-align:center!important;
    width: auto!important;
    border: none;
    height: 100%;
}
.ajax-upload-dragdrop span {
    display: none;
}
.ajax-file-upload-statusbar {
    margin-top: 20px;
    margin-left: 0px;
}
.ajax-file-upload-bar {
    background-color: #00AEEF;
    border-radius: 0px;
}
.ajax-file-upload-progress {
    padding: 0px;
    border-radius: 0px;
    margin-left: 0px;
}
.ajax-file-upload-red {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e4685d;
    font-size: 13px;
    text-shadow: none;
    padding: 12px;
    display: inline-block;
}
.ajax-file-upload-red:hover {
    background-color: #E57C73;
}
.ajax-file-upload-filename {
    margin-left: 0px;
    margin-bottom: 15px;
}
.dragText,
.dragImg {
    position: absolute;
    width: 100px;
    display: block;
    text-align: center;
    /*top:10px;*/
    top: 45%;
    top: -moz-calc(50% - 62px)!important;
    top: -webkit-calc(50% - 62px)!important;
    top: calc(50% - 62px)!important;
    left: 50px;
    left: -moz-calc(50% - 50px)!important;
    left: -webkit-calc(50% - 50px)!important;
    left: calc(50% - 50px)!important;
    z-index: 100;
}
.dragText p {
    color: #A3A3A3;
    font-size: 16px!important;
    z-index: 100;
    margin-top: -115px
}
.dragText img {
    width: 120px;
    max-width:100%;
    margin-top: 10px;
}

.spinner{/*height:100%;*/ left:-9px;top: 55%;
    top: -moz-calc(50% + 40px)!important;
    top: -webkit-calc(50% + 40px)!important;
    top: calc(50% + 40px)!important;/*height:80px;*/color:#fff;position: absolute;width:100%;text-align:center;}
.spinner span{color:#666;line-height:20px;}
.spinner img{margin-top:-1px;padding-right:5px;}
a.email{
  text-decoration: none;
  color:black;
}

.fancybox-opened .fancybox-title {
    visibility: hidden!important;
}
.fancybox-skin {
  border-radius: 2px!important;
}

/* ============= TRANSCRIPT ================ */
.resubmitTranscript{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #20A8D6;
  letter-spacing: 0.38px;
}

.resubmitTranscript:hover{
  color: #20A8D6;
  text-decoration: underline;
}
#data-table tr:first-child td{
  border-top: none;
}
#data-table tr td{
  padding-left: 0; padding-right: 0;
  opacity: 0.85;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
}

#data-table tr td a{
  font-size: 14px;
  color: #20A8D6;
  line-height: 20px;
  text-decoration: underline;
}

/* Name: */
.fieldLabel{
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0.38px;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin: 10px 0 0 0;
}
.field{
  opacity: 0.85;
  letter-spacing: 0;
}
.transcript h4{
  margin-top: 0;
}
.checklistBox{
  /*margin-bottom: 30px;*/
  margin: 10px 0 20px 0;
}
.checklistBoxTitle {
  padding: 3px 10px 2px;
  background: #E7EDEF;
  border-radius: 2px 2px 0 0;
}
.checklistBoxTitle.incomplete{
  background: rgba(224,0,26,0.13);
}
.checklistBoxTitle h6{
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
  color: #0D2B4A;
  letter-spacing: 0;
  line-height: 15px;
  font-weight: bold;
}
.checklistBoxBody{
  padding: 5px 10px;
  border: 1px solid #E7EDEF;
  border-radius: 0 0 2px 2px;
}
.checklistBoxBody .row{
  padding: 5px 0;
}
.checklistBoxBody .check{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  float: left;

}
.checklistBoxBody .check:hover{
  cursor: pointer;
  opacity: 0.85;
}
.checklistBoxBody .check.complete{
  background: url('/img/icons/icon-check-complete.png') center center no-repeat;
}
.checklistBoxBody .check.incomplete{
  background: url('/img/icons/icon-check-incomplete.png') center center no-repeat;
}
.checklistBoxBody .checkLabel{
  display: inline-block;
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
  color: #0D2B4A;
  letter-spacing: 0;
  line-height: 17px;

}


.curriculumSemester .semesterCourses{
  padding-left: 21px;
}
.curriculumSemester .borderedBox .listRow .actionLone{
  position: absolute;
  top: 0;
}
.curriculumSemester .borderedBox .listRow .actionLone.lineLoneDelete{
  right: 15px;
}
.curriculumSemester .borderedBox .listRow .actionLone.lineLoneEdit{
  right: 37px;
}
.curriculumSemester .semesterCourses .listRow span{
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  padding-right: 45px;
}
.curriculumSemester .semesterCourses .listRow span i.passive{
  margin-left: 10px;
}
.curriculumSemester .semesterCourses .listRow span.courseGrade, .qdc.courseGrade{
  color: #87A5AF;
  font-size: 14px;
}

.curriculumSemester .semesterCourses .listRow span.dot, .editInlineRow span.dot{
  display: block;
  width: 4px;
  height: 4px;
  background: #4C7988;
  padding: 0;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: 7px;
}

.semesterCourses a.addInline{
  margin-left: -21px;
}
.semesterCourses .semesterRow .courseState2 a.addInline{
  margin-left: 0;
}

.courseState2{
  padding-bottom: 15px;
}
/*.row.formRow.courseState2 {
    background: rgba(231, 237, 239, 0.4);
    padding: 0 5px 0 26px;
    margin: 0 -20px 0 -41px;
}*/

.courseInfo{
  height: 120px;
}

.curriculumSemester.edit{
  border: none;
  background: #E7EDEF;
  border-radius: 2px 2px 2px 2px 0;
  padding: 20px 10px;
}

.curriculumSemester.edit p{
  color: #333333;
}

.curriculumSemester.edit .curriculumSemesterCourse{
  padding: 10px 0 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #C3D2D7;
}
.curriculumSemesterCourse.template{
  display: none!important;
}

.curriculumSemester.edit .formlbl{
  font-family: Montserrat-Regular;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0.38px;
}

.curriculumSemester.edit .field{
  opacity: 0.85;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  padding: 0 10px;
}



.tooltipTrigger{
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('/img/icons/icon-tooltip.png') center center no-repeat;
  float: right;
}

.tooltipTrigger.comment{
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('/img/icons/icon-info-overview.png') center center no-repeat;
  float: right;
  background-size: 17px 17px;
}

.tooltipBox.comment:before{
  border-top-color: transparent;
  right: 100%;
  top: 0%;
  left: -6%;
  border-right-color: #C3D2D7;
  margin-top: 19px;
}

.tooltipBox.comment{
  top: -22px;
}

.infoTooltip{
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('/img/icons/icon-info-overview.png') center center no-repeat;
  background-size: 17px 17px;
  margin-bottom: -3px;
  margin-left: 5px;
}

.tooltipBox{
  display: none;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #C3D2D7;
  border-radius: 2px;
  position: absolute;
  left: 105%;
  top: -20px;
  width: 280px;
  z-index: 9;
  box-shadow: 0 2px 5px rgba(14,44,74,.26);
}
.tooltipBox:after, .tooltipBox:before {
	right: 100%;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltipBox:after {
	border-right-color: #fff;
	border-width: 10px;
	margin-top: 20px;
  left: -19px;
}
.tooltipBox:before {
	border-width: 11px;
	margin-top: 19px;
  margin-left: -5px;
  border-right-color: #C3D2D7;
}
.tooltipBox h6{
  font-family: 'Open sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #104C60;
  letter-spacing: 0;
}
.tooltipBox p{
  opacity: 0.85;
  font-size: 14px;
  color: #104C60;
  letter-spacing: 0;
  font-weight: 300;
}

.transcriptReqInfo .tooltipBox{
  display: none;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #C3D2D7;
  border-radius: 2px;
  position: absolute;
  left: -16%;
  top: -50px;
  z-index: 9;
  width: initial;
  box-shadow: 0 2px 5px rgba(14,44,74,.26);
}
.transcriptReqInfo .tooltipBox.name{
  left: 0%;
}
.transcriptReqInfo .tooltipBox::after{
    content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  margin-top: 18px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  border-width: 11px;
  border-top-color: #fff
}
.transcriptReqInfo .tooltipBox:before{
  border-top-color: #C3D2D7;
  border-right-color: transparent;
}

.transcriptReqInfo .tooltipBox:before, .transcriptReqInfo .tooltipBox:after{
  left: 50%;
  top: 54%;
}

.transcriptReqInfo .tooltipBox p{
  opacity: 0.85;
  font-size: 14px;
  color: #104C60;
  letter-spacing: 0;
  font-weight: 300;
  margin-bottom: 0px;
}

.tooltipBox.info{
  left: 50%;
  top: -15px;
}
.tooltipBox.name{
  left: -15%;
  top: -50px;
  width: initial;
}
.tooltipBox.name:after, .tooltipBox.name:before{
  left: 50%;
  top: 59%;
}
.tooltipBox.name:after{
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #fff;
  margin-top: 16px;
  border-width: 11px;
}

.tooltipBox.name:before{
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #C3D2D7;
  border-width: 12px;
  margin-left: -6px;
  margin-top: 16px;
}

.tooltipTranscript.overview .tooltipBox{
  left: -142px;
  top: -63px;
}
 .tooltipBox.overview:before{
  margin-top: 20px;
  margin-left: -1px;
}
.tooltipBox.overview:after{
  margin-top: 20px;
}
.tooltipBox.overview p{
  opacity: 1;
}

.tooltipBox.overviewComment:before{
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #C3D2D7;
  border-width: 11px;
  margin-left: -1px;
  margin-top: 20px;
}
.tooltipBox.overviewComment:after, .tooltipBox.overviewComment:before{
  left: 50%;
  top: 59%;
}
.tooltipBox.overviewComment:after{
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #fff;
  margin-top: 20px;
  border-width: 10px;
}

.linkAsText .tooltipTranscript{
  text-decoration: none;
  color: #333333;
}

.tooltipTranscript .comment{
  float: none;
  margin-left: 5px;
  margin-bottom: -3px;
}


.transcriptModule{
  margin-bottom: 20px;
}
.transcriptModule h5{
  font-family: 'Open sans',sans-serif;
  font-size: 18px;
  color: #104C60;
  padding: 0;
  margin: 0;
  line-height: 22px;
}
.transcriptModule p{
  opacity: 0.85;
  font-size: 11px;
  color: #87A5AF;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  line-height: 15px;
}

.transcriptModule img{
  vertical-align: middle;
  margin-top: 8px;
  margin-right: 4px;
}

.transcript .sectionHomeMaster img.ui-datepicker-trigger {
  right: 20px;
}
.transcript .read img.ui-datepicker-trigger {
  display: none!important;
}
.transcript .checkbox:not(.formCheckbox){
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 15px;
}
.transcript .checkbox:hover{
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.transcript .checkbox.checked{
  background: url('/img/icons/checkbox.png') left top no-repeat;
}
.transcript .checkbox.unchecked{
  background: url('/img/icons/checkbox-empty.png') left top no-repeat;
}
.transcript .checkbox.unchecked.disabled{
  opacity: 0.4; cursor: default;
}
.transcript .disabled{
  opacity: 0.6;
}

.transcript .provisionalGraduate input[type="checkbox"]{
  display: inline-block;
  width: auto;
  margin-right: 10px;
}

.provisionalGraduate{
  margin-top: 40px;
}

.sectionReqChecklist{ padding-bottom: 0; }
.sectionAcademicCurriculum { padding-bottom: 30px; }

.quickLinks{
  position: relative;
}
.fixedQuickLinks{
  position: fixed;
  top: 25px;
}

.colSep{
  height: 500px;
  width: 1px;
  display: block;
  background: #90D4EB;
  position: absolute;
  left: -20px;
  top: -20px;
}
.colSep.fixed{
  left: -35px;
}

a.quickLink{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #20A8D6;
  letter-spacing: 0.38px;
}
.wizardNav li{
  padding-bottom: 20px;
  background: url('/img/lblue-pixel.png') 11px 22px repeat-y;
}
.wizardNav li.active{
  background: url('/img/blue-pixel.png') 11px 22px repeat-y;
}
.wizardNav li:last-child{
  background: none;
}
.wizardStep{
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #C8EAF5;
  width: 22px;
  height: 22px;
  opacity: 0.85;
  font-family: 'Open sans',sans-serif;
  font-size: 14px;
  color: #90D4EB;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}

.active .wizardStep{
  color: #20A8D6;
  border: 1px solid #20A8D6;
}
.wizardStep.completed{
  background: #C8EAF5;
  opacity: 0.85;
  font-family: Open Sans;
  font-size: 14px;
  color: #20A8D6;
}

.wizardStep.title{
  color: inherit;
  border-color: inherit;
  height: 26px;
  width: 26px;
  opacity: 1;
  line-height: 24px;
  font-family: inherit;

}

.wizardstepSpacer{
  display: inline-block;
  width: 34px;
}

.moduleSelect{
  margin-bottom: 10px;
}

p.form-notification, .borderedBox p.form-notification{
  color: #87A5AF;
    opacity: 1;
    margin: 5px 0;
    font-size: 12px;
    background: rgba(255, 245, 198, 0.7);
    padding: 10px 20px;
    line-height: 20px;
}

.submitBtn{
  margin-top: 10px;
}

.error_formSubmit{
  margin-top: 5px;
}

.transcript_input{
  color: #104C60 !important;
  font-family: 'Open sans', sans-serif;
  opacity: 0.85;
  font-size: 14px !important;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 22px;
  padding: 9px 10px;
  height: 42px;
}

.student_track{
  margin-top: 1px;
}

.internshipModule{
  min-height: 66px;
}

.cancel.link{
  margin-left: 20px;
}

h4.qdcSubTitle{
  display: inline-block;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0.39px;
  margin: 0;
}

/* ============= / TRANSCRIPT ================ */


/* ============== SKILLS MATRIX ================= */
.skillsMatrix h4{
  /* Adaptability/Flexibi: */
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0.38px;
}
.skillsMatrix .skillLevel .skillLevelTitle {
  text-align: center;
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-size: 18px;
  color: #4C7988;
  border: 1px solid #E7EDEF;
  border-radius: 2px 2px 0 0;
  padding: 5px 10px;
  font-weight: 300;
}
.skillsMatrix .skillLevel .skillLevelDescr {
  border: 1px solid #E7EDEF;
  border-radius: 0 0 2px 2px;
  padding: 10px 10px;
  border-top: 0;
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 300;
  height: 100px;
}
.skillsMatrix .skillLevel:hover{
  cursor: pointer;
}
.skillsMatrix .skillLevel.selected .skillLevelTitle, .skillsMatrix .skillLevel:hover .skillLevelTitle{
  background: #90D4EB;
  border: 1px solid #20A8D6;
  color: #0D2B4A;
}
.skillsMatrix .skillLevel.selected .skillLevelDescr, .skillsMatrix .skillLevel:hover .skillLevelDescr{
  background: #FFFFFF;
  border: 1px solid #20A8D6;
  border-top: 0;
  color: #0D2B4A;
}
.skillsMatrix .skillLevel.done .skillLevelTitle{
  background: #C8EAF5;
  border: 1px solid #90D4EB;
  color: #4C7988;
  height: 37px;
}
.skillsMatrix .skillLevel.done .skillLevelTitle .dot-indicator{
  padding: 13px 0;
}
.skillsMatrix .skillLevel.done .skillLevelDescr{
  background: #FFFFFF;
  border: 1px solid #90D4EB;
  border-top: 0;
  color: #4C7988;
}

.skillsMatrix .levelRow{
  margin-bottom: 15px;
}

a.addMaterial{
  background: url('/img/icons/icon-plus.png') right center no-repeat; padding-right: 25px;
  font-size: 14px;
  color: #20A8D6;
  line-height: 20px;
  text-decoration: underline;
}
ul.materialList{
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
ul.materialList li{
  list-style: none;
}
a.removeMaterial{
  background: url('/img/icons/icon-cancel.png') left center no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  text-indent:-9999px;
  opacity: 0.8;
}
a.removeMaterial:hover{
  opacity: 1;
}
.skillsMatrix input[type="file"], .hiddenFileInput{
  display:block;
  height:0;
  width:0;
  opacity: 0;
}

.backtoLink{
  margin-top: 10px;
  background: url('/img/icons/back.gif') 0px 3px no-repeat;
  padding-left: 20px;
  margin-left: 0;
}

.backtoLink a:hover{
  text-decoration: underline;
  color: #898989;
}

.debriefQuestion{
  color: #4C7988;
  font-size: 14px;
}

/* ============= / SKILLS MATRIX ================ */


/* ============= INTERNSHIP MANAGER ================ */
.internshipLBlue{
  color: #20A8D6 !important;
  opacity: 0.85 !important;
}

.extraStepInfo{
  color: #333333 !important;
  opacity: 0.85 !important;
}

.internshipStatus{
  opacity: 0.85;
  font-size: 14px;
  margin-top: 10px;
  letter-spacing: 0;
  text-transform: capitalize;
}

.internshipDetail .formlbl{
  line-height: 22px;
}

.detailFormLbl{
  line-height: 32px !important;
}

.internshipStatus.pending{
  color: #FF8400;
}
.internshipStatus.rejected, .internshipStatus.denied{
  color: #D0011B;
}
.internshipStatus.approved{
  color: #7ED321;
}

.internshipManager.detail h4{
  display: inline-block;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0.39px;
  margin: 0;
}
.internshipManager.detail p{
  opacity: 0.85;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
}

.wizardStepLine{
  background: url(/img/lblue-pixel.png) 25px 22px repeat-y;
  display: inline-block;
  height: 100%;
  padding-left: 46px;
}
.wizardStepLine.noLine{
  background: none;
}

/* == HORIZONTAL RADIO WRAPPER == */
label.horizontalradioWrapper {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    margin-bottom: 3px;
}
label.horizontalradioWrapper .horizontalradio + span {
	display: inline-block;
	float: left;
	line-height: 36px;
	color: #87A5AF;
	background: #FFF;
	border: 1px solid #c3d2d7;
	text-align: center;
	padding: 2px 20px;
	min-width: 42px;
	_width:42px;
	font-size: 14px;
	white-space: nowrap;
  margin-right: -1px;
  font-weight: normal;
}
label.horizontalradioWrapper.first .horizontalradio + span{
  border-radius: 2px 0 0 2px;
}
label.horizontalradioWrapper.last .horizontalradio + span{
  border-radius: 0 2px 2px 0;
}
label.horizontalradioWrapper .horizontalradio {
    position: absolute;
    height: 42px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    width: 1px;
}
label.horizontalradioWrapper .horizontalradio:hover, label.horizontalradioWrapper .horizontalradio + span:hover{
	cursor: pointer;
}
label.horizontalradioWrapper .horizontalradio:checked + span {
    background: #87A5AF;
    color: #fff;
    border: 1px solid #87A5AF;
}

.internshipDetail{
  padding: 0;
}

.internshipDetail .wrap{padding: 0;}

.studentSelfEval .internshipDetail .formlbl{
  line-height: 20px;
}

.studentSelfEval .internshipDetail .formlbl.reason{
  display: inline;
}

.studentEvalShow{
  display: block;
}

.studentEvalEdit{
  right: 50px !important;
  top: 19px !important;
}



.portal.transcript.internshipDetail{
  padding-top: 0px !important;
}

.detailLinks{
  margin-top: 15px;
  display: block;

}

.step4TooSoonTop{
  background-color: #E7EDEF;
  display: block;
  height: 60px;
  margin: -20px -20px 10px -20px;
  padding: 20px;
  color: #4C7988;
}

.step4TooSoonBottom{
  background-color: #E7EDEF;
  display: block;
  height: 60px;
  margin: 20px -20px -20px -20px;
  padding: 20px;
  color: #4C7988;
}

.internshipStatus.internshipStep{
  position: relative;
  top: 10px;
}

.proposalCheckbox{
  line-height: 22px !important;
  margin-left: 18px;
}

.proposalCheckbox input{
  margin-left: -18px;
}

.finalReport.checkbox{
  display: inline-block;
    width: auto;
    margin-right: 10px;
    height: 15px;
    margin-top: 0px;
}

/* ============= / INTERNSHIP MANAGER ================ */



/* ============= Date range picker ============= */
.daterange{
  background: #fff url('/img/icons/icon-cal.png') right 15px center no-repeat;
}
.dropdown-menu{
  background: #FFFFFF;
  border: 1px solid #C3D2D7;
  border-radius: 2px;
}
.daterangepicker .daterangepicker_input, .daterangepicker .input-mini{
  display: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td{
  font-family: 'Open sans', sans-serif;
  font-size: 12px;
  color: #4C7988;
  letter-spacing: 0;
  border-radius: 0;
  line-height: 20px;
  padding: 6px;
  min-width: 38px;
}
.daterangepicker .calendar th{
  color: #87A5AF;
  font-weight: normal;
}
.daterangepicker .calendar th.month{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0.39px;
  line-height: 24px;
}
.daterangepicker td.in-range{
  background-color: #FFA340;
  color: #fff;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
  background-color: #FF8400;
  color: #fff;
  border-radius: 0;
}
.daterangepicker td.active.start-date, .daterangepicker td.active.end-date {
  position: relative;
  height: 33px;

}
.daterangepicker td.active.end-date{
  left: -1px;
  top: -1px;
}
.daterangepicker td.active.start-date:after{
  content: " ";
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -17px;
    /*left: 100%;*/
    right: -5px;
    position: absolute;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 5px solid #cfcfcf;
    -moz-transform: scale(.9999);
    -webkit-transform: scale(.9999);
    -ms-transform: scale(.9999);

    border-left: 5px solid #FF8400;
}
.daterangepicker td.active.start-date:hover:after{
  border-left: 5px solid #ff9626;
}
.daterangepicker td.active.start-date:before,.daterangepicker td.active.start-date:hover:before{
  border-right: none!important;
}

.daterangepicker td.active.end-date:before{
  content: " ";
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -17px;
    /* left: 100%; */
    left: -5px;
    position: absolute;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 5px solid #cfcfcf;
    -moz-transform: scale(.9999);
    -webkit-transform: scale(.9999);
    -ms-transform: scale(.9999);
    border-right: 5px solid #FF8400;
}
.daterangepicker td.active.end-date:hover:before{
  border-right: 5px solid #ff9626;
}
.daterangepicker td.active.end-date:after,.daterangepicker td.active.end-date:hover:after{
  border-left: none!important;
}

.daterangepicker td.off:before, .daterangepicker td.off.in-range:before, .daterangepicker td.off.start-date:before, .daterangepicker td.off.end-date:before,
.daterangepicker td.off:after, .daterangepicker td.off.in-range:after, .daterangepicker td.off.start-date:after, .daterangepicker td.off.end-date:after{
  border-right: none!important;
  border-left: none!important;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #ff9626;
  color: #fff;
}
.daterangepicker td.start-date.end-date{
  border-radius: 0;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
  opacity: 0.35;
}
@media (min-width: 564px){
  .daterangepicker.ltr .calendar.left {
    margin-right: 30px;
  }
}
/* ============= /Date range picker ============= */




/* ============= Commitees ============= */
.cItem{
  margin-bottom: 25px;
}
.committeeOverview p{
  opacity: 0.85;
  font-size: 18px;
  line-height: 26px;
  color: #104C60;
}
.committeeOverview h3{
text-transform: uppercase;
font-family: 'Open sans', sans-serif;
margin: 15px 0 10px;
font-size: 20px;
color: #20A8D6;
}
.committeeOverview .memberBock{
  margin: 5px 0 25px 0;
}

.committeeOverview .memberBock h6{
  font-family: 'Open sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0;
}
.committeeOverview .memberBock p{
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
}
.committeeNAV a.countryBtn p.countryData{
  vertical-align: top;
}

/* ============= /Commitees ============= */

/* ============= Representatives ============= */
.contact-representatives h5 {
  margin-top: 0;
  font-size: 19px;
}

.contact-representatives .representitive h6 {
  font-family: 'Open sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0;
  line-height: 20px;
}
.contact-representatives .representitive p {
  opacity: 0.85;
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 20px;
}
/* ============= /Representatives ============= */




/* =============  PREVIEW ============== */
.input-group{display:block;}
div.editTitle,div.editDescr,.articleTitle{border:1px solid transparent;margin-left:-1px;min-height:40px;}
div.editDescr:focus{min-height:75px;}
div.editTitle:focus{min-height:32px;}
div.editTitle:focus,div.editDescr:focus{border:1px solid #d8d8d8;}
div.editTitle h2,div.editDescr p{margin-bottom:0px;}
div.editTitle,div.editDescr{margin-bottom:20px;}
/*.onEdit .editTitle, .onEdit .editDescr{margin:-2px -5px;padding:1px 4px;}*/
.onEdit .editTitle:hover, .onEdit .editDescr:hover,.onEdit .editTitle:focus,.onEdit .editDescr:focus,.onEdit.lightGray .editDescr,.onEdit.lightGray .editTitle{border:1px dashed #ccc;}
.editTitle{cursor:text;}
.editTitle:focus,.editDescr:focus{outline:none;background:#F9F9F9;box-shadow: inset 0 0 5px #d8d8d8;/*background:#fff;*/color:#666;}
.editTitle:focus *,.editDescr:focus *{color:#666;}
.onEdit.lightGray .editDescr,.onEdit.lightGray .editTitle{outline:none;background:#fff;box-shadow: none;}

.container.pullDown{position: relative;}
.editBlock.pullDown{position:absolute;bottom:0;right:-4px;}
@media all and (max-width: 991px) {
  .container.pullDown{position: relative;}
  .editBlock.pullDown{position:relative;bottom:auto;right:auto;}
  .academic_calendar_table{
    table-layout: fixed;
  }

  .academic_calendar_table tbody{
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .calendarTooltipBox{
    left: -180%;
    right: 0%;
  }

  .filterSummary{
    cursor: pointer;
  }

  .apFilter{
    cursor: pointer;
  }

  .semesterBlock{
    float: none;
    width: 100%;
  }
}

/* retina icons */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  #mobileNav a.toggleMenu span.openMenu { background: url('/img/icons/mobileMenu@2x.png') right center no-repeat; background-size: 21px 16px;}
  #mobileNav a.toggleMenu span.closeMenu { background: url('/img/icons/mobileMenu-close@2x.png') right center no-repeat; background-size: 17px 18px;}
  #nav-mobile-drop li.hasSubNav a.subNavLink{ background: url('/img/icons/icon-menu-down@2x.png') right 15px center no-repeat; background-size: 24px 13px;}
  #nav-mobile-drop li.hasSubNav.open a.subNavLink{ background: url('/img/icons/icon-menu-up@2x.png') right 15px center no-repeat; background-size: 24px 13px;}
  .formSelect { background: #fff url('/img/icons/icon-selectdown@2x.png') right 10px center no-repeat; background-size: 15px 8px; }
  .breadCrumbs span.crumbSep { background: url('/img/icons/crumbSep@2x.png') left center no-repeat; background-size: 9px 13px; }
  p.warning { background: url('/img/icons/icon-warning@2x.png') left center no-repeat; background-size: 20px 20px; }
  .quoteTestimonial .quoteIcon.start { background: url('/img/icons/icon-quote-open@2x.png') left top no-repeat; background-size: 30px 22px; }
  .quoteTestimonial .quoteIcon.end { background: url('/img/icons/icon-quote-close@2x.png') left top no-repeat; background-size: 30px 22px; }
  .faqQuestion .qArrow, i.qArrow { background: url('/img/icons/icon-servnav-arrow@2x.png') left center no-repeat; background-size: 17px 17px; }

  .resumeContainer h3.titleIcon.work { background: url('/img/resume/work@2x.png') left top no-repeat; background-size: 44px 39px;}
  .resumeContainer h3.titleIcon.education { background: url('/img/resume/education@2x.png') left center no-repeat; background-size: 49px 30px ; }
  .resumeContainer h3.titleIcon.skills { background: url('/img/resume/skills@2x.png') left center no-repeat; background-size: 43px 43px; }
  .resumeContainer h3.titleIcon.langs { background: url('/img/resume/langs@2x.png') left center no-repeat; background-size: 44px 44px; }
  #deleteModal h3.titleIcon.delete { background: url('/img/icons/icon-delete@2x.png') left center no-repeat; background-size: 60px 60px; }
  #deleteModal h3.titleIcon.overrule { background: url('/img/icons/icon-overrule@2x.png') left center no-repeat; background-size: 30px 31px; }
  #deleteModal h3.titleIcon.comment { background: url('/img/icons/icon-info.png') left center no-repeat; background-size: 30px 31px; padding-left: 45px; }

  .socialIconLink.linkedin { background: url('/img/social/linkedin@2x.png') center center no-repeat; background-size: 16px 16px;}
  .socialIconLink.facebook { background: url('/img/social/facebook@2x.png') center center no-repeat; background-size: 16px 16px;}
  .socialIconLink.twitter { background: url('/img/social/twitter@2x.png') center center no-repeat; background-size: 16px 16px;}

  .iconLink.actionLonePrint { background: url('/img/icons/icon-print@2x.png') left top no-repeat;  }
  .iconLink.actionLoneDownload { background: url('/img/icons/icon-download-n@2x.png') left top no-repeat; background-size: 27px 23px; }
  .iconLink.actionLoneClose { background: url('/img/icons/icon-close@2x.png') left top no-repeat; background-size: 16px 18px; }
  .testimonialBox .like{ background: url('/img/icons/icon-like@2x.png') left center no-repeat; background-size: 20px 18px;}
  .testimonialBox .like.liked{ background: url('/img/icons/icon-like-liked@2x.png') left center no-repeat; background-size: 20px 18px;}

}


@media (min-width: 768px) {
  .js-contentBlock .contentBox { padding: 40px 40px 40px 0 !important; }
  .js-contentBlock .imageCol + .contentBox { padding: 40px 0 40px 40px !important; }
  .aboutBody .paddedBox { height: 520px; }
}

@media (max-width: 767px) {
  .aboutBody .paddedBox { height: auto; }
  .aboutBody .js-contentBlock:nth-child(1),
  .aboutBody .js-contentBlock:nth-child(3) {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .js-contentBlock .contentBox { padding: 16px 32px !important; }
  .singleCalendarLineTooltip{
    left: -100px;
  }
  .covid_19_button{
    display: block;
    width: 50%;
    margin-top: 5px;
  }
}

@media (max-width: 600px) {
  .semesterBlock span:not(:last-child){
    display: block;
  }
}

/* ======== Bootstrap 1.5col hack ========== */
.col-md-15{
  width: 12.499999995%;
}
@media (max-width: 767px){
  .col-sm-0, .col-md-15.col-sm-0{
    width: 0;
  }
  .col-md-15.col-sm-1 {
      width: 8.33333333%;
  }
}

/* ======== conference ======== */
.conference{
  background: #fda24d url('/img/conference/conference-bg.jpg') center center no-repeat;
  background-size: cover;
}
.orangeOveray{
  background: rgba(255,163,64,0.90);
}
.conference h2{
  font-size: 36px;
  line-height: 44px;
}
.conference h3{
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #fff;

}
.conference h5{
  font-size: 14px;
  color: #0E2C4A;
  letter-spacing: 0.39px;
}
.conference h6{
  font-size: 18px;
  color: #104C60;
  text-transform: uppercase;
}
.conference .dateBlock .day{
  font-size: 42px;
}
.conference .dateBlock .month{
  font-size: 15px;
}
.conference .dateBlock .time{
  font-size: 14px;
  width: 90px;
}
.conference .dateBlock.hasTime {
    height: 115px;
    width: 90px;
    position: relative;
}
.whiteBox{
  background: #FFFFFF;
  box-shadow: 0 10px 15px 0 rgba(0,0,0,0.10);
  border-radius: 2px;
  padding: 35px 25px;
  margin: 35px 0 15px 0;
}
.whiteBox h3{
  font-size: 35px;
  color: #104C60;
}
.whiteBox a.btn.big{
  padding: 11px 75px;
  margin: 15px 0;
  font-size: 20px;
}
.whiteBox p.highlight{
  font-size: 16px;
}
.conference .dateBlocks{
  margin-top: -60px;
}

.speakers{
  margin-top: 15px;
}
.speakers .paddedBox{
  padding: 15px;
  text-align: left;
  margin: 15px 0;
  min-height: 163px;
}
.speakers h5{
  font-size: 12px;
  line-height: 16px;
  color: #104C60;
  letter-spacing: 0.39px;
  margin: 0 0 5px 0;
  padding: 0;
}
.speakers h4{
  font-size: 16px;
  line-height: 18px;
  color: #104C60;
  letter-spacing: 0.39px;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 5px 0;
}
.speakers p{
  margin-bottom: 0;
}
.speakers p.small{
  font-size: 11px;
  line-height: 13px;
}
.speakers p.gray{
  margin-top: 5px;
  color: #9B9B9B;
}
.partnerLogo{
  display: inline-block;
  margin: 0 30px 15px 30px;
  height: 40px;
}
.hostLogo{
  display: inline-block;
  margin: 15px 0 0 0;
  height: 70px;
}

.cancelButton{
  position: relative;
  top: 5px;
}

a.js-selection-toggle.link{
    position: absolute;
    right: -2px;
    top: 35px;
	padding-left:32px;
	margin-right: 5px !important;
	width:150px;
}
a#js-export-selection{
	float:right;
}

.formButtons{
  margin-top: 20px;
}

div.thumbPreview{position: relative; overflow: hidden;}

div.thumbPreview a.cropImg{
    display: block;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: rgba(0,0,0,0.5) url("/img/crop.png") center center no-repeat;
}

div.thumbPreview img{
  max-width: 100%;
}

div.thumbPreview.jury img{
  width: 100%;
}

.apImgBox{
  width: 100% !important;
  height: 100% !important;
}

#showStudentInfo{
  top: 0px;
}

.borderedBox.testimonialBox{
  padding: 15px 15px 0 15px;
  margin-bottom: 15px;
}
.borderedBox .border{
  border-bottom: 1px solid #C3D2D7;
}
.testimonialBox h4{
  opacity: 0.85;
  margin-bottom: 0;
  line-height: 1;
}
.testimonialBox h5{
  font-size: 14px;
  margin-top: 0;
  line-height: 1;
  opacity: 0.85;
}
.testimonialBox h6{
  font-weight: bold;
  color: #104C60;
  opacity: 0.85;
  font-size: 14px;
  color: #0E2C4A;
  letter-spacing: 0;
}
.testimonialBox p.testimonial{
  font-weight: 200;
  line-height: 24px;
  padding-left: 25px;
  opacity: 0.85;
  font-size: 18px;
  color: #104C60;
}
.testimonialBox p.testimonial::before{
  content:'"';
  margin-left: -12px;
}
.testimonialBox p.testimonial::after{
  content:'"';
  margin-right: -12px;
}
.testimonialBox .like{
  opacity: 0.85;
  font-size: 12px;
  color: #87A5AF;
  line-height: 24px;
  padding-left: 30px;
  background: url('/img/icons/icon-like.png') left center no-repeat;
}
.testimonialBox .like.liked, .js-like:hover{
  color: #FF8400;
  background: url('/img/icons/icon-like-liked.png') left center no-repeat;
}
.js-like:hover{
  cursor: pointer;
}
.testimonialBox .imgWrap{
  margin-left: -15px;
  margin-top: -15px;
  display: inline-block;
  width: 90px;
  height: 90px;
  overflow: hidden;
  margin-right: 15px;
}

.testimonialBox .imgWrap img {
  width: 100%;
  height: 100%;
}

.testimonialBox .imgWrap img.portrait {
  width: 100%;
  height: auto;
}
.testimonialBox .imgWrap img.landscape {
  width: auto;
  max-width: inherit;
  height: 100%;
}
.testimonialBox .contactStudent{
  max-height: 0;
  display: block;
  overflow: hidden;
  -webkit-transition: max-height 0.75s;
    transition: max-height 0.75s;
}
.testimonialBox .contactStudent .btn{
  margin-right: 25px;
}

.testimonialBox .contactStudent.open{
  max-height: 700px;
}
.testimonialBox .contactStudent h4{
  font-size: 16px;
}
.testimonialBox.borderedBox .actionLone.boxLoneDelete{
  top: 15px;
}

.testimonialTitle{
  font-size: 16px !important;
  opacity: 0.85;
}

.partnerCurrentStudents .paddedWhiteBox{
  background: #fff;
  padding: 15px;
  margin-bottom: 65px;
}
.partnerCurrentStudents .paddedWhiteBox > h5{
  font-size: 14px;
  color: #4C7988;
  letter-spacing: 0.39px;
}


.semFilter{
  border: 2px solid #E7EDEF;
  border-radius: 62px;
  font-size: 16px;
  color: #104C60;
  margin-right: 30px;
  margin-bottom: 50px;
  padding: 3px 20px;
  text-transform: lowercase;
  cursor: pointer;
}
.semFilter:hover, .semFilter.active{
  border: 2px solid #FF8400;
}

.semesterFilter{cursor: pointer;}

.inlinePartnerLinks a{
  display: inline-block;
  margin-left: 15px;
  font-size: 14px;
  text-decoration: underline;

}


/*.inlineIconLinks a{
  display: inline-block;
  margin-left: 25px;
  color: #87A5AF;
  font-size: 14px;
  padding-left: 25px;
}
.inlineIconLinks a span{
  display: inline-block;
  line-height: 26px;
  max-width: 0;
  vertical-align: middle;
  overflow: hidden;
  transition: all 0.75s linear;
}

/*.inlineIconLinks a.testimonials{ background: url('/img/icons/icon-testimonials-small.png') left center no-repeat; padding-left: 29px;}
.inlineIconLinks a.users{ background: url('/img/icons/icon-users-small.png') left center no-repeat;}
.inlineIconLinks a.contacts{ background: url('/img/icons/icon-contacts-small.png') left center no-repeat;}
.inlineIconLinks a.jobs{ background: url('/img/icons/icon-jobs-internships-small.png') left center no-repeat; padding-left: 29px;}

.inlineIconLinks a.testimonials:hover{ background: url('/img/icons/icon-testimonials-small_h.png') left center no-repeat; padding-left: 29px;}
.inlineIconLinks a.users:hover{ background: url('/img/icons/icon-users-small_h.png') left center no-repeat;}
.inlineIconLinks a.contacts:hover{ background: url('/img/icons/icon-contacts-small_h.png') left center no-repeat;}
.inlineIconLinks a.jobs:hover{ background: url('/img/icons/icon-jobs-internships-small_h.png') left center no-repeat; padding-left: 29px}

.inlineIconLinks a:hover{
  text-decoration: none;
  color: #FF8400;
}*/
/* .inlineIconLinks a:hover span{
  max-width: 200px;
} */

.paginationWrapper .pagination {
  clear: both;
}
.paginationWrapper .paginationInfo{
  padding: 30px 0 24px 0;
  float: left;
  margin-left: 25px;
  margin-top: 2px;
  display: block;
  font-size: 12px;
}

.paginationWrapper .pagination a, .paginationWrapper .pagination span{ display:inline-block; float:left; border:1px solid #C3D2D7; border-left: none;padding: 9px 17px; color:#104C60; text-decoration:none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.paginationWrapper .pagination span{color: #104C60;background:#C3D2D7;}
.paginationWrapper .pagination:hover span{cursor:default;color: #104C60;}
.paginationWrapper .pagination .notSelected{background: none;}
.paginationWrapper .pagination a#previousPage{background:url('/img/page_previous_qtem.png') center center no-repeat;border:1px solid #C3D2D7;    background-size: 13px;
}
.paginationWrapper .pagination a#nextPage{background:url('/img/page_next_qtem.png') center center no-repeat;    background-size: 13px;
}

.jobsOverview{
  margin-left: -15px;
}

.showAlumniStudentMore{
  text-align: center;
  display: block;
}

/* COURSE MANAGEMENT */
.courseUpload{
  float: right;
  margin-top: 14px;
  padding-top: 17px;
  margin-bottom: 10px;
}

.courseEdit{
  margin-left: 20px;
  margin-bottom: 3px;
}

.courseDetailClose{
  margin-bottom: 0px;
  margin-left: 45px !important;
}

.courseReview{
  vertical-align: middle !important;
}

.importCourseLbl{
  font-weight: 400 !important;
}

/* TERMS OF USE AND PRIVACY POLICY BOX */

.firstlogin_TOU{
  overflow-y: scroll;
  overflow-x: hidden;
  height: 300px;
  border: 1px solid #C3D2D7;
  border-radius: 2px;
}

.firstlogin_TOU .introRow .header{
  display: none;
}

.firstlogin_TOU .textContent .container{
  width: 95%;
}

.formlbl.terms-of-use, .formlbl.privacy-policy{
  color: #919191;
}

input[name="terms-of-use"], input[name="privacy-policy"]{
  pointer-events: none;
}

.firstlogin_TOU .col-md-2{
  width: 0%;
}

.firstlogin_TOU .col-md-8{
  width: 100%;
}

.acceptTermsBox{
  padding-left: 40px;
  padding-right: 40px;
}

.footer a:focus{
  color: #fff;
}

/* =============  NOTIFICATIONS ============== */

.notificationBox{
  width: 400px;
  display: block;
  overflow: auto;
  background-color: #20a8d6;
  margin-top: 30px;
  box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.30);
  max-width: 400px;
}

.notifications .collapsed .notificationBox{
  height: 50px;
}

.notificationBox i.icon-cp{
  background: url('/img/icons/icon-cp.png') left no-repeat;
  width: 40px;
  height: 30px;
  display: inline-block;
  margin-right: 3px;
}

.notificationBox i.icon-video{
  background: url('/img/icons/icon-video.png') left no-repeat;
  width: 30px;
  height: 20px;
  display: inline-block;
  margin-right: 3px;
}

.notificationBox i.icon-message{
  background: url('/img/icons/icon-message.png') left no-repeat;
  width: 35px;
  height: 20px;
  display: inline-block;
  margin-right: 3px;
}

.notificationBox h3{
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-left: 10px;
  text-align: left;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
}

.notificationBox h3, .notificationBox p{
  color: #fff;
}

.notificationBox p{
  margin-top: 10px;
  font-weight: 100;
  font-size: 14px;
  margin-left: 0px;
}

.notificationBox div{
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;

}

.notificationBox span{
  width: 100%;
}

.notificationBox a:not(.btn){
  text-decoration: underline;
  text-align: center;
}

.notificationBox a{
  color: #fff;

  margin-bottom: 20px;
}

.notificationBox a.btn{
  padding: 7px 15px;
  margin-bottom: 10px;
  text-align: center;
}

.notificationBox .notificationBox{
  margin-top: 10px;
  text-decoration: underline;
}

.notificationVideo{
  text-align: center;
  display: inline-block;
}

.notificationBox .buttons{
  text-align: center;
  margin-top: 30px;
}

.notifications{
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  margin-top: -310px; /* Negative half of height. */
  margin-left: -200px; /* Negative half of width. */
  width: 400px;

}

.notifications .notificationRow:not(.collapsed) h3, .notifications .notificationRowPreview h3{
  display: inline-block;
}

.notifications .collapsed h3{
  font-weight: 100;
  font-size: 15px;
  text-align: left;
  padding-top: 4px !important;
}

.notifications h3 i.icon-close{
  display: inline-block;
  width: 12px;
  height: 20px;
  background: url('/img/icons/icon-close-white.png') center center no-repeat;
  float: right;
  opacity: 0.9;
  position: absolute;
  right: 3px;
  top: 6px;
}

/* =============  NOTIFICATIONS ============== */

.actionLone.lineLoneDelete {
    right: 15px;
}
..actionLone {
    position: absolute;
    top: 0;
}
a.actionLone.lineLoneDelete {
    background: url(/img/resume/delete.png) center center no-repeat;
    margin-left: 10px;
}
a.actionLone.lineLoneDelete, a.actionLone.lineLoneEdit {
    position: relative;
    display: inline-block;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
}
a.actionLone, a.actionLone, a.actionLone {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 16px;
    height: 18px;
    text-indent: -9000px;
    opacity: 0.85;
    z-index: 29;
  }

.youtubeLink{
  line-height: 15px;
  font-size: 14px;
}

.youtubeLink:focus {
  font-size: 14px;
}
.mediaForm .youtubeLink{
  padding: 15px 20px 15px 10px;
}

.mediaForm a{
  padding: 15px 20px 15px 50px;
}

/* =============  QTEM DATA CHALLENGE ============== */

.dataChallenge.quotes .quoteTestimonial p{
  display: inline-block;
}

.dataChallenge.quotes .quoteTestimonial .quoteIcon.end{
  display: inline-block;
  position: relative;
  bottom: -20px;
}

.dataChallenge.quotes h3{
  font-size: 18px;
  color: #104C60;
  margin-top: 25px;
}

.dataChallengeDescr p{
  font-size: 16px;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #0D2B4A;
}

.dataChallengeDescr ul{
  font-weight: 100;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  color: #0D2B4A;
}

.dataChallengeWinners .winners{
  background-color: #fff;
}

.dataChallengeWinners .winners .number{
  background-color: #ff8400;
}

.dataChallengePartners img{
  box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.20);
  max-height: 190px;
}
.customHeaderImage{
  max-width: 200px;
  width: 100%;
  height: auto;
}

a.smallBorderedBox{
  padding: 13px 20px 12px 50px;
}

.data-challenge .table th{
  background-color: #fff;
}

.mediaItem{
  width: 100%;
}

.dataChallengeOther ul{
  list-style-type: none;
}

.dataChallengeOther .mainDate{
  padding-left: 0px;
}

.dataChallengeOther .mainDate h4{
  color: #ff8400;
}

.dataChallengeOther .mainDate h5{
  color: #0E2C4A;
}

.item{
  margin-bottom: 15px;
}

.currentQDCTag{
  display: inline-block;
  background: #104c60;
  padding: 3px 5px;
  font-size: 12px;
  vertical-align: top;
  margin-top: 10px;
  margin-left: 5px;
  color: #FFF;
}

/* =============  QTEM DATA CHALLENGE ============== */

/* =============  ACADEMIC CALENDAR ============== */

.lightGrayBg{
  background-color: #f3f6f7;
}

.semesterBlock{
  padding: 5px 10px 5px 10px;
  color: #92adb8;
  font-weight: 600;
}

.semesterCircle{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-right: 3px;
  vertical-align: middle;
}

.calendar_fall .semesterCircle{
  background-color: #ffa431;
}

.calendar_spring .semesterCircle{
  background-color: #52bee3;
}

.calendar_summer .semesterCircle{
  background-color: #77e34e;
}

.academic_calendar_table {
  width: 100%;
}

.academic_calendar_table tr.months td:not(:first-child){
  background-color: #c3d2d8;
  padding: 10px;
  border-right: 1px solid #fff;
  color: #104C60;
  font-weight: 100;
}

.academic_calendar_table tr.months{
  border-bottom: 1px solid #fff;
}

.academic_calendar_table td{
  padding: 5px 10px;
  border-right: 1px solid #f2f5f6;
  color: #104C60;
  font-weight: 100;
}

.academic_calendar_table td:not(:first-child){
  padding: 0px;
}

.calendar_grayBg{
  background-color: #e7edef;
}

.calendarLine{
  width: 101%;
  height: 20px;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  position: relative;
  min-width: 24%;
}

.calendarLine.begin{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.calendarLine.end{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.calendarLine.single{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.calendarLine.fall{
  background-color: #ffc279;
}

.calendarLine.spring{
  background-color: #8dd4ec;
}

.calendarLine.summer{
  background-color: #a1e78c;
}

.calendarLine .day{
  color: #fff;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 10px;
  text-align: center;
  position: absolute;
  z-index: 10;
}

.calendarLine .day.end{
  right: 0%;
}

.calendarLine.fall .day{
    background-color: #ffa431;
}

.calendarLine.spring .day{
    background-color: #4dbee5;
}

.calendarLine.summer .day{
    background-color: #72e542;
}

.calendar_questions h2, .calendar_questions p{
  color: #ffffff;
}


.calendarTooltipBox{
  display: none;
  padding: 15px;
  border: 1px solid #C3D2D7;
  border-radius: 2px;
  position: absolute;
  bottom: 140%;
  width: 220px;
  z-index: 11;
  box-shadow: 0 2px 5px rgba(14,44,74,.26);
  color: #fff;
  right: -85%;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.calendarTooltipBox p, .calendarTooltipBox a{
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
}

.calendarTooltipBox a{
  text-decoration: underline;
}

.calendarTooltipBox.tooltipBottom{
  bottom: -60px;
}

.calendarTooltipBox.tooltipBottom::after{
  content: " ";
  position: absolute;
  top: -16%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
}

.tooltipAlignLeft{
  right: -25%;
}

.calendarTooltipBox.fall{
  background-color: #ff8400;
}

.calendarTooltipBox.spring{
  background-color: #0ca7d8;
}

.calendarTooltipBox.summer{
  background-color: #77e34e;
}

.calendarLineHover.fall{
  background-color: #ffa431;
}

.calendarLineHover.spring{
  background-color: #52bee3;
}

.calendarLineHover.summer{
  background-color: #77e34e;
}

.calendarLineHover.fall .day{
  background-color: #ff8400;
}

.calendarLineHover.spring .day{
  background-color: #0ca7d8;
}

.calendarLineHover.summer .day{
  background-color: #6aca46;
}

.calendarTooltipBox.fall::after{
  border-color: #ff8400 transparent transparent transparent;
}

.calendarTooltipBox.spring::after{
  border-color: #0ca7d8 transparent transparent transparent;
}

.calendarTooltipBox.summer::after{
  border-color: #77e34e transparent transparent transparent;
}

.calendarTooltipBox.tooltipBottom.fall::after{
  border-color: transparent transparent #ff8400 transparent;
}

.calendarTooltipBox.tooltipBottom.spring::after{
  border-color: transparent transparent #0ca7d8 transparent;
}

.calendarTooltipBox.tooltipBottom.summer::after{
  border-color: transparent transparent #77e34e transparent;
}

.calendarTooltipBox::after{
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
}

.singleCalendarLineTooltip{
  left: -90px;
}

.student_club_members img{
  max-width: 220px;
  max-height: 200px;
}

.filterContainer{
  position: absolute;
  background-color: #FFFFFF;
  z-index: 20;
  width: 300px;
  left: 0px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  top: 78px;
  display: none;
}

.filterContainer .scrollableContainer{
  overflow-y: auto;
  overflow-x: hidden;
  height: 360px;
}

.filterContainer .topFilter{
  height: 40px;
  padding: 0px 20px;
  border-bottom: 1px solid #e7edef;
  line-height: 40px;
}

.filterContainer .topFilter a{
  float: right;
}

.filterContainer .bottomFilter{
  padding: 12px 20px;
  height: 60px;
  border-top: 1px solid #e7edef;
  line-height: 50px;
}

.filterContainer .bottomFilter a{
  box-shadow: none;
}

.filterContainer .content ul {
  list-style-type: none;
  padding-left: 0px;
}

.filterContainer .content ul li{
  padding-left: 20px;
}

.filterContainer .content ul li span.checkbox{
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  -webkit-appearance: none;
  border-radius: 2px;
  border: 1px solid #333;
}

.filterContainer .content ul li span.checkbox:after{
  content: "";
  opacity: 0;
  position: absolute;
  width: 11px;
  height: 5px;
  top: 8px;
  left: 6px;
  border: 2px solid #1a1a1a;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  transition: opacity .1s ease-in-out;
}

.filterContainer .content ul li span.checkbox.checked:after{
  opacity: 1;
}

.filterContainer .content ul li:hover{
  background-color: #f3f3f3;
}

.filterSummary{
  width: 300px;
  height: 40px;
}

.alignToInput{margin-top:47px;display: inline-block;vertical-align: top;}

/* =============  ACADEMIC CALENDAR ============== */

#covid_19_banner{
  background-color: #ce0b25;
  color: #FFF;
  padding: 20px 30px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#covid_19_banner .bannerText{
  margin-right: 10px;
}

#covid_19_banner a:not(.covid_19_button){
  color: #fff;
  text-decoration: underline;
}

.covid_19_button{
  color: #ce0b25;
  text-decoration: none;
  background-color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
  font-weight: 500;
}

#mainNav.navHidden #covid_19_banner{
top: -60px;
}