/*Fonts*/
@font-face { font-family: roboto-black; src: url(../fonts/Roboto/Roboto-Black.ttf); }
@font-face { font-family: roboto-black-italic; src: url(../fonts/Roboto/Roboto-BlackItalic.ttf); }
@font-face { font-family: roboto-bold; src: url(../fonts/Roboto/Roboto-Bold.ttf); }
@font-face { font-family: roboto-bold-italic; src: url(../fonts/Roboto/Roboto-BoldItalic.ttf); }
@font-face { font-family: roboto-italic; src: url(../fonts/Roboto/Roboto-Italic.ttf); }
@font-face { font-family: roboto-light; src: url(../fonts/Roboto/Roboto-Light.ttf); }
@font-face { font-family: roboto-light-italic; src: url(../fonts/Roboto/Roboto-LightItalic.ttf); }
@font-face { font-family: roboto-medium; src: url(../fonts/Roboto/Roboto-Medium.ttf); }
@font-face { font-family: roboto-medium-italic; src: url(../fonts/Roboto/Roboto-MediumItalic.ttf); }
@font-face { font-family: roboto; src: url(../fonts/Roboto/Roboto-Regular.ttf); }


/*joinder-classes*/
.jd-container{position:fixed; width:100%; height:100%; overflow-y:scroll;}
.jd-body{ height:100%; overflow-y: auto; }
.joinder-card{ padding:12px 19px; margin:20px 15px;}
.joinder-card > h2{ border-bottom:solid 1px #E5E9F2; color:#000 }
.joinder-card a { text-decoration: none; color: inherit; }
.jd-card{ background-repeat: no-repeat; background-position: top left; background-size: contain;}
.joinder-mainMenu{ margin:0px; padding: 0px; min-height:100%; }
.joinder-mainMenu > ul, .joinder-mainMenu > ul > li{display:block; padding:0px;	margin:0px;	width:100%;}
.joinder-mainMenu > ul > li > a{text-decoration: none; display:block; padding:15px 10px 15px 50px; margin:0px; color: #555555;	min-width:245px; background-position: 20px 50%; background-repeat: no-repeat;}
.joinder-mainMenu > ul > li > a:hover{background-color: #CDF2E9; color: #000; cursor: pointer; background-position: 20px 50%;background-repeat: no-repeat; }
.jd-card-Cal{color:#A7A7A7; padding: 5px 0px 5px 0px;}
.cal-day{padding:10px;}
.cal-day:hover {padding:10px; background-color: #CDF2E9; cursor: pointer;}
.jd-selMonth{color:#A7A7A7; padding: 10px 0px;}
.evItem{padding: 8px 0px;}
.evItem div div span{color:#000;}
.evItem div div span small{color:#A7A7A7; padding: 3px 0px;}
.jd-card-comItem div img{margin-top: 15px;}
.jd-card-comItem div p small span{color:#A7A7A7; margin-top:10px;}
#frmLogin a {text-decoration: none; color:inherit;}
#frmLogin button {border: none; cursor: pointer; width:249px; padding: 12px;}
#footer span{ padding:10px; }
#footer a, #topCookies a { text-decoration:none; color:inherit; }


/*Color Classes*/
.joinder-green{background-color: #53d5b6; color:#000000;}
.joinder-blue{background-color: #61D4E6; color:#000000;}
.joinder-aquagreen{background-color: #CDF2E9; color:#000000;}
.joinder-gray{background-color: #F5F6FA; color:#000000;}
.joinder-yellow{background-color: #FFCB22; color:#000;}


/*Rounded Classes*/
.rounded-5{border-radius: 5px;}
.rounded-13{border-radius:13px;}

/*Form Items Classes*/
input.frmItem-2, textarea.frmItem-2{margin:5px 5px; color: #000; display: block; padding: 10px; border: solid 1px #EBEDF3; width: 98%; text-decoration: none;}
::-webkit-input-placeholder {color: #a7a7a7;}
:-ms-input-placeholder { color: #a7a7a7; }
::placeholder { color: #a7a7a7; }

/*Font Classes*/
.roboto{font-family: roboto;}
.roboto-black{font-family: roboto-black;}
.roboto-bold{font-family: roboto-bold;}
.roboto-light{font-family: roboto-light;}
.smallest {font-size: 8px;}

/*Columns Classes*/
.twelveth, .twelveth-m, .elevenTwelveth, .elevenTwelveth-m, .eleventh, .eleventh-m, .tenEleventh, .tenEleventh-m, .seventh, .seventh-m, .sixSeventh, .sixSeventh-m{ float:left; margin:0px; overflow:hidden; border:none; padding:0px;}
.sixSeventh, .sixSeventh-m{width:86%}
.seventh, .seventh-m{width:14%}
.tenEleventh, .tenEleventh-m{width:91%}
.eleventh, .eleventh-m{width:9%}
.elevenTwelveth, .elevenTwelveth-m{width:92%}
.twelveth, .twelveth-m{width:8%}

/*Shadow*/
.barra, .col, .cardEstGral, .card, .topBar, .btnCard { -webkit-box-shadow: 0px 2px 5px 0px #E5E9F2; -moz-box-shadow: 0px 2px 5px 0px  #E5E9F2; box-shadow: 0px 2px 5px 0px #E5E9F2; filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=155, Strength=1); -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=155, Color='#111111'); }


/*Slides*/
.mySlides {}
.mySlides img {vertical-align: middle;}

.slideshow-container {
  max-width: 100%;
  position: absolute;
  margin: auto;
  border: none;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}