@charset "utf-8";
/* CSS Document */
body
{
	font-family: "Roboto", sans-serif;
	
	-webkit-font-smoothing:antialiased;
	
}
#logo
{
	display:inline-block;
	background-image:url(../images/logo.png);
	height:40px;width:40px;
	background-size:cover;
	margin-right:10px;
}

#headerLogo
{
	display:block;margin-top:15px;margin-bottom:15px;transition: .5s all linear;
}
#headerLogo img
{
	width:240px;
	height:80px;
	
    transition: .5s all linear;
}
#mobile-nav, #mobile-nav-btn
{
	display:none;
}

#fh5co-header h4
{
	text-align:left;
	position:relative;
	top:40px;
	right:160px;
	color:#91e25b;
}
#fh5co-offcanvas
{
	background-color:#fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	margin-top:113px;
}
#fh5co-offcanvas ul li a
{
	color:rgba(0,0,0,.7);
	
}
#fh5co-offcanvas ul .active
{
	background:none;
	color:#91e25b;
}
#fh5co-footer
{
	padding-top:20px;
}
#chatBtn{ transition: .5s all linear; }
#fh5co-header h1
{
	
}
#fh5co-header 
{
	padding-top:0px;
	padding-bottom:0px;
	position:fixed;
	background-color: white;
	opacity:.9;
	z-index:50;
	border:none;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.1),
		0 4px 15px 0 rgba(0,0,0,.15);
}
.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
#fh5co-header nav
{
	padding-bottom:20px;
	    margin-top: 33px;
	
    transition: .5s all linear;
	
}

.errors p
{
	color:red;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
#fh5co-intro-section
{
	padding-top:117px;
	padding-bottom:0px;
}

#help-btn
{
	position:absolute;
	top:0px;
	right:20px;
	
}
#help-btn:hover
{
	text-decoration:none;
}
#account-link {
        position: absolute;
    top: 19px;
    right: 375px;
	transition: .5s all linear;
}
.header-inner .above-nav
{
	margin-bottom:35px;
}

#help-btn a
{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding:10px;
	padding-right:20px;padding-left:20px;
	color:#fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.dropdown
{
	position:relative;
}
.dropdown-content
{
	display:none;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background-color:rgba(255,255,255,.95);
	position:absolute;
	z-index:1;
	padding:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	margin-top:20px !important;
    padding-bottom: 10px !important;
}
.dropdown-gap
{
	height:20px;
	position:absolute;
	z-index:1;
	display:none;
	min-width:250px;
}
.dropdown-content li
{
	display:block !important;
	float:none;
    color: #22b8d6;
    font-size: 14px;
	padding-left: 10px !important;
    margin-bottom: 10px !important;
}
.dropdown-content li a
{
	padding:10px !important;
    padding-bottom: 3px !important;
    font-size: 14px !important;
}
.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-gap
{
	display:block;
}
.dropdown-content:hover .dropdown-btn
{
	border:1px solid #22b8d6;
}
#main-nav ul li a,
	#main-nav ul li a:after,
	#main-nav ul li a:before {
	  transition: all .5s;
	}
	#main-nav ul li a.navBtns:hover {
	  color:#22b8d6;
	}
		
	/* stroke */
	#main-nav.stroke ul li a,
	#main-nav.fill ul li a {
	  position: relative;
	}
	#main-nav.stroke ul li a:after,
	#main-nav.fill ul li a:after {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  margin: auto;
	  width: 0%;
	  content: '.';
	  color: transparent;
	  background-color:#91e25b;
	  height: 1px;
	}
	#main-nav.stroke ul li a:hover:after {
	  width: 60%;
	}
	
	#main-nav.fill ul li a {
	  	transition: all 2s;
	}
	
	#main-nav.fill ul li a:hover {
		transition-delay:2s;
	  	transition: height 2s;
	}
	
	#main-nav.fill ul li a:after {
	  text-align: left;
	  content: '.';
	  margin: 0;
	  opacity: 0;
	}
	#main-nav.fill ul li a:hover {
	  color: #fff;
	  z-index: 1;
	}
	#main-nav.fill ul li a:hover:after {
	  z-index: -10;
	  animation: fill 1s forwards;
	  -webkit-animation: fill 1s forwards;
	  -moz-animation: fill 1s forwards;
	  opacity: 1;
	  height:50px;
	}
/* ------Buttons ----------*/
.md-button.md-default-theme.md-primary, .md-button.md-primary
{
	color:#22b8d6 !important;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)
}
.white-rounded-btn:hover
{
	cursor:pointer;
}
.btn-circle
{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	text-align:center;
	width:36px;height:36px;
	border-radius:50%;
	color:white;
	font-size:18px;
	text-decoration:none;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.2),
		0 4px 15px 0 rgba(0,0,0,.15);
		padding-top:5px;
}

.btn-circle i
{
	position:relative;
	top:3px;
}
.btn-circle.med-circle
{
	width:49px;height:49px;
	font-size:24px;
	padding-top:9px;
}

.btn-circle.med-circle i
{
	top:3px;
}
.btn-circle.sm-circle
{
	width:25px;height:25px;
	font-size:12px;
	padding-top:5px;
}

.btn-circle.sm-circle i
{
	
    top: 2px;
    font-size: 12px;
    padding-left: 1px;
}

#social-links
{
	position:absolute;
	top:15px;
	right:200px;
	
    transition: .5s all linear;
}
.youtube-btn
{
	background-color:#ff0000;
}

.facebook-btn
{
	background-color:#3b5998;
}
.insta-btn
{
	background-color:#2e5e86;
}
.twitter-btn
{
	background-color:#55acee;
}
.facebook-btn i,.youtube-btn i
{
	position:relative;
	top:3px;
	left:0px;
	font-size:19px;
}

.btn-block-norm
{
	display:inline-block;
	color:white;
	border-radius:2px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	color: #747373;
	padding-bottom:0.84rem;
	padding-top:0.84rem;
	padding-right:1.14rem;
	padding-left:1.14rem;
	text-decoration:none;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	margin-right:10px;
}
.btn-block-norm:hover
{
	text-decoration:none;
	color: #747373;
	cursor:pointer;
}

.btn-block:hover
{
	text-decoration:none;
	color: #747373;
	
}

.btn-rounded
{
	display:block;
	border:none;
	border-radius:10em;
	color:white;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	padding:35px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;margin-right:auto;
	text-align:center;
	
}

.btn-rounded-small
{
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
	
	
}

.btn-rounded:hover
{
	cursor:pointer;
	text-decoration:none;
}
.btn-green
{
	background-color:#91e25b;
	color:white;
	
}
.btn-blue
{
	background-color:#22b8d6;
	color:white;
}
.btn-blue:hover
{
	text-decoration:none;
	color:rgba(0,0,0,.7);
}

.clear-btn
{
	background-color: rgba(255,255,255,.2);
	text-align:center;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.2),
		0 4px 15px 0 rgba(0,0,0,.15);
}

.clear-btn:hover
{
	color:white;
	text-decoration:none;
	
}

#donateBtn
{
	width:200px;text-align:center;
	position:absolute;
	right:10px;
	top:820px;
}


.white-rounded-btn
{
	font-size:18px;border-radius:10em;height:34px;display:block;padding-left:20px;box-shadow:0 5px 11px 1px rgba(0,0,0,.1), 0 4px 15px 0 rgba(0,0,0,.15);margin-top:3px;
	
}

.white-rounded-btn:hover
{
	
}

.white-rounded-btn .btn-txt
{
	color:#7f7f7f;
	display:inline-block;padding-top:2px;
}
.white-rounded-btn .btn-circle
{
	float:right;
	margin-top:-1px;
}


.outline-btn-blue
{
	border:2px solid #22b8d6;
	color:#22b8d6;
	width:40%;box-shadow:0 5px 11px 1px rgba(0,0,0,.1), 0 4px 15px 0 rgba(0,0,0,.15);
	background-color:white;
}

.btn-caps-right
{
	text-transform:uppercase;
	display:block;
	text-align:right;
	padding-right:10px;
	margin-top:25px;
}
.btn-caps-disabled
{
	color:#747373;
}

.btn-caps-right:hover
{
	text-decoration:none;
}

.text-green
{
	color:#91e25b;
}
.reg-box-shadow
{
	
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.btn-block-blue
{
	background-color:#22b8d6;border:none;color:#fff;display:block;width:30%;margin:25px;margin-left:35%;text-align:center;
}

.btn-block-dialog-blue
{
	background-color:#48a5ea;border:none;color:#fff;display:block;width:30%;margin:25px;
    margin-left: auto;
    margin-right: auto;
    min-width: 200px;;text-align:center;
}

.icon-round-btn
{
	    font-size: 18px;
    border-radius: 10em;
    height: 34px;
    display: block;
    padding-left: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin: 10px;
	width:200px;
	display:inline-block;
}
.icon-round-btn.icon-left
{
	padding-left:0px;
}
.icon-round-btn .btn-txt {
    color: #7f7f7f;
    display: inline-block;
    padding-top: 2px;
}
.icon-round-btn.icon-right .btn-circle {
    float: right;
    margin-top: -1px;
	margin-right:0px;
}
.icon-round-btn.icon-left .btn-circle {
    float: left;
    margin-top: -1px;
}
.btn-circle i {
    position: relative;
    top: 3px;
}
/* ------End Buttons ----------*/
#homePhoto
{
	background-image:url(../images/justin-mcafee-656012-unsplash_skinny.jpg);
	background-image:url(../images/kahari-king-384407-unsplash_skinny.jpg);
	background-image:url(../images/alex-brisbey-582222-unsplash_skinny.jpg);
	background-image:url(https://static.secure.website/wscfus/10187477/4518137/hma25qbkzbflh0r4qnsl-w1920-o.jpg);
	background-image:url(../images/people-sitting-w1920-o.jpg);
	background-size:cover;
	margin-top:0px;
	width:100%;
	height:800px;
	margin-bottom:80px;
	
	text-align:center;
	
}

#picWords
{
	    color: white;
    font-family: 'Caveat';
    font-size: 55px;
    text-align: center;
    position: relative;
    top: 400px;
    font-size: 3em;
    padding-left: 25px;
    padding-right: 25px;
}

#lr-home-grid .text-center iframe
{
	margin-bottom:35px;margin-top:-55px;
}

#homePhoto .down-arrow
{
	display: block;
    position: relative;
    top: 380px;
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-size: 80px 40px;
    background-position: 50% 100%;
	width:200px;margin-left:auto;margin-right:auto;
	height:40px;
	opacity:.8;
}
#homePhoto .down-arrow:hover
{
	cursor:pointer;
	opacity:1;
}

#homePhoto .down-btn
{
	    display: block;
    font-size: 24px;
    position: relative;
    top: 380px;
    color: rgba(255,255,255,.7);
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-size: 80px 40px;
    background-position: 50% 100%;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 80px;
}
#homePhoto .down-btn:hover
{
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}

#homeStats
{
	    flex: auto;
    margin-left: 20px;
    margin-right: 20px;
    vertical-align: top;
    align-items: top;
    position: relative;
    height: 315px;
    bottom: 161px;
}
#homeStats h3
{
	color:#039be5;
    font-family: 'Caveat';
    font-size: 36px;
}
.stats-row
{
	display:flex;
    margin-top: 35px;
}
.stats-row .content.col-4
{
	flex:auto;
	text-align:center;
	width:33%;
}
.stats-row .content .num-lg {
	text-align: center;
	font-size: 24px;
	color: #03A9F4;
	padding-top: 10px;
	font-family: 'Kalam';
    font-size: 31px;
}
.stats-row .content .num-md {
font-size: 16px;
margin-top: 7px !important;
color: #91e25b;
}
.stats-row .content .below-lbl-sm
{
	text-align: center;
    color: rgba(0,0,0,.4);
    font-size: 12px;
	
}
.stats-row .content a
{
width:96%;
    margin-left: 2%;
    font-size: 10px;
	margin-top:8px;
}
.white-content-box
{
	border-radius:5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	padding:5px;
	background-color:rgba(255,255,255,.3);
	margin-bottom:10px;
}
.titled-content .white-content-box
{
    background-color: #fff;
    border-radius: 3px;
}
.white-content-box h5:first-child
{
	color:#22b8d6;
	font-size:16px;
	text-align:center;
}
.sponser-box
{
	width:100%;
	margin-top:10px;
	text-align:center;
	height:130px;
	position:relative;
	z-index:40;
}

.sponser-box img
{
	margin-left:auto;margin-right:auto;
	
}


.sponsers-title
{
	font-size:14px;
	color:white;
	text-align:center;
	margin-bottom:0px;
	line-height:16px;
	padding-top:4px;
}

.sponsers-link
{
	display:block;
	text-align:center;
	float:right;
	
	
}

.sponsers-link:hover
{
	color:#747373;
}
#fh5co-featured-section
{
	padding-top:180px;
}
.featured-grid .desc
{
	bottom:-20px;
}
.featured-grid .desc h3
{
	margin-bottom:0px;
}

#featuredRadio img
{
	display:inline-block;
	height:210px;width:210px;border-radius:50%;margin-left:20px;
	position:relative;
	bottom:20px;
}

#featuredRadio p
{
	display:inline-block;
	font-size:14px;
	width:50%;
	margin-left:5%;
	margin-top:30px;
	color:white;
}


#amazonSmileBlock
{
	background-image:url(../images/Amazon-Smiles-Logo-1024x520-1-980x520.jpg);
	background-image:url(../images/amazonsmile-blog.jpg);
	background-image:url(../images/amazonsmile-square-small.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#donateCarBlock h3 i, #amazonSmileBlock h3 i
{
	padding-right:10px;
	font-size:18px;
}

#donateCarBlock
{
	background-image:url(../images/will-langenberg-37169-unsplash-dark.jpg);
	color:#91e25b;text-decoration:none;padding:10px;padding-top:40px;font-weight:normal;
}

#donateCarBlock p
{
	border-radius:3px;
	padding-left:10px;padding-right:10px;text-align:justify;
	color:white;
}

#donateCarBlock i
{
	font-size:18px;
	
}

#blueBottom
{
	position:absolute;
	top:667px;
	background-image:url(../images/blue_back2.png);
	width:100%;
	background-size:cover;
	min-height:290px;
	text-align:center;
}

#blueBottom h2
{
	color:white;
	margin-top:55px;
	font-family:roboto;
	margin-bottom:0px;
}
#blueBottom h4
{
	color:white;
	margin-top:55px;
	font-family:roboto;
	margin-bottom:0px;
	font-size:40px;
    font-family: 'kalam';
}

#blueBottom p
{
	font-style:italic;
	color:white;
}
#liverite-services h4
{
	color:rgba(255, 255, 255, 0.7);font-size:14px;font-weight:300;
}
@media screen and (min-width: 481px) {
#blueBottom #sponsors
{
	margin-bottom:20px;
}
}
#sponsors .sponsors-white
{
	display:inline-block;
	vertical-align:middle;
	margin:10px;
	margin-left:15px;margin-right:15px;
}
@media screen and (min-width: 993px) {
#fh5co-featured-section .full-container
{
	min-width:1200px;
}
}

#lr-slideshow-section
{
	padding-top:40px;
	
}
.slideshow-container {
  max-width: 800px;
  height:500px;
  position: relative;
  margin: auto;
}

.mySlides {
    display: none;
}

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

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

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

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

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

.mySlides img
{
	max-height:500px;
	
}


.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.col-sm-2
{
	padding-left:10px;padding-right:10px;
}


.blue-gradient
{
	/*background-image:url(../img/icons/blue_gradient_circle.png);*/
	background:linear-gradient(40deg,#45cafc,#303f9f)!important;
}


.easy-blue-gradient
{
	/*background-image:url(../img/icons/blue_gradient_circle.png);*/
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	color:white;
}

.orange-gradient
{
	/*background-image:url(../img/icons/orange_gradient_circle.png);*/
	background:linear-gradient(40deg,#ffd86f,#fc6262)!important;
}


.purple-gradient
{
	/*background-image:url(../img/icons/purple_gradient_circle.png);*/
	background:linear-gradient(40deg,#ff6ec4,#7873f5)!important;
}
.purple-red-gradient
{
	/*background-image:url(../img/icons/purple_gradient_circle.png);*/
	background:linear-gradient(40deg,#9c27b0,#ff3d00)!important;
	color:#fff;
}

/*
.btn-green2-gradient
{
	background-image:url(../img/icons/purple_gradient_circle.png);
	background:linear-gradient(40deg,#b5ac49,#3ca55c)!important;original#f4d03f
}b3e552*/

.green-gradient
{
	/*background-image:url(../img/icons/purple_gradient_circle.png);*/
	background:linear-gradient(40deg,#ddf43f,#16a085)!important;
}

.blue-green-gradient
{
	background:linear-gradient(20deg,#42caca,#6afdc9)!important;
	color:white;
}
.light-blue-green-gradient
{
	background:linear-gradient(20deg,#ffff8d,#b9f6ca)!important;
	color:white;
}
.bright-orange-gradient
{
	background:linear-gradient(20deg,#e65100,#ffa000)!important;
	color:white;
}
.dark-purple-gradient
{
	background:linear-gradient(20deg,#4527a0,#7b1fa2)!important;
	color:white;
}
.purple-blue-gradient
{
	background:linear-gradient(20deg,#e040fb,#4fc3f7)!important;
	color:white;
}

.subtle-blue-gradient
{
	background:linear-gradient(20deg,#3949ab,#4fc3f7)!important;
	color:white;
}
.blue-black-gradient
{
	background:linear-gradient(20deg,#37474f,#2979ff)!important;
	color:white;
}
.white-grey-gradient
{
	background:linear-gradient(20deg,#fdfbfb,#ebedee)!important;
	/*color:rgba(0,0,0,.6);*/
}/*
.-gradient
{
	background:linear-gradient(20deg,#,#)!important;
	color:white;
}*/


.rounded-icon-btn
{
	    margin: 15px;
    padding: 8px;
    border-radius: 5em;
	    padding-left: 15px;
		color:#fff;
}
.rounded-icon-btn i
{
	
    margin-left: 7px;
    margin-right: 7px;
}
.rounded-icon-btn:hover
{
	text-decoration:none;color:#fff;
	cursor:pointer;
}

.btn-rounded-disabled
{
	background-image:none;
	background-color:#747373;
	color:#666;
}

.btn-rounded-disabled:hover
{
	cursor:default;
	color:#666;
}

.card
{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	border-radius: 4px;
	padding:0px;
	padding-bottom:15px;
	margin-top:50px;
	display:inline-block;
	vertical-align:top;
}


.card img
{
	border-radius: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	width:100%;
	/*margin-left:15%;
	margin-top:-25px;*/
}

.card-title
{
	color:#212529;
	text-align:center;
	font-size:24px;
	margin:20px;
}

.card-subtitle
{
	color:#22b8d6;
	text-align:center;
	margin:10px;
	margin-bottom:20px;
	font-size:14px;
}

.card-text
{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:#747373;
	font-size:14px;
	padding:10px;
}

.card-footer
{
	text-align:center;
	margin:15px;
}

.content-title
{
	color:#22b8d6;
	font-family: 'Raleway';
	font-size:66px;
	font-weight:400;
	text-align:center;
}
@media screen and  (min-width: 769px) {
.person-card.col-lg-12
{
	display:inline-block;
	width:90%;
	padding-bottom:0px;
	float:left;
	margin-left:5%;
}

.person-card.col-lg-12 img
{
	width:30%;
	margin-left:0px;
	margin-top:0px;
	float:left;
}

.person-card.col-lg-12 .card-body
{
	width:69%;
	vertical-align:top;
	float:left;
}

.person-card.col-lg-12 .card-text
{
	padding-top:0px;
}
}
.site-sections
{
	padding-top:117px;/*padding-top:164px;*/
	padding-bottom:0px;
	
}

.sections-header
{
	margin-bottom:40px;
}

.sections-header h1
{
	color:white;
	font-family:'Roboto', sans-serif;
	padding-top:30px;
	font-size:42px;
	
}
.sections-header h2
{
	color:white;
	font-family:'Roboto', sans-serif;
	padding-top:30px;
	font-size:42px;
	
}

#scholarshipBlock
{
	height:240px;
	background-image:url(../images/cytonn-photography-604680-unsplash_dark.jpg);
	margin-bottom:30px;
}

#sexInput
{
	margin-top:15px;margin-bottom:15px;
}

#samhsaBlock
{
	height:240px;
	padding-top:20px;
	margin-bottom:30px;
}

#samhsaBlock img
{
	width:300px;
	height:100px;
	margin-left:calc( 40% + calc( calc( 60% - 300px ) / 2 ));
	margin-bottom:15px;
}

#samhsaBlock p
{
	font-size:12px;text-align:center;
	width:60%;margin-left:40%;
	padding-right:15px;
	text-decoration:none;
	color:rgba(0,0,0,.6);
}
#samhsaBlock p:hover, #samhsaBlock:hover
{
	text-decoration:none;
	
}
#samhsaBlock .desc
{
	text-align:left;
	color:rgba(0,0,0,.6);
}
#samhsaBlock.white-box .desc h3
{
	color:#22b8d6;
}
#samhsaBlock.white-box .desc span
{
	color:rgba(34,184,214, .7);
}
#samhsaBlock.white-box p
{
	color:rgba(0,0,0,.6);
}
.white-box
{
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffffff 2%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffffff 2%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffffff 2%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	color:rgba(0,0,0,.6);
}
#scholarshipForm
{
	
	
}
#scholarshipForm label, #scholarshipForm .md-label, #scholarshipForm .md-text-input-title
{
	font-size:14px;
	color:rgba(0,0,0,0.6);
	font-weight:300;
}
#scholarshipForm .md-text-input-title
{
	margin-left:3%;
	font-size: 14px;
    font-weight: 400;
}
#scholarshipForm .md-input-row
{
	margin-left:3%;
}
.md-input-radio-row, .md-input-radio-two-rows
{
	display:block;
	margin-left:3%;
}
.md-input-radio-row p
{
	color:rgba(0,0,0,0.6);font-size:15px;
}
#lr-home-grid
{
    margin-top: 400px;
	margin-bottom:40px;
}
.has-warning #lr-home-grid
{
    margin-top: 375px;
}
#hg-blue-lg
{
	background-image:url(../images/lr_front2.jpg);
	background-size:cover;
	background-position:center center;
	height:600px;
	
}
#hg-blue-lg #hg-blue_bottom
{
	position:absolute;
	bottom:20px;
    z-index: 10;
	
}
#hg-blue-lg #hg-blue_bottom h2
{
    font-size: 40px;
    color: rgba(255,255,255,.9);
    margin-bottom: 12px;
    font-family: 'Caveat';
}
#hg-blue-lg #hg-blue_bottom h2 i
{
    font-size: 24px;
    margin-right: 20px;
}
#hg-blue-lg #hg-blue_bottom p
{
    color: rgba(255,255,255,.8);
    font-weight: 300;
    line-height: 20px;
}
#hg-blue-lg:after
{    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
	background-color:rgba(3, 155, 2129, .5);
	
	
}
#lr-home-grid .col-sm-6, #lr-home-grid .col-sm-3, #lr-home-grid .col-lg-3, #lr-home-grid .col-md-3
{
	height:300px;
}

.blue-diagonal-back
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0288d1+50,039be5+50 */
background: #0288d1; /* Old browsers */
background: -moz-linear-gradient(45deg,  #0288d1 50%, #039be5 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #0288d1 50%,#039be5 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(75deg,  #0288d1 50%,#039be5 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0288d1', endColorstr='#039be5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:rgba(255,255,255,.9);
}
.hg-square.grey
{
	background-color:#EEEEEE;
}
.hg-square
{
    padding: 30px;
    padding-left: 40px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
    padding-right: 25px;
}
.hg-square.blue-diagonal-back .subtitle
{
	color:rgba(255,255,255,.7);
	
}
.hg-square.blue-diagonal-back .title
{
	color:rgba(255,255,255,.9);
	
}
.hg-square.blue-diagonal-back p
{
	color:rgba(255,255,255,.6);
	
}
.hg-square a:hover
{
	text-decoration:none;
	cursor:pointer;
	
}
.hg-square .subtitle
{
    font-size: 14px;
    margin-bottom: 7px;
    margin-top: 10px;
    color: rgba(0,0,0,.5);
    font-weight: 300;
	
	
}
.hg-square .title
{
    font-size: 26px;
    margin-bottom: 30px;
	
	
}
.hg-square p
{
    line-height: 18px;
    color: rgba(0,0,0,.4);
    font-weight: 300;
	
	
}
.hg-square .bottom-color
{
    height: 30px;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.15);
    position: absolute;
    left:0px;
    bottom:0px;
}
#samhsa-logo
{
    width: 210px;
    height: 70px;
	
}
#marr-box
{
	background-image:url(../images/MARR%20Certified%20Residence.PNG);
}
#narr-box
{
	background-image:url(../images/NARR%20Certified%20Residence.PNG);
}
#narr-box2
{
	
}
#narr-box2 img,#marr-box2 img
{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.15);
	position:relative;
	z-index:10;
}
#marr-box,#narr-box
{
	
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
#amazon-smile-box
{
	background-image:url(../images/amazonsmile-square-small.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}


#amazon-smile-box p
{
    color: rgba(255,255,255,.9);
    font-weight: 500;
    position: absolute;
    bottom: 10px;
}
#hg-blue_bottom .circle-buttons
{
	text-align:right;
    padding-right: 20px;
}
#fh5co-services-section
{
	padding-top:4em;
}
#fh5co-services-section .services-inner h3 {
    
    font-family: 'Caveat';
    font-size: 30px;
}
#fh5co-services-section .services-inner p
{
    font-size: 12px;
    text-align: justify;
}
.blue-caveat-subtitle
{
	
    font-family: 'Caveat';
    font-size: 38px;
    color: #22b8d6;
}
/*----------------------- Events Page ------------------------*/
#fh5co-events-section
{
	
	color:white;
	font-family:'Roboto', sans-serif;
	
	background-color:#f8f9f9;
}
#event-section-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:auto;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	    padding-bottom: 1px;
}


.event-card
{
	margin:0px;
	width:340px;
	margin-bottom:20px;
	margin-left:15px;
	margin-right:15px;
}

.event-card .card-top
{
	height: 250px;
	color:white;
	text-align:center;
	border-radius: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	width:104%;
	font-family:'Roboto', sans-serif;
	margin-left:-2%;
	background-image:url(../images/image_3.jpg);
	background-size:cover;
	margin-top:-2%;
}

.event-card .card-top p
{
	margin-bottom:3px;
}

.event-card .card-top a
{
	margin-top:10px;
	
	
}

.event-card .card-top .event-buttons
{
	margin-top:25px;
}
.event-card-wide .card-top .event-buttons
{
	margin-top:0px;
}
.event-card .card-top h3
{
	padding-top:20px;
	margin-top:5px;
	font-size:22px;
	text-align:center;
	margin-bottom:15px;
	color:white;
}

.event-card .card-body .icon-text
{
	text-align:left;
	font-family: 'Roboto', sans-serif;
	color:#666666;
	font-size:16px;
	padding:2px;
	margin-left:20px;
	margin-bottom:0px;
	
}
.event-card .card-body
{
	padding:10px;
	font-family: 'Roboto', sans-serif;
	color:#747373;
	position:relative;
}
.event-card .event-description
{
	padding:10px;
	font-size:14px;
	margin-top:10px;
}
.event-card .card-body i
{
	color:white;font-size:16px;
	margin-right:5px;
}
.event-card .card-body .icon-text i
{
	color:#22b8d6;font-size:16px;
	margin-right:3px;
}



.event-card .card-footer
{
	text-align:center;
	margin-top:0px;
	margin-left:0px;margin-right:0px;
	position:relative;
	margin-bottom:40px;
}

.event-card .footer-interactions
{
	position:absolute;
	bottom:-65px;
	text-align:right;
	color:white;
	font-size:14px;
	width:calc(100% + 20px);
	background-color:#929fba;
	height:40px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	padding-top:7px;
	padding-right:35px;
	margin-left:-10px;
}
.event-card .footer-interactions span
{
	padding-left:10px;padding-right:10px;
}
.event-card .card-footer .likes i
{
	padding-right:5px;
}
.event-card .card-footer .rsvps i
{
	padding-right:8px;
}

.event-card-wide
{
	width:80%;
	margin-left:10%;
	padding-bottom:0px;
	margin-bottom:20px;
}

.event-card-wide .card-body
{
	display:inline-block;
	width:64%;
	padding:10px;
	font-family: 'Roboto', sans-serif;
	color:#747373;
}


.event-card-wide .card-top
{
	display:inline-block;
	width:35%;
	color:white;
	text-align:center;
	border-radius: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	min-height:290px;
	font-family:'Roboto', sans-serif;
	margin-left:0%;
	vertical-align:top;
	margin-top:-5px;
	z-index:5;
}

.event-card-wide .card-footer
{
	width:100%;
	
}

.event-card-wide .footer-interactions
{
	bottom:-76px;
	width:calc(101% + 24px);
	z-index:1;
	border-bottom-left-radius:0px;
	margin-left:-10px;
}
.event-card-wide .event-buttons a
{
	margin-top:30px;
	
}
.event-card .event-buttons a
{
	margin-right:12px;
	
}

.event-card .rsvp-btn
{
	width:50%;
	position:relative;
	top:10px;
}

.rounded-icon-text
{
	width:220px;
	background-color:white;
	border: 1px solid #CCC;
	height:42px;
		display:block;
	border-radius:10em;
	color:#747373;
	font-family:"Roboto", sans-serif;
	font-weight:bold;
	padding:35px;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:auto;margin-right:auto;
	text-align:left;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	margin-top:10px;
}

.no-border
{
	border:none;
}

.rounded-icon-text span
{
		display:inline-block;
	position:relative;
	vertical-align:middle;
	text-align:center;
	width:42px;height:42px;
	border-radius:50%;
	color:white;
	font-size:18px;
	text-decoration:none;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.2),
		0 4px 15px 0 rgba(0,0,0,.15);
		padding-top:5px;
		bottom:16px;
		right:36px;
}

.rounded-icon-text span i
{
	position:relative;
	top:5px;
	font-size:18px !important;
	
}

.ri-text
{
	font-size:12px;
	display:inline-block;
	width:180px;
	position:relative;
	bottom:50px;
	line-height:15px;
	padding-left:10px;
}

#events-content
{
	background-color:#f8f9f9;
	
}

.new-event-card, .blog-card
{
	background-color:#ffffff;
	margin-bottom:10px;
	margin-top:30px;
	width:100%;
}

.blog-card
{
    width: 80%;
    margin-left: 10%;
}

.new-event-card .card-pic, .blog-card .card-pic
{
	background-image:url(../images/event_images/aranxa-esteve-130752-unsplash_small.jpg);
	height:200px;
    background-size: 100% 100%;
	background-position:0px 0px;
	background-repeat:no-repeat;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.new-event-card .rsvp-button, .blog-card .featured-post
{
	float:right;
	display:block;
	margin-top:20px;
	width:100px;
	padding:5px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	text-align:center;
	margin-right:-2px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.new-event-card .rsvp-button:hover { cursor:pointer;text-decoration:none;color:rgba(0,0,0,0.4);}

.new-event-card .card-body, .blog-card .card-body
{
	padding:5px;
	padding-top:8px;
	
}

.new-event-card .event-description
{
	margin-left: -20%;margin-top: 10px;color: rgba(0,0,0,.6);
}
.new-event-card .event-description.desc-need
{
	margin-left: -6%;margin-top: 2px;color: rgba(0,0,0,.6);
}

.new-event-card .card-body h3, .blog-card .card-body h3
{
	font-size:18px;
	margin-bottom:3px;
	font-weight:bold;
	font-stretch:100%;
}

.card-body .event-date, .blog-card .blog-date { text-align:center;font-size:16px; }

.card-body .event-date .month, .blog-card .blog-date .month
{
	display:block;
	text-transform:uppercase;
	color:#24a5d0;
	line-height:20px;
}

.card-body .event-date .date, .blog-card .blog-date .date
{
	display:block;
	color:#666666;
	line-height:20px;
	
}


.new-event-card .card-body .event-date, .blog-card .card-body .blog-date
{
	display:inline-block;
	width: 20%;
	vertical-align:top;
	margin-bottom:0px;
}

.new-event-card .card-body .event-location, .blog-card .blog-author
{
	font-size:11px;
	
}


.new-event-card .card-body .event-info, .blog-card .card-body .blog-info
{
	display:inline-block;
	width:78%;
	vertical-align:top;
	color:rgba(0,0,0,0.4);
	font-stretch:100%;
}

.new-event-card .card-body .event-description, .blog-card .blog-post
{
	font-size:12px;
}
.card-body .event-info p, .blog-card .blog-info p
{
	margin-bottom:0px;
	font-size:12px;
}

.new-event-card .card-footer, .blog-card .card-footer
{
	border-top:1px solid rgba(0,0,0,0.1);
	margin:0px;
	padding-top:5px;
}
.new-event-card .card-footer div, .blog-card .card-footer div
{
	display:inline-block;
	
}
.new-event-card .card-body h4
{
    width: 126%;
    margin-left: -26%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 9px;
}
.new-event-card #ssTickets
{
	
}

.card-body-weekly .event-info
{
	padding-left:20px;
	width:90% !important;
}

.card-body-weekly .event-info h3
{
	margin-left:-10px;
}

.new-event-card .footer-links, .blog-card .footer-links
{
	width:70%;
	text-align:left;
	padding-left:20px;
}

.new-event-card .footer-links a, .blog-card .footer-links a
{
	color:#24a5d0;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	margin-right:5px;
}
.new-event-card .footer-links a:hover, .blog-card .footer-links a:hover
{
	cursor:pointer;
}

.new-event-card .footer-social
{
	text-align:right;
	width:28%;
	padding-right:20px;
}
.new-event-card .footer-social .fa-facebook-f
{
	color:#3b5998;
}
.new-event-card .footer-social .fa-heart
{
	color:#f6685e;
	font-size:18px;
	position:relative;
	top:1px;
}
.new-event-card .footer-social i
{
	color:rgba(0,0,0,0.4);
	font-size:16px;
	margin-left:10px;
}

.event-cat-title
{
	
    text-align: center;
    font-size: 28px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-family: 'Caveat';
    color: #039BE5;
}


#event-section-header p
{
	text-align:left;
	width:970px;
	margin-left:auto;margin-right:auto;
}

#rsvpDialog, #loginDialog
{
	width:40%;
	min-width:600px;
	background-color:#f8f9f9;
	border-right:40px solid #22b8d6;
	padding:20px;
	
}

#loginDialog
{
	border-left:40px solid #22b8d6;
	border-right:none;
}

#rsvpDialog h4, #loginDialog h3
{
	text-align:center;
	line-height:22px;
}

md-toast
{
	margin-left:auto;
	margin-right:auto;
	
}

.toast-middle
{
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:calc(50% - 48px);
}

.no-events
{
	background-color:#fff;
	border-radius:4px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	color:rgba(0, 0, 0, 0.7);
	text-align:center;
	font-size:18px;
    margin-top: 100px;
	width:80%;
	margin-left:10%;
    padding: 8px;
	margin-bottom:30px;
}

#event-calendar
{
	background-image:url(../images/event_images/june20.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	height:200px;
	width:100%;
	
}

.large-event-calendar
{
	background-image:url(../images/event_images/june20.png);
	background-repeat:no-repeat;
	background-size:contain;
	height:800px;
	width:100%;
	
	
}


/*----------------------- End Events Page ------------------------*/



/*----------------------- Contact Page ------------------------*/
#fh5co-contact-section
{
	
	color:white;
	font-family:'Roboto', sans-serif;
	
}
#contact-section-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	text-align:center;
	padding-bottom:40px;
}

#contacts-box
{
	text-align:left;
	padding-top:20px;
}
#contacts-box a
{
	color:#fff;
}

#contacts-box span
{
	display:block;
	font-size:14px;
}

#contacts-box i
{
	display:inline-block;
	margin-right:6px;
}

#contacts-box p
{
	display:inline-block;
	margin-bottom:0px;
	
}
/*
input.ng-invalid,
textarea.ng-invalid {
  border-color: #fc6262;
}

.ng-dirty input.ng-invalid {
  border-color: #fc6262;
}
*/
input.ng-untouched
{
	border-color:rgba(0, 0, 0, 0.12);}
input.ng-valid.ng-touched, .md-input-focused input
{
	border-color:#1e88e5!important;
	
}
input.ng-untouched .ng-empty, input .ng-untouched ng-valid
{
	border-color:rgba(0,0,0,0.12)!important;
}
.md-input-focused label
{
	color:#1e88e5!important;
}
/*
md-input-container.md-default-theme.md-input-invalid .md-input, md-input-container.md-input-invalid .md-input
{
	border-color:#fc6262!important;
}
md-input-container.md-default-theme.md-input-invalid .md-char-counter, md-input-container.md-input-invalid .md-char-counter, md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, md-input-container.md-input-invalid .md-input-message-animation, md-input-container.md-default-theme.md-input-invalid label, md-input-container.md-input-invalid label
{
	color:#fc6262!important;
}*/

.md-inputs-80
{
	width:80%;
	margin-top:3px;
	margin-bottom:0px;
	margin-left:3%;
}

.md-input-focused md-select, md-select .ng-touched,.md-input-focused md-select-value, .md-input-focused textarea
{
	border-color:#1e88e5!important;
	
}

md-checkbox.md-checked .md-ink-ripple
{
	color:#1e88e5!important;
}

md-checkbox.md-checked .md-icon
{
	background-color:#1e88e5!important;
}

.md-input-left
{
	display:inline-block;
	width:35%;
	margin-top:3px;
	margin-bottom:0px;
	margin-left:10%;
	
}
.md-input-right
{
	display:inline-block;
	width:40%;
	margin-left:5%;
	margin-top:3px;
	margin-bottom:0px;
}


#contactForm
{
	display:block;
	background-color:white;
	padding:15px;
	padding-top:30px;
	text-align:left;
	border-radius:4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}


.md-select-input .md-text
{
	color:rgba(0,0,0,0.87);
	
}


#contact-section-header iframe
{
	z-index:101;height:inherit;width:100%;height:520px;
}





/*----------------------- End Contact Page ------------------------*/





/*----------------------- ABout Page ------------------------*/
#fh5co-about-section
{
	
	color:white;
	font-family:'Roboto', sans-serif;
	
}
#about-section-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:auto;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#about-section-header iframe
{
	position:relative;bottom:40px;
}
.naked-box-rounded
{
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
#fh5co-about-section .naked-box-rounded
{
	position:relative;
	bottom:40px;
	
}
#aboutTabs
{
	text-align:center;
	
}
.about-tab
{
	float:left;
	width:20%;
	font-weight:300;
	color:rgba(255,255,255,.7);
	border-left:1px solid rgba(255,255,255,.15);
	padding-top:15px;
	padding-bottom:10px;
    font-family: 'Caveat';
    font-size: 24px;
}
.about-tab i
{
	margin-bottom:7px;
}
.about-tab:hover
{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
.about-section
{
	margin-bottom:60px;
	
}
.about-section-left
{
	color: rgba(0, 0, 0, 0.5);
	text-align:center;
	
	padding-top:15px;
}
.about-section-left h3
{
	font-size:22px;
	color: rgba(0, 0, 0, 0.5);font-weight: 300;
	
    color: #039BE5;
    font-family: 'Permanent Marker';
}
.about-section-left .btn-circle
{
	margin-bottom:15px;
	height:46px;width:46px;
	font-size:22px;
}
.about-section-left .btn-circle i
{
	top:6px;
	right:0px;
}


.about-section-right
{
	padding-top:15px;
	border-left:1px solid rgba(0,0,0,.2);
	min-height:130px;
}
.about-section-right h4
{
	color:#22b8d6;
	color:#91e25b;
}
.about-section-right h2 {
    font-size: 20px;
    color: #91e25b;
    font-family: 'Kalam';
    margin-top: 20px;
}
.about-section-right p
{
	color: rgba(0,0,0,0.4);
	font-stretch:100%;
}
.about-section .card-text
{
	line-height:1.4;
	font-size:13px;
	color:#747373;
}
.about-section .card-subtitle
{
	margin-top:5px;
	margin-bottom:10px;
}

#staff .card
{
	margin:10px;
}
.card.person-card .card-title
{
    font-size: 32px;
    margin: 20px;
    font-family: 'Caveat';
}
/*----------------------- End About Page ------------------------*/



/*----------------------- Resources Page ------------------------*/
#fh5co-resources-section
{
	
	color:white;
	font-family:'Roboto', sans-serif;
	color:rgba(0,0,0,0.6);
	-webkit-font-smoothing:antialiased;
	
	
}
#resources-section-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	text-align:center;
}

.res-card
{
	background:#ffffff;
	width:100%;
	border-radius:4px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	box-sizing:border-box;
	padding:15px;
	text-align:center;	
	margin-bottom:15px;margin-top:15px;
}

.res-card .title
{
	color:#24a5d0;
	
	
}

.res-card img
{
	margin-bottom:20px;
	
}

.res-card i
{
	color:#24a5d0;
	font-size:32px;
	margin-bottom:20px;
	display:inline-block;
}

.res-card p
{
	font-size:12px;
}

.res-card-xs
{
	height:125px;
}

.res-card-small
{
	height:250px;
}

.res-card-big
{
	height:530px;
}

.res-card .address
{
	line-height:20px;
	
}

.res-card .facebook-btn
{
	color:#24a5d0;
	background:none;
	margin-top:20px;
	font-size:16px;
	text-transform:uppercase;
	position:absolute;
	bottom:30px;
	right:40px;
}

.res-card .facebook-btn i
{
	font-size:18px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
}

.res-card .website-btn
{
	text-transform:uppercase;
	display:block;
	text-align:right;
	position:absolute;
	bottom:30px;
	right:40px;
}


#resources-bottom h4
{
	color: #91e25b;
	
}
/*------- RRRC ----------*/
#rrrc-section-header {
    background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
    height: 100px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	margin-bottom:0px;
}
#rrrc-content
{
	background-color: #f8f9f9;
	padding-top:40px;
	padding-bottom:40px;
}
/*
#rrrc-content img:first-child
{
	width:500px;height:280px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
}*/
.below-image
{
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
    padding: 10px;
	color:#7f7f7f;
	background-color:#fff;
	width:500px;
	margin-left:auto;margin-right:auto;
}

.below-image p
{
	margin-bottom:3px;
    text-align: justify;
    font-size: 11px;
    line-height: 1.2em;
}

#rrc-photo
{
	background-image:url(../images/rrrc/main.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height:800px;
	width:100%;
    background-position: 0px -75px;
	position:relative;
    margin-bottom: 260px;
}
#rrc-photo #blueBottom
{
	position: absolute;
    bottom: -210px;
    min-height: 320px;
    top: auto;

}
#rrc-photo #blueBottom #blueAddress
{
	    color: #fff;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    max-width: none;
}
#rrc-photo #blueBottom h4
{
	font-size: 48px;
    text-align: right;
    margin-right: 5%;
    margin-top: 77px;
    margin-bottom: 30px;
}
#rrc-photo #blueBottom p
{
	max-width: 1000px;
    margin-left: auto;
    margin-right: 7%;
    font-size: 16px;
}
.pronounced
{
	font-size:20px;
	font-family:'Kalam';
	font-weight:800;
    line-height: 25px;
}
.green
{
    color: #91e25b;
}
.blue
{
	color: #22b8d6;
}
.italic
{
	font-style:italic;
}
/*------- End  RRRC ----------*/

.staff-row{ display:flex;
    flex-wrap: wrap; }

/*----------------------- End Resources Page ------------------------*/




/*----------------------- Blog Page ------------------------*/
#fh5co-lrblog-section
{
	
	color:white;
	font-family:'Roboto', sans-serif;
	
	background-color:#f8f9f9;
}
#lrblog-section-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:100px;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
#fh5co-lrblog-section
{
	
}


#fh5co-lrblog-section .content-left
{
	border-radius:4px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	padding:10px;
	background-color:#fff;
	margin-bottom:30px;
}
#fh5co-lrblog-section .content-left li
{
	list-style:none;
	text-align:center;
	font-size:14px;
	margin-bottom:2px;
}
#fh5co-lrblog-section .content-left li a
{
	color:rgba(0,0,0,0.4);
	
}
#fh5co-lrblog-section .content-left ul
{
	padding-left:0px;
	margin-bottom:30px;
}
.number-circle
{
	border-radius:50%;
	background-color:#91e25b;
	color:#fff;
	display:inline-block;
	height:19px;width:19px;
	margin-left:5px;
	font-size:12px;
}
#fh5co-lrblog-section .content-left h3
{
	text-align:center;
	margin-bottom:10px;
}



#fh5co-lrblog-section .content-middle
{
	padding:20px;
}


.blog-card .card-body .blog-date
{
	padding-top:10px;
	width:15%;
}
.blog-card .card-pic
{
	background-image:url(../images/blog_images/rawpixel-633841-unsplash_small.jpg);
	
}
.blog-card .card-pic-thumb
{
		 background-color:rgba(0,0,0,.9);
	 background-size:contain;
	 background-position:center;
	 background-repeat:no-repeat;
	 vertical-align:top;
	 text-align:center;
 }
.blog-card .card-pic-thumb i {
    color: rgba(255,255,255,.5);
    font-size: 80px;
    margin-top: 60px;
}
.blog-card .card-pic .featured-post
{
	text-transform:uppercase;
	font-size:14px;
}
.blog-card .card-body .blog-date .month
{
	color:#22b8d6;
	font-weight:300;
}
.blog-card .blog-post
{
	padding:20px;
	color:rgba(0,0,0,.6);
	font-size:14px;
}
.blog-card .card-body h3
{
	font-weight:500;
	font-size:20px;
	margin-left:-5px;
}
.blog-card .card-footer .blog-links
{
	text-align:right;
	width:40%;
	display:inline-block;
}
.blog-card .read-more {
    color:#22b8d6;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    margin-right: 0px;
	padding-top:10px;
	
}
.blog-card .card-footer .blog-interactions
{
	color:#22b8d6;
	text-align:left;
	width:50%;
	display:inline-block;
}
.blog-card .card-footer .blog-interactions span
{
	padding-right:10px;
}
.blog-card .card-footer .blog-interactions span i
{
	padding-left:4px;
}
#fh5co-lrblog-section .content-right
{
	padding-left:0px;padding-right:0px;
}

#fh5co-lrblog-section .content-right .blog-content
{
	border-radius:4px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	padding:10px;
	background-color:#fff;
	padding-top:20px;
	color:rgba(0,0,0,.6);
	font-size:12px;
	margin-bottom:30px;
	width:100%;
}

#newPost
{
	display:block;
	width:90%;
	margin-left:5%;
}

.tag {
    display: inline-block;
    background-color: #48a5ea;
    border-radius: 20em;
    font-size: 10px;
    color: white;
    margin: 5px;
    margin-top: 1px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
}
#tagsDiv
{
	width:40%;
	display:inline-block;
	margin-bottom:25px;
	vertical-align:top;
}
#tagsDiv h5{ margin-top:0px;}

#tagsDiv a
{
	color:#fff;
	text-decoration:underline;
	padding-left:3px;padding-right:3px;
}
#tagsDiv a:hover
{
	cursor:pointer;
}

.pic-select
{
	height:80px;
	
}
.pic-select img, md-select-value img, .pic-select .thumb,  md-select-value .thumb
{
	display:inline-block;
	height:80px;width:120px;
}
 .pic-select .thumb,  md-select-value .thumb
 {
	 background-color:rgba(0,0,0,.9);
	 background-size:contain;
	 background-position:center;
	 background-repeat:no-repeat;
	 vertical-align:top;
	 text-align:center;
 }
.pic-select .thumb i {
    color: rgba(255,255,255,.5);
    font-size: 46px;
    margin-top: 17px;
}
.pic-select p, md-select-value p
{
	display:inline-block;
	width:calc ( 100% - 150px );
	text-transform:uppercase;
	padding-left:15px;
}

#editor-container, #editor-container2
{
	height:350px;
	width:90%;
	margin-left:5%;
}

.post-admin-actions
{
	position:relative;
	top:30px;
	width:80%;
	margin-left:10%;
	text-align:center;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.post-admin-actions a
{
	padding-left:10px;
	padding-right:10px;
	color:#fff;
}
.post-admin-actions a:hover
{
	cursor:pointer;
}
.post-admin-actions span
{
	margin-left:10px;
}



/*----------------------- Article Page ------------------------*/
.article-content
{
	padding:40px;
	padding-top:0px;
	color:rgba(0,0,0,.6);
}

.article-img
{
	text-align:center;
	padding-bottom:20px;
}
.article-img img
{
	max-width:800px;
}
.article-title input
{
	font-size:20px;
	padding:3px;
}
/*
.article-img div
{
	max-width:600px;
	background-color:rgba(0,0,0,.9);
	 background-size:contain;
	 background-position:center;
	 background-repeat:no-repeat;
	 vertical-align:top;
	 text-align:center;
	 min-height:280px;margin-left:auto;margin-right:auto;
}
*/
.article-post p
{
	font-size:16px;
    margin-bottom: 3px;
}
.article-post h3,.article-post h4
{
	color:#22b8d6;
}

.article-post iframe
{
	margin-left:auto;margin-right:auto;
}

.comment
{
	width:80%;
	margin-left:10%;
	display:inline-block;
}
.comment-content
{
	background-color:#fff;
	color:rgba(0,0,0,.5);
	border-radius:3px;
	padding:10px;
	font-size:14px;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.comment .comment-author
{
	margin-bottom:0px;
	margin-left:25px;
}
.comment .comment-date
{
	text-align:right;
	margin-right:25px;
}

.article-content #comments{ margin-top:30px; }

.article-content #comments h3
{
	text-align:center;
}
.mod-actions
{
	width:6%;
	display:inline-block;
	
    vertical-align: top;
    padding-top: 33px;
    padding-left: 10px;
}
.mod-actions a
{
	color:red;
}
.mod-actions a:hover
{
	cursor:pointer;
}

#editPostForm input
{
	width:100%;
}
#article-img-edit
{
	width:100%;
	border-radius:10px;
	color:#fff;
	padding:5px;
	text-align:left;
	padding-top:20px;
}

.ql-editor
{
	height:auto !important;
}

.ql-snow .ql-tooltip {
    position:static !important;
	width:80%;
	margin-left:10%;
}
.ql-snow .ql-tooltip input
{
	width:60% !important;
}

md-option.no-video 
{
	display:none;
}


/*----------------------- End Article Page ------------------------*/

/*----------------------- End Blog Page ------------------------*/

/*----------------------- Volunteer Page ------------------------*/
#fh5co-volunteer-section
{
	
	color:white;
	font-family:'Roboto', sans-serif;
	
}
#volunteer-section-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:370px;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#volunteer-how
{
	width:400px;
	border-radius:4px;
	padding:10px;
	margin-left:auto;
	
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#volunteer-how h3
{
	color:white;
	font-weight:bold;
}

#form-left
{
	margin-top:-250px;
}

#form-left h4
{
	color:white;
	text-align:center;
	margin-bottom:6px;
	font-size:24px;
}

#volunteer-form
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	border-radius: 4px;
	background-color:#f8f9f9;
	padding:10px;
	color:rgba(0, 0, 0, 0.5);
	margin-bottom:30px;
}

#volunteer-form form
{
	margin-bottom:0px;
}

#volunteer-form md-input-container
{
	font-size:14px;
}

.md-input-row
{
	width:80%;
	margin-left:5%;
	margin-top:5px;margin-bottom:5px;
}

.form-divider-title
{
	display:block;
	font-size:18px;
	color:#91e25b;
	border-top:1px solid rgba(0, 0, 0, 0.2);
	padding-top:15px;
	padding-left:3%;
	margin-bottom:20px;
}

.md-input-left
{
	margin-left:3%;
	width:40%;
	
	margin-top:5px;margin-bottom:5px;
}

.md-input-right
{
	width:40%;
	
	margin-top:5px;margin-bottom:5px;
}

.md-input-col-6
{
	width:56%;
	margin-right:1%;
	margin-left:1%;
	margin-top:5px;margin-bottom:5px;
}

.md-input-col-5
{
	width:46%;
	margin-right:1%;
	margin-left:1%;
	margin-top:5px;margin-bottom:5px;
	
}

.md-input-col-7
{
	width:70%;
	
}

.md-input-col-4
{
	width:36%;
	margin-right:1%;
	margin-left:1%;
	margin-top:5px;margin-bottom:5px;
	
}

.md-input-col-3
{
	width:26%;
	margin-right:1%;
	margin-left:1%;
	margin-top:5px;margin-bottom:5px;
	
}

.md-input-col-2
{
	width:16%;
	margin-right:1%;
	margin-left:1%;
	margin-top:5px;margin-bottom:5px;
	
}
.md-check-fieldset
{
	margin-top:20px;
}
.md-check-fieldset legend
{
	font-size:16px;
	color:#91e25b;
	padding-left:10px;
}

.md-check-fieldset .md-label
{
	font-size:14px;
}

#volunteerSubmitBtn
{
	border:none;
	width:calc(100% + 20px);
	height:60px;
	background-color:#22b8d6;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	color:white;
	margin-left:-10px;
	margin-bottom:-10px;
	margin-top:25px;
}


#meeting-div
{
	width:60%;margin-left:20%;
	border-radius:4px;
	padding:10px;
	background-color:#ffffff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	
}

#meeting-div .top
{
	background-color:#91e25b;
	padding:5px;
	text-align:center;
	margin-left:-10px;
	width:calc(100% + 20px);
	margin-top:-10px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#meeting-div .top h4
{
	color:white;
	padding-top:10px;
	font-size:24px;
	margin-bottom:10px;
}

#meeting-div .bod 
{
	color:rgba(0, 0, 0, 0.5);
	text-align:center;
	padding-top:20px;
}

#meeting-div .bod i
{
	padding-right:10px;
}

#meeting-div .bod .rounded-icon-text
{
	position:relative;
	margin-top:25px;margin-bottom:20px;
}

#meeting-div .bod .rounded-icon-text span
{
	position:absolute;
	left:0px;
	bottom:-1px;
	height:43px;width:43px;
}

#meeting-div .bod .rounded-icon-text i
{
	left:3px;
}

#meeting-div .bod .rounded-icon-text p
{
	
	position:absolute;
	left:50px;
	top:5px;
	font-size:14px;
}




/*----------------------- End Volunteer Page ------------------------*/





/*----------------------- Donate Page ------------------------*/
#donate-section-header {
        background-image: linear-gradient(45deg, rgb(34, 184, 214) 0%, rgb(37, 141, 200) 100%);
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
#donate-section-header .fh5co-heading
{
	margin-bottom:10px;
}
#fh5co-services-section .fh5co-heading h3 {
    color: #fff;
	margin-bottom:20px;
	margin-top:15px;
	font-size:26px;
}
#donate-section-header h2
{
	font-size:50px;
	
}
#donate-section-header img
{
	float:right;
	position:relative;
	top:30px;
	right:30px;
}
#donate-section-header .btn-rounded
{
	float:right;
	font-size:14px;
	position:relative;
	top:50px;
	background:rgba(255,255,255,.2);
	text-size-adjust:80%;
	text-transform:uppercase;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#donate-section-header .services-inner p {
    font-size:13px;
}

#donate-section-header .services-inner h3 {
    font-size:22px;
}

#donate-section-header #fh5co-services-section
{
	padding-bottom:30px;
	
}
#donate-section-header .services-inner span {
    display: block;
    margin-bottom: 25px;
}
#donate-section-header .services-inner span i {
    font-size: 30px;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.7);
    padding: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}


.donate-div
{
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:395px;margin-right:10px;
	border-radius:4px;
	padding:15px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	color:#ffffff;
	text-align:center;
	padding-top:50px;
	background-color:rgba(0,0,0,.2);
	min-height:351px;
	margin-bottom:30px;
}
.donate-div h4
{
	color:white;
	font-size:21px;
}
.donate-div .top p i
{
	font-size:22px;
	margin-right:10px;
}
.donate-div .top p
{
	color:#91e25b;
	font-size:22px;
	font-weight:300;
	position:relative;
	right:10px;
}
.donate-div .bod a, #rrrc-donation .white-box-shadow .btn-block-norm
{
	background-color:#91e25b;
	color:white;
	font-size:14px;
	font-weight:300;
	padding:12px;
	padding-left:25px;padding-right:25px;
	margin:30px;
}
.donate-div .bod a i, #rrrc-donation .white-box-shadow .btn-block-norm i
{
	font-size:12px;
	margin-right:5px;
}

#donate-content
{
	padding-bottom:90px;
	
}


#donate-content .donate-div
{
	display:inline-block;
	vertical-align:top;
}
#donate-content:first-child .donate-div
{
	margin-left:27px;
	
}
#donate-content .container
{
	padding-left:0px;padding-right:0px;text-align:center;
}
#donationGiftBtn
{
	    float: none;
    top: 10px;
    width: 360px;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 16px;
}
	
#lr-home-grid #donationGiftBtn
{
	    float: none;
    top: -45px;
    width: 360px;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 22px;
    position: relative;  
	    background-image: linear-gradient(45deg, rgb(34, 184, 214) 0%, rgb(37, 141, 200) 100%);
    background: rgba(255,255,255,.2);
	color:rgb(34, 184, 214);
    text-size-adjust: 80%;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    font-family: 'Caveat';
}
.btn-rounded.br-icon
{
    padding: 20px;
	padding-left: 50px;
	
}
.btn-rounded.br-icon i
{
	    position: absolute;
    top: 33%;
    font-size: 26px;
	left:15px;
	
}
.blue-dialog
{
	padding: 15px;
    border-left: 40px solid #48a5ea;
	color:rgba(0,0,0,0.87);
    background-color: #f8f9f9;
	padding-left:0px;
}
.blue-dialog md-dialog-content
{
	padding-left:15px;
}

.blue-dialog .close-btn
{
	color:#48a5ea;
	font-weight:300;
	position:absolute;
	
    top: 0px;
    right: 10px;
	font-size:30px;
}

.blue-dialog h3
{
	font-size:28px;
	color:#48a5ea;
}

.blue-dialog h4
{
	color:#22b8d6;
	font-weight:300;
	margin-bottom:15px;
	margin-top:15px;
}

.naked-box
{
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.blue-dialog .naked-box
{
	width:80%;margin-left:10%;
	padding:6px;
	background-color:#91e25b;
	color:white;
	font-size:16px;
	text-align:center;
	line-height:20px;
	margin-bottom:15px;
}
#donateCarForm md-input-container
{
	font-size:14px;
}


.blue-dialog h5
{
	color:#91e25b;
	padding-left:20px;
	margin-bottom:10px;
	margin-top:10px;
}
.goods-text
{
	
	padding-left:20px;
	
}
.white-content-box ul li
{
	list-style-type:none;
}
#donate-content .white-box-shadow
{
	background-color:#fbfbfb;
    border-radius: 5px;
}
#donate-content .white-content-box
{
    width: 50%;
    margin-left: 25%;
    margin-top: 30px;
	
}
#donate-content .white-content-box h5
{
	margin-left:0px;
	    margin: 20px;
    font-size: 18px;
}
#donate-content .white-content-box ul li
{
	
}
#donate-content .white-content-box ul li span
{
	color:#ff9a00;
    font-weight: 500;
    padding-right: 10px;
}


#donate-content .titled-content
{
    width: 80%;
    margin-left: 10%;
}

.ri-content-box .rounded-icon-text.large
{
	width:70%;
	
}

.ri-content-box .rounded-icon-text.large .ri-text {
    padding-left: 0px;
    bottom: 12px;
    right: 45px;
}
.rounded-icon-text.large .ri-title {
    font-size: 15px;
}
.ri-content-box .rounded-icon-text.large .ri-right
{
	float:right;
    color: #91e25b;
    font-size: 16px;
}
.ri-content-box .ri-content
{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding:15px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
    width: 64%;
    margin-left: 18%;
	
}
.ri-content-box .ri-content img
{
	
}

/* Background Gradient for Monochromatic Colors */
.bronze-gradient
{
    background-color: #FFD8B1;
    /* For WebKit (Safari, Chrome, etc) */
    background: #FFD8B1 -webkit-gradient(linear, left top, left bottom, from(#A75B10), to(#FFD8B1)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #FFD8B1 -moz-linear-gradient(top, #A75B10, #FFD8B1) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A75B10, endColorstr=#FFD8B1) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A75B10, endColorstr=#A75B10)" no-repeat;
}
.silver-gradient
{
    background-color: #FFFFFF;
    /* For WebKit (Safari, Chrome, etc) */
    background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(#9A8383), to(#FFFFFF)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #FFFFFF -moz-linear-gradient(top, #9A8383, #FFFFFF) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9A8383, endColorstr=#FFFFFF) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9A8383, endColorstr=#9A8383)" no-repeat;
}
.gold-gradient
{
    background-color: #FFEEB5;
    /* For WebKit (Safari, Chrome, etc) */
    background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
    /* Mozilla,Firefox/Gecko */
    background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
}
.platinum-gradient
{
	background: #E5E4E2;
background: linear-gradient(to bottom, #E5E4E2 0%, #D6D5D3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E5E4E2), color-stop(100%, #D6D5D3));
background: -webkit-linear-gradient(top, #E5E4E2 0%, #D6D5D3 100%);
background: -moz-linear-gradient(top, #E5E4E2 0%, #D6D5D3 100%);
background: -o-linear-gradient(top, #E5E4E2 0%, #D6D5D3 100%);
background: -ms-linear-gradient(top, #E5E4E2 0%, #D6D5D3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E4E2', endColorstr='#D6D5D3', GradientType=0);
border: 1px solid #C7C6C4;
box-shadow: inset 0 1px 0 #F4F3F1;
-webkit-box-shadow: inset 0 1px 0 #F4F3F1;
-moz-box-shadow: inset 0 1px 0 #F4F3F1;
}
.diamond {
    background-color:#556;
background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a),
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
background-size:80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}
.weave
{
	background:
linear-gradient(135deg, #708090 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
linear-gradient(225deg, #708090 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
background-color:#708090;
background-size: 64px 128px;
	
}
.argyle
{
	background-color: #6d695c;
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 70px 120px;
}
.carbon
{
	background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
}
.lined-paper
{
	background-color: #fff;
background-image:
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em;
}
.diagonal-stripes
{
	background-color: gray;
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}
.vertical-stripes
{
	background-color: gray;
background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 50px 50px;
}
.horizontal-stripes
{
	background-color: gray;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 50px 50px;
}
#donationLevelRadio md-radio-button
{
	margin-bottom:0px;
	font-size:12px;
    text-align: left;
}
/*----------------------- End Donate Page ------------------------*/






/*----------------------- Help Page ------------------------*/
#fh5co-help-section
{
	
	color:white;
	font-family:'Roboto', sans-serif;
	
	background-color:#f8f9f9;
}
#help-section-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:150px;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#help-content
{
	color:rgba(0, 0, 0, 0.5);
}
#help-content h3
{
	color:#91e25b;
	font-size:24px;
	margin-top:20px;
}
#help-content p
{
	padding-left:20px;
}
#help-content p a
{
	color:#91e25b;
	color:#22b8d6;
}
#help-content p i
{
	color:#22b8d6;
	font-size:16px;
	margin-right:10px;
}
#helpForm
{
	border-radius:3px;
	padding:10px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	width:90%;margin-left:5%;
	margin-bottom:30px;
	padding-top:30px;
}

#helpForm md-input-container label, #contactForm md-input-container label
{
	font-weight:400;
}





/*----------------------- End Help Page ------------------------*/






/*----------------------- Login Page ------------------------*/

#fh5co-login-section .sections-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:500px;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#loginFormContainer
{
	display:block;
	background-color:white;
	padding:15px;
	padding-top:30px;
	text-align:left;
	border-radius:2px;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.checkboxLbl
{
	margin-right:5px;
	position:relative;
	top:12px;
	margin-left:5px;
}

#loginBtn
{
	width:150px;
	margin-top:20px;
	
}

#bottom-links
{
	text-align:center;
}

#bottom-links a
{
	margin:10px;
	
}

#registerErrors, #loginErrors
{
	color:red;
	text-align:center;
	
}


/*----------------------- End Login Page ------------------------*/


/*----------------------- Register Page ------------------------*/

#fh5co-register-section .sections-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:800px;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

#registerFormContainer
{
	display:block;
	background-color:white;
	padding:15px;
	padding-top:30px;
	text-align:left;
	border-radius:2px;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}
.reg-messages
{
  transition:1s linear all;
	font-size:10px;
}

.reg-messages.ng-active {
	margin-bottom:25px;
}
.reg-messages.ng-inactive {
	margin-bottom:0px;
}
#registerFormContainer md-input-container
{
	font-size:14px;
}



/*----------------------- End Register Page ------------------------*/
/*----------------------- Account Page ------------------------*/
#mobileNavContainer
{
	display:none;
}
#fh5co-account-section .sections-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:100px;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	margin-bottom:15px;
}
#fh5co-account-section .sections-header .container
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	
}

#userName
{
	color:rgba(0, 0, 0, 0.7);
	margin-top:25px;
	text-align:right;
	width:70%;
	margin-left:13%;
	margin-bottom:15px;
}

#account-panel
{
	width:1200px;
	margin-left:auto;margin-right:auto;
	
}

.lr-panel
{
	background-color:white;
	border-radius:3px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	margin-bottom:40px;
	min-height:250px;
}

.lr-panel-head
{
	width:110%;
	margin-left:-4%;
	border-radius:10em;
	display:block;
}

.webapp-nav-btns
{
	width:14.28%;
	float:left;
	
}
.lr-panel-head a
{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	background-color:#91e25b;
	color:rgba(255,255,255, 0.7);
	text-align:center;
	padding:12px;
}

.lr-panel-head a:hover
{
	cursor:pointer;
	text-decoration:none;
	color:white;
	
}
.lr-panel-head .active{ border-bottom:solid 2px white;border-radius:3px;}
.lr-panel-head .active i, .lr-panel-head .active{
	color:white;
}

.lr-panel-head a i
{
	display:block;
	font-size:22px;
	margin-bottom:5px;
}

.lr-panel-head:not(:first-child)> a
{
	border-radius:0px;
	
}

.lr-panel-head a:first-child
{
	
	border-top-left-radius:10em;
	border-bottom-left-radius:10em;
}

.lr-panel-head a:last-child
{
	
	border-top-right-radius:10em;
	border-bottom-right-radius:10em;
}

.lr-panel-content
{
	padding:15px;
	display:block;
}

.lr-panel-content h3
{
	text-align:center;
}

.lr-panel-body
{
	width:100%;
	min-height:200px;
	overflow:auto;
	
}

.lr-panel-inactive
{
	display:none;
	
}

#account-panel #panel2,#account-panel #panel3
{
	background-color:#f8f9f9;
	
}

.account-event-box
{
	background-color:white;
	border-radius:5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	padding:10px;
	margin-bottom:25px;
}

.account-event-box h4
{
	text-align:left;
	margin-bottom:10px;
	color:#24a5d0;
}

.account-event-box .ae-items
{
	display:inline-block;
	width:32%;
	padding-left:15px;
	margin-bottom:3px;
}

.account-event-box p i
{
	margin-right:10px;
}

	/*----------- Peer Recovery Coach -------------------- */
	#pru-actions
	{
		float:right;
    margin-top: -50px;
    font-size: 20px;
    margin-right: 20px;
	}
	.prc-user-box
	{
		display:block;
		background-color:#fff;
		border-radius: 5px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 2px 6px 0 rgba(0,0,0,.15);
		padding: 7px;
		position:relative;
		z-index:10;
		margin-top:10px;margin-bottom:10px;
		font-size:12px;
		color:rgba(0,0,0,.7);
		
	}
	.prc-user-box h5
	{
		color:#22b8d6;
		padding-left:15px;
		font-size:17px;
	}
	.prc-user-box .prc-headings
	{
		font-size:12px;
		width:90%;margin-left:5%;
	}
	.prc-user-box .prc-headings span
	{
		display:inline-block;
		width:33%;
		text-align:center;
	}
	.prc-user-box .prc-text
	{
		font-size:18px;
		width:90%;margin-left:5%;
		color:#22b8d6;
	}
	.prc-user-box .prc-text span
	{
		display:inline-block;
		width:33%;
		text-align:center;
	}
	
	#prc-user-list
	{
		height:450px;
		overflow-y:scroll;
		overflow-x:hidden;
		padding-top:20px;
		margin: 5px;
		padding-left: 5px;
		padding-right: 5px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	}
	#prc-left
	{
		padding:0px;
	}
	#prc-tabs a:first-child
	{
		border-top-left-radius:1.2em;
	}
	#prc-tabs a:last-child
	{
		border-top-right-radius:1.2em;
	}
	#prc-tabs
	{
		background-color:#22b8d6;
		border-top-right-radius:1.2em;
		border-top-left-radius:1.2em;
		height:41px;
	}
	#prc-tabs a
	{
		display:block;
		background-color:#22b8d6;
		width:16.66667%;
		color:#fff;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 8px 0 rgba(0,0,0,.12);
		padding:7px;
    	text-align: center;
		margin:0px;
		float:left;
	}
	#prc-tabs a:hover
	{
		text-decoration:none;
	}
	#prc-tabs a.active
	{
		border-bottom:2px solid white;
		background-color:#22b8d6;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.26), 0 2px 10px 0 rgba(0,0,0,.22);
	}
	#newReferralDialog md-dialog-content
	{
		overflow-x:hidden;
	}
	.prc-user-box:hover
	{
		transition:.5s;
		background:rgba(0,0,0,.01);
		background:rgba(34,184,234,.1);
		box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
		text-decoration:none;
	}
	.prc-panel
	{
		margin-top:2px;
		width:100%;
		background-color:#fff;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
		padding-top:20px;
		padding: 10px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		padding-bottom: 20px;
		min-height:400px;
	}
	#prc-right img:first-child
	{
		border-radius:50%;
		height: 60px;
		width: 60px;
		margin-bottom: -45px;
		margin-left: 25%;
	}
	#prc-right > h3
	{
		text-align:left;
		margin-left: calc( 35% + 60px );
	}
	.prc-panel h4
	{
		font-size: 24px;
    	color: rgba(0,0,0,.6);
		margin-top:10px;
    	padding-left: 15px;
	}
	/*
	.resident-top span:first-child
	{
		display:inline-block;
		width:44%;
		color:#22b8d6;
		padding-left:15px;
		font-size:17px;
	}
	.resident-top span:nth-child(2)
	{
		display:inline-block;
		width:44%;
	}
	.resident-top a
	{
		display:inline-block;
		width:10%;
		color:#22b8d6;
		text-align:right;
		padding-right:5px;
	}
	
	.resident-body p:first-child
	{
		text-align:center;
		font-size:13px;
		
	}
	
	.resident-footer p
	{
		font-size:12px;
	}
	*/
	#meetingNotes
	{
		background-color:#48a5ea;
		color:#fff;
		font-size:12px;
    	margin-top: 25px;
    	margin-left: -15px;
	}
	#meetingNotes h5
	{
		font-size:16px;
		color: #fff;
		font-weight: 300;
		padding-top: 10px;
	}
	#meetingNotes md-input-container textarea, #meetingNotes md-input-container label
	{
		color:#fff;line-height: 1.4em;
	}
	
		
		
	.rounded-icon-text.large
	{
		text-align:left;
		width: 350px;
		height: 60px;
		
	}
	.rounded-icon-text.large span
	{
		height:60px;width:60px;
		display: inline-block;
		
	}
	.rounded-icon-text.large span i
	{
		font-size: 24px !important;
		top: 10px;
		
	}
	.rounded-icon-text.large .ri-title
	{
		display:inline-block;
		vertical-align: top;
		margin-top: -13px;
		font-size: 14px;
		margin-left: -33px;
	}
	.rounded-icon-text.large .ri-text
	{
		width: 290px;
		padding-left: 38px;
		bottom: 47px;
	}
	
	
	.input-button-box
	{
		width:60%;
		min-width:500px;
		margin-left:20%;
    border-radius: 1.8em;
    	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
		height:60px;
		margin-top:15px;
		margin-bottom:15px;
	}
	.input-button-box span
	{
		width:85%;
    display: inline-block;
		height:60px;
    vertical-align: top;
    background-color: rgba(255,255,255,.4);
    border-top-left-radius: 1.8em;
    border-bottom-left-radius: 1.8em;
	}
	.input-button-box span input
	{
		padding: 5px;
		border:none;
		border-bottom: 1px solid rgba(0,0,0,.05);
		background: none;
		color:#747373;
    width: 96%;
    margin-left: 4%;
    margin-top: 7px;
	}
	.input-button-box span input.ng-valid.ng-touched {
    	border-bottom: 1px solid #1e88e5!important;
	}
	.input-button-box a
	{
		width: calc( 15% - 4px );
		background-color:#22b8d6;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
		color:#fff;
    display: inline-block;
		height:60px;
   		border-top-right-radius: 1.8em;
   		border-bottom-right-radius: 1.8em;
    line-height: 1.2em;
    padding: 10px;
    text-align:center;
    padding-left: 8px;
    padding-right: 12px;
	}
	
	.blue-turn-btn
	{
		width: 80%;
		margin-left: 10%;
		display: block;
		text-align: center;
		background-color: #22b8d6;
		color: #fff;
		padding: 7px;
		
  		transition: 1s ease;
	}
	.blue-turn-btn.btn-state
	{
		border-radius:1em;
	}
	.blue-turn-btn.head-state
	{
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	}
	
	.text-input-container.white
	{
		background-color: #fff;
		border-radius: 5px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
		padding: 7px;
		position: relative;
		z-index: 10;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12px;
		color: rgba(0,0,0,.6);
    padding-bottom: 20px;
	}
	.text-input-container p
	{
		margin-bottom:0px;
	}
	.text-input-container input, .text-input-container textarea
	{
    width: 100%;
    padding: 4px;
		border:1px solid rgba(0,0,0,.1);
	}
	
	.text-input-container md-input-container
	{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.text-input-container .intake_radios md-radio-button
	{
		margin-left:10px;
	}
	.text-input-container.white input.grey-input
	{
	    border: none;
		background-color: #efefef;
		border-radius: 3em;
		padding: 5px;
		padding-left: 10px;
		margin-top: 10px;
		width: 94%;
		margin-left: 3%;
	}
	
	.colored-box
	{
		border-radius:.5em;
		box-shadow: 0 5px 8px 1px rgba(0,0,0,.1), 0 4px 8px 0 rgba(0,0,0,.15);
		margin-top: 8px;
		width: 80%;
		margin-left:auto;margin-right:auto;
    margin-bottom: 15px;
    min-height: 40px;
	background-color:#fff;
	position:relative;
	}	
	.colored-box.thin
	{
		width:50%;
		margin-left:25%;
		min-height:30px;
	}
	.colored-box.rounded
	{
		border-radius:2em;
		
	}
	.colored-box.left.rounded
	{
		border-radius:3em;
		
	}
	.colored-box.top .cb-label
	{
		width:100%;
		border-top-left-radius:.5em;
		border-top-right-radius:.5em;
		color:#fff;
   	    padding: 4px;box-shadow: 0 5px 5px 0px rgba(0,0,0,.1), 0 4px 5px 2px rgba(0,0,0,.1);
	}
	.colored-box.rounded .cb-label
	{
		border-top-left-radius:2em;
		border-top-right-radius:2em;
		
	}
	.colored-box.rounded .cb-label.top-label p
	{
		padding:10px;
	}
	.colored-box.left.rounded .cb-label
	{
		border-top-left-radius:3em;
		border-bottom-left-radius:3em;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
		
	}
	.colored-box.top .content
	{
		width:100%;
		padding: 10px;
		padding-bottom: 5px;
	}
	.colored-box .content
	{
		color:#827f7f;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
	}
	.colored-box .content p
	{
		font-size:12px;
    line-height: 16px;
	}
	.colored-box .cb-label
	{
		
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.2), 0 4px 15px 0 rgba(0,0,0,.15);
    text-align: center;
	color:#fff;
	}
	.colored-box.left
	{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
	}
	.colored-box.left .cb-label
	{
		display:flex;
		flex: .30;
		border-top-left-radius:.5em;
		border-bottom-left-radius:.5em;
		-webkit-order:0;
			-ms-flex-order:0;
					order:0;
	}
	.colored-box.left .cb-label p
	{
		margin:auto;
	}
	.colored-box.left .content
	{
		padding-left: 10px;
		padding-right: 7px;
		flex: .70;
		-webkit-order:1;
			-ms-flex-order:1;
					order:1;
	}
	.colored-box.left.cb-80-20 .content
	{
		display:flex;
		padding-right:10px;
		flex: .20;
	}
	.colored-box.left.cb-80-20 .content p
	{
		margin:auto;
	}
	.colored-box.left.cb-80-20 .cb-label
	{
		flex: .80;
	}
	.colored-box.left.cb-20-80 .content p
	{
		margin:auto;
	}
	.colored-box.left.cb-20-80 .cb-label
	{
		flex: .20;
	}
	.colored-box.left.cb-60-40 .content
	{
		display:flex;
		padding-right:10px;
		flex: .40;
	}
	.colored-box.left.cb-60-40 .content p
	{
		margin:auto;
	}
	.colored-box.left.cb-60-40 .cb-label
	{
		flex: .60;
	}
	.colored-box.left .content .num-lg {
		text-align: center;
		font-size: 24px;
		color: #03A9F4;
    	padding-top: 10px;
	}
	.colored-box.left .content .num-md {
    font-size: 16px;
    margin-top: 7px !important;
    color: #91e25b;
	}
	.colored-box.left .content .below-lbl-sm
	{
		text-align: center;
		
	}
	.colored-box .cb-list
	{
		text-align:center;
	}
	.colored-box .cb-lbl
	{
		display:inline-block;
		font-weight:600;
		width: 28%;
		margin: 3px;
		margin-right: 2%;
		text-align: right;
	}
	.colored-box .cb-txt
	{
		display:inline-block;
		margin: 3px;
		text-align:left;
	}
	.colored-box .content .content-top, .colored-box .content .content-bottom
	{
		display:flex;
	}
	.colored-box .content .content-bottom .left, .colored-box .content .content-bottom .right
	{
		flex:.5;
	}
	.colored-box .content .content-top .lbl, .colored-box .content .content-bottom .lbl
	{
		font-weight: 600;
	}
	
	/*----------- End Peer Recovery Coach -------------------- */





/*----------------------- End Account Page ------------------------*/


/*----------------------- Admin Page ------------------------*/





#admin-panel
{
	width:800px;
	margin-left:auto;margin-right:auto;
	
}

.lr-explain h4
{
	text-align:left;
	font-size:16px;
}

.lr-explain h4 i
{
	padding-right:10px;
	color:#22b8d6;
}

.lr-panel
{
	height:auto;
}

.lr-panel-content
{
	height:auto;
	
}
.tr-table-header
{
	border-radius:10em;
	background-color:#22b8d6;
	color:white;
	padding-top:10px;padding-bottom:10px;
	width:100%;
	overflow:auto;
	padding-left:2%;
	padding-right:2%;
	margin-bottom:5px;
}

#current-events-div table
{
	width:100%;
	font-size:12px;
}
.tr-table-header span
{
	text-align:center;
	padding-left:2px;padding-right:2px;
	padding-top:6px;
}


.event-row 
{	
	display:block;
	font-size:12px;
	width:96%;
	margin-left:2%;
}
.event-row span
{
	padding-left:2px;padding-right:2px;
}

.event-row-green
{
	background-color:rgba(145,226,91,.5);
	
}

.event-row .btn-circle
{
	margin:3px;
	width:30px;
	height:30px;
	font-size:14px;
}

.user-list div
{
	display:inline-block;
	margin-bottom:3px;
}

.edit-user .user-list
{
	
	margin-bottom:10px;
	
}

.edit-user.user-list .list-txt input
{
	
	
}

.user-list .list-lbl
{
	color:#48a5ea;
	font-size:16px;
	
}

.user-list .list-txt
{
	width:80%;
	margin-left:10px;
	
}

.user-list .list-txt input
{
	border:1px solid rgba(0,0,0,.2);
	padding:3px;
	width:80%;
	padding-left:10px;
}


#new-event-dialog, #newResidentDialog
{
	width:50%;
	border-radius:10px;
	min-width:700px;
}
#new-event-dialog md-toolbar, #newResidentDialog md-toolbar
{
	background:linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:80px;
	margin-bottom:30px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
#new-event-dialog md-toolbar h2, #newResidentDialog md-toolbar h2
{
	font-size:30px;
	color:white;
	padding-top:10px;
	text-align:center;
}
#new-event-dialog md-toolbar i, #newResidentDialog  md-toolbar i
{
	font-size:20px;
}
#new-event-dialog md-dialog-content
{
	padding:15px;
	border-left:40px solid #48a5ea;
}
#new-event-dialog h3
{
	font-size:18px;
	color:#48a5ea;
	margin-top:20px;
}





.reg-blue-dialog
{
	width:50%;
	border-radius:10px;
	min-width:700px;
}
.reg-blue-dialog md-toolbar
{
	background:linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:80px;
	margin-bottom:30px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.reg-blue-dialog md-toolbar h2
{
	font-size:30px;
	color:white;
	padding-top:10px;
	text-align:center;
}
.reg-blue-dialog md-toolbar i
{
	font-size:20px;
}
.reg-blue-dialog md-dialog-content
{
	padding:15px;
	border-left:40px solid #48a5ea;
}
.reg-blue-dialog h3
{
	font-size:18px;
	color:#48a5ea;
	margin-top:20px;
}

#createEventPics
{
	border-bottom:1px solid rgba(0,0,0,.1);
	margin-bottom:20px;
}

#createEventPics md-radio-button
{
	display:inline-block;
	width:140px;
	margin:5px;
	margin-bottom:50px;
}

#createEventPics md-radio-button .md-container
{
	position:relative;
	left:65px;
	top:80px;
}

.md-file-input label:not(.md-no-float):not(.md-container-ignore)
{
	position:relative;
	left:100px;
	
}

.thumb
{
	
	width:140px;
	height:80px;
	margin-left:auto;margin-right:auto;
	margin-top:15px;
	
}

#reg-radio .md-container
{
	position:relative;
	left:0px;
	top:0px;
}


.radio-picture
{
	display:block;
	width:140px;
	height:80px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	right:44px;
	
}
.hint
{
	font-size:11px;
	color:#22b8d6;
}
.input-error
{
	font-size:11px;
	color:red;
	margin-top:7px;
	text-align:center;
}
#createEventForm
{
	font-size:14px;
	
}

#dateTypeRadios md-radio-button
{
	margin-bottom:1px;
	color:rgba(0,0,0,0.87);
}

#dateTypeRadios md-radio-button .md-container
{
}

md-radio-button .md-off, md-radio-button .md-on
{
	height:14px !important;
	width:14px !important;
	
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on
{
	background-color:#91e25b;
}
md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off
{
	border-color:#91e25b;
}

#dateTypeRadios md-radio-button .md-label
{
	position:relative;
	bottom:3px;
	color:rgba(0,0,0,0.5);
	
}


#addLinkDiv
{
	border-radius:4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	padding-top:15px;
	margin-bottom:20px;
}
#addLinkDiv .actions
{
	text-align:center;
	
}
#addLinkDiv a
{
	display:inline-block;
	width:15%;margin:10px;
}
#linksList span
{
	color: #24a5d0;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    margin-right: 15px;margin-left:15px;
}
#linksList span a
{
	text-decoration:underline;
	
}
#linksList span a:hover
{
	cursor:pointer;
}


.exit-button
{
	position:absolute;
	top:0px;
	right:10px;
	background:none;
	color:#22b8d6;
	border:none;
	font-size:36px;
	line-height:40px;
	font-weight:300;
}
#eventFlyerInput
{
	
	
	
}
.solo-event-date
{
	
    width: 50%;
    margin-left: 29%;
    margin-top: 25px;
	
}
.solo-event-date .md-datepicker-button
{
	margin-top: -23px;
}

.solo-event-date label
{
    left: 50px;
}
.date-left-adj
{
	margin-top: 16px;
	
}
.date-left-adj .md-datepicker-button
{
	margin-top: -23px;
}

.normal-input
{
	margin-top:20px;
}

.normal-input label
{
	width:10%;
	font-weight:normal;
	text-align:right;
	padding-right:20px;
	line-height:22px;
}

.normal-input input
{
	width:75%;
	border:1px solid rgba(0,0,0,.14);
	padding:3px;
}

#numEmails
{
	text-align:center;
	
}
/*
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor
}.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
 */



/*----------------------- End Admin Page ------------------------*/

/*----------------------- Webapp Page ------------------------*/
#backToWebsite
{
	display:block;padding-top:15px;float:right;margin-right:50px;
}
#webapp-panel
{
	width:85%;
	min-width:800px;
	margin-left:auto;margin-right:auto;
	    background-color: #f8f9f9;
}
#resident-panel
{
	width:73%;
	margin-left:1%;
	min-width:600px;
	
	display:inline-block;
}

#newResidentDialog md-dialog-content
{
	padding:15px;
	
}

#newResidentDialog .row
{
	margin-left:0px;margin-right:0px;
}


#residents-div
{
	margin-top:30px;
	
	
}

#residents-div .tr-table-body span
{
	text-align:center;
	font-size:14px;
	
}

#residents-div .tr-table-body span a
{
	width:80%;margin:5px;margin-left:10%;padding:3px;
	
}

.tr-table-header span.sorted-cat
{
    font-weight: 600;
	
}
.tr-table-header span.sorted-cat.asc::after
{
    content: " v";
    position: relative;
    left: 6px;
    top: -2px;
    text-decoration: none;
    font-weight: 400;
    font-size: 11px;
    font-variant: small-caps;
	
}
.tr-table-header span.sorted-cat.desc::after
{
        content: " ^";
    position: relative;
    left: 4px;
    top: 4px;
    text-decoration: none;
    font-weight: 400;
    font-size: 17px;
	
}

#fh5co-resident-section .sections-header
{
	background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
	height:auto;
	text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	margin-bottom:15px;
}
#fh5co-resident-section .sections-header .container
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	
}
#fh5co-resident-section{
	padding-top:50px;
}

#residentTabs
{
	min-width:760px;
	
}


#residentTabs a
{
	color:white;
	font-size:14px;
	text-transform:uppercase;
	padding-top:10px;
	padding-bottom:10px;
	transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}


#residentTabs a i
{
	margin-right:10px;
	font-size:18px;
	position:relative;
	bottom:0px;
}

#residentTabs .active
{
	border-bottom:white 2px solid;
	background:none;
}

#residentCard
{
	display:inline-block;
	width:25%;
	vertical-align:top;
	margin-top:0px;
}
#residentCard .card-top
{
	background-color:#91e25b;box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	border-radius:4px;
}
#residentCard .card-body h3,#residentCard .card-body h4
{
	color:rgba(0, 0, 0, 0.7);
	text-align:center;
	padding-top:0px;
	margin-bottom:10px;
}
#residentCard .card-body h4
{
	padding-bottom:5px;
	padding-top:10px;
	font-size:16px;
	border-top:1px solid rgba(0, 0, 0, 0.2);
	width:80%;margin-left:10%;
}
#residentCard .card-body
{
	padding:10px;
}

#residentContainer
{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

#residentsNav .md-nav-bar
{
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;
}

.resident-pic
{
	border-radius:50px;
	height:50px;width:50px;
}

.resident-card .card-top
{
	text-align:center;
	margin-bottom:60px;
}

.resident-card img
{
	border-radius:50%;
	height:100px;width:100px;
	position:relative;
	margin-top:-10px;
	border:2px solid white;
	top:50px;
border-bottom:none;
}

.resident-info p
{
	margin-bottom:3px;
}

.resident-info
{
	padding:10px;
	
}
#residentCard .form-divider-title
{
	font-size:16px;
	padding-top:8px;
	margin-top:10px;
}

.resident-form-list
{
	padding-left:5px;
}

.resident-form-list li
{
	list-style:none;
}

#resident-panel h2
{
	text-align:center;
	padding:5px;
}

#resident-panel
{
	padding:15px;
}

.blue-text
{
	color:#22b8d6;
}

#residentSubnav
{
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,.14);
	margin-top:20px;margin-bottom:20px;
}

#residentSubnav a
{
	display:inline-block;
	color:rgba(0,0,0,0.54);
	text-transform:uppercase;
	font-size:14px;
	font-stretch:100%;
	padding-left:18px;padding-right:18px;
	padding-bottom:15px;
}

#residentSubnav a:hover
{
	text-decoration:none;
}

#residentSubnav .active
{
	background:none;
	color:#22b8d6;
	border-bottom:2px solid #22b8d6;
	
}

#intakeForm input, #intakeForm label, #intakeForm md-checkbox .md-label, #intakeForm .md-text
{
	font-size:12px;
}
#move-dialog input, #move-dialog label, #move-dialog md-checkbox .md-label, #move-dialog .md-text, #move-dialog md-select-value span
{
	font-size:12px;
	color:rgba(0,0,0,.7);
	font-weight:400;
}
#intakeForm md-checkbox .md-icon
{
	    height: 16px;
    width: 16px;
    margin-top: 2px;
}
#intakeForm md-checkbox .md-icon:after
{
    left: 3px;
    top: 0px;
    width: 6px;
    height: 10px;
	
}
.md-input-solo-check
{
	vertical-align:top;
}

.intake_radios md-radio-button
{
	float:left;
}

.intake_radios md-radio-button .md-label
{
	margin-right:20px;
}
.md-check-fieldset .md-input-solo-check
{
	float:left;
}

.blue-bottom-btn
{
	border: none;
    width: calc(100% + 20px);
    height: 60px;
    background-color: #22b8d6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: white;
    margin-left: -10px;
    margin-bottom: -10px;
    margin-top: 25px;
}
#intakeForm .blue-bottom-btn
{
	width: calc(100% + 30px);
    margin-left: -15px;
    margin-bottom: -15px;
	font-size:16px;
}

.fade-away
{
	opacity:0;
	transition:ease-in all 1s
	
}

.fade-in
{
	opacity:1;
	transition:ease-in all 1s
	
}

.user-list-5
{
	width:50%;
	float:left;
}
.user-list-5 .list-txt
{
	width:auto;
}
#intakeInfo .user-list .list-txt
{
	width:auto;
}
#intakeInfo hr
{
	width:90%;
	margin-left:5%;
	color:rgba(0,0,0,.2);
}

.card-body .user-list .list-lbl
{
	font-size:13px;
	padding-left:15px;
}

.card-body .user-list .list-txt
{
	width:auto;font-size:13px;
}
#residentCard .card-body .btn-rounded
{
	padding:3px;
	font-size:12px;
	width:60%;margin-left:20%;
	margin-top:15px;
}
#residentCard .card-body .btn-rounded:hover
{
	color:rgba(0,0,0,.8);
}
.resident-form-list
{
	line-height:1.2;
}

.resident-form-list .form-top
{
	font-size:13px;
}

.resident-form-list .form-links
{
	display:block;
	font-size:10px;
}
.resident-form-list .form-check
{
}

#newReferralDialog .md-input-right, #newReferralDialog .md-input-left { vertical-align:top; }

.md-input-date
{
	margin-top:30px;
}

#residentsFilters
{
	margin-left: 10%;
    text-align: center;
    margin-top: 40px;
}
#residentsFilters .md-input-inline label
{
    margin-left: -100px;
}

#actions-div
{
	width:100%;
	padding:5px;
    text-align: center;
}

.action-box
{
	display:inline-block;
    padding: 5px;
	border-radius:4px;
	background-color: #f8f9f9;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
	width:96px;
	height:120px;
	color:#22b8d6;
	text-align:center;
	position:relative;
	margin:5px;
	cursor:pointer;
}
.action-box:hover
{
	transition:.5s;
	background:rgba(34,184,234,.1);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.2), 0 2px 10px 0 rgba(0,0,0,.16);
	text-decoration:none;
}

.action-box i
{
	font-size:40px;
	padding-top:14px;
}
.action-box p
{
	font-size:12px;
	position:absolute;
	bottom:0px;
	line-height:13px;
	text-align:center;
	width:90%;margin-left:calc( 5% - 5px );
	color:rgba(0,0,0,.4);
}

.action-box.disabled
{
	cursor:default;
}
.action-box.disabled:hover
{
	background-color: #f8f9f9;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
	text-decoration:none;
	
}
.action-box.disabled i
{
	color:rgba(0,0,0,.2) !important;
}
.action-box.disabled p
{
	color:rgba(0,0,0,.2);
}
	/*-------- GPRA -------------*/
	#gpra-nav
	{
	background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
    padding: 5px;
    display: block;
    margin-bottom: 15px;
    margin-left: 5%;
    width: 90%;
	min-height:75px;
	}
	#gpra-nav .nav-item
	{
		
    width: 14.28%;
    float: left;
		
	}
	#gpra-nav .nav-item .ni-lbl
	{
    font-size: 12px;
    line-height: 16px;
	text-align:center;
    margin-bottom: 5px;
		
	}
	#gpra-nav .nav-item .ni-top
	{
	text-align:center;
    font-size: 18px;
    color: #03A9F4;
    padding-top: 0px;
		
		
	}
	.gpra-panel
	{
		padding-bottom:60px;
	}
	.gpra-panel h3
	{
		text-align:center;
		margin-top:20px;
	}
	
	.section-title
	{
    border-top: .5px solid rgba(0,0,0,.1);
    padding-top: 15px;
    color: #91e25b;
	margin-top:15px;
	}
	.check-input
	{
		display:flex;
		width:100%;
	}
	.check-input .ci-check
	{
		display:inline-block;
		flex:.30;
	}
	.check-input .ci-input
	{
		display:inline-block;
		flex:.69;
	}
	.check-input .ci-input input
	{
		width:50px;
		margin-left:5px;
	}
	.check-input .ci-check input
	{
		height:18px;
		display:inline-block;
		width: 18px;
		margin-right: 5px;
		vertical-align:middle;
	}
	.check-input .ci-check span
	{
		display:inline-block;
		vertical-align:middle;
	}
	.check-input .ci-check
	{
		    padding: 5px;
	}
	
	.intake-table .desc
	{
		padding-left:5px;
	}
	
	.intake-table td
	{
		margin-bottom:3px;
	}
	
	.intake-table tr td input[type=number]
	{
    width: 80%;
    margin-left: 10%;
	}
	
	.intake-table tr td md-input-container
	{
    width: 100%;
	}
	
	/*------------ END GPRA --------------*/
/*-------------------------- WebApp Properties --------------------*/
.white-display-box {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 2px 6px 0 rgba(0,0,0,.15);
    padding: 7px;
    position: relative;
    z-index: 10;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: rgba(0,0,0,.7);
}
.property-actions-btn
{
    margin-top: -10px;
    padding-bottom: 10px;
    font-size: 16px;
}
#properties-panel
{
	background-color:#f8f9f9;
}
#properties-left
{
	min-height:650px;
}

#properties-right
{
	min-height:500px;
	padding:0px;
}

#property-list
{
	height:450px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-top:20px;
}
.property-title
{
	font-size:28px;
	text-align:center;
	color:#22b8d6;
	font-stretch:150%;
}

.property-box
{
	background-color:white;
	border-radius:5px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
	padding:7px;
	display:block;
	margin-bottom:15px;
	margin-right: 10px;
    margin-left: 5px;
}

.property-box:hover
{
	transition:.5s;
	background:rgba(0,0,0,.01);
	background:rgba(34,184,234,.1);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.property-box img
{
	width:100px;height:100px;
	display:inline-block;
	vertical-align:top;
}

.property-info
{
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
	width: calc( 100% - 110px);
	color:rgba(0,0,0,0.6);
	font-size:12px;
}

.property-info p
{
	margin-bottom: 0px;
    font-size: 12px;
    text-align: center;
}

.property-info h4
{
	margin-bottom: 5px;
    color: #22b8d6;
    text-transform: uppercase;
    font-stretch: condensed;
    text-align: center;
}
.property-info .house-manager
{
	margin-top:3px;
}
.property-bottom
{
	width:100%;
	color:rgba(0,0,0,0.6);
	font-size:11px;
	margin-top:7px;
	border-top:1px solid rgba(0,0,0,.14);
	padding-top:5px;
	font-size:12px;
}

.property-bottom .gender
{
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin-bottom:2px;
	text-align:center;
	font-size:13px;
}

.property-bottom .property-occupancy
{
	display:inline-block;
	vertical-align:top;
	width:75%;
	margin-bottom:2px;
	font-size:13px;
	
}


.house-manager img
{
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right:10px;
	margin-top:-3px;
}


.property-occupancy .meter
{
	border-radius:10em;
	border:1px solid rgba(0,0,0,0.6);
	width:80px;
	height:12px;
	display:inline-block;
	margin-top:6px;
	vertical-align:top;
	margin-left:5px;
	
}

.property-occupancy .meter-fill
{
	height:10px;
	width:66%;
	background-color:yellow;
	display:block;
	border-radius:10em;
}

.resident-panels
{
	display:block;
	
}

.resident-panels.panel-active
{
	display:block;
	
}


.bed-box img
{
	margin-left: 5px;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 5px;
}

.bed-box
{
	background-color:white;
	border-radius:5px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
	padding:5px;
	display:block;
	margin-bottom:15px;
	margin-right:5px;
	width:100%;
}
.bed-box .right
{
	display:inline-block;
	vertical-align:top;
	width: calc( 100% - 89px);
	
}
.bed-box h5
{
	margin-bottom: 5px;
    text-align: center;
    /* padding-left: 20px; */
    font-size: 17px;
    margin-right: 25px;
    color: #22b8d6;
}
#properties-panel
{
	padding:0px;
	padding-top:20px;
}

.bed-box p
{
	display:inline-block;
}

.bed-box p span
{
	padding-left:10px;padding-right:10px;
}

.bed-box a.btn-caps-right
{
	    font-size: 18px;
    margin-top: -20px;
    width: 50%;
    margin-left: 52%;
}
.bed-box a.btn-caps-right i
{
	padding:10px;
}
#propertyImage
{
	width:100%;
	height:250px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
#properties-right .under-image
{
	background-color:white;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
	padding:10px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding-bottom:20px;
}
.room-box > h4
{
	padding-left:20px;
	margin-top:15px;
}
.under-image .user-list.user-list-50 { line-height: 1.3; }
.under-image .user-list.user-list-50 .list-lbl
{
	width:60%;
	font-size:14px;
}
.under-image .user-list.user-list-50 .list-txt
{
	width:30%;
	margin-left:0px;
	font-size:14px;
}
.under-image h3
{
	text-transform:uppercase;
	font-weight:300;
	text-align:center;
	color:rgba(0,0,0,.35);
	margin-bottom:15px;
}
.under-image .property-occupancy
{
	text-align:center;
	font-weight:300;
}
.under-image .property-occupancy .meter
{
	width:60%;
}
.under-image .beds
{
	text-align:center;
	font-weight:300px;
	color: rgba(0,0,0,0.4);
    font-stretch: 100%;
}
.house-mgr img
{
	width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -3px;
	display:inline-block;
}

.bed-box .house-manager
{
	float:right;
	display:block;
	margin-top:10px;
	margin-bottom:4px;
	width:100px;
	padding:4px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	text-align:center;
	margin-right:-7px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	color:#fff;
	font-size:12px;

	
}
.bed-box .house-manager:hover
{
	text-decoration:none;
	cursor:pointer;
}
.md-panel.menu-panel-container
{
	background-color:rgba(255,255,255,.9);
}
#moveinDialog .rounded-icon-text
{
	display:inline-block;
    text-align: left;
    margin: 10px;
}
#moveinDialog .rounded-icon-text  .ri-text
{
	bottom:45px;
    text-align: center;
    padding-right: 30px;
    font-size: 15px;
    text-transform: uppercase;
}

.white-box-shadow {
    position: relative;
    padding: 5px;
    border-radius: 2px;
    background-color: #f8f9f9;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
    width: 80%;
    margin-left: 10%;
    padding-top: 20px;
    padding-top: 30px;
    padding-left: 15px;
    margin-bottom: 40px;
}

.white-box-shadow.light{
    box-shadow:0 2px 7px 0 rgba(0,0,0,.03), 0 2px 7px 0 rgba(0,0,0,.03)
}
.white-box-shadow md-radio-button
{
	font-size:12px;
}
._md-datepicker-floating-label>md-datepicker .md-datepicker-button {
    top: 18px !important;
}
#mobile-properties-nav
{
	display:none;
	
	
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
/*-------------------------- End WebApp Properties --------------------*/

/*--------------------------- Web app Rent ----------------------------*/
.md-input-inline
{
	width: 23%;
    margin: 10px;
    margin-top: 0px;
    margin-right: 8%;
}
.md-input-inline label
{
	bottom:0px !important;
	margin-left:-60px;
}


#rentFilters
{
	margin-left:45%;
}
#rentFilters2
{
	margin-left:100px;
}
#applyFilters
{
	width:15%;display:inline-block;margin-left:60%;
    border-radius: 3px;
}
#cancelFilters
{
	width:15%;display:inline-block;margin-left:0%;margin-top:10px;
    border-radius: 3px;
}

#rentTip
{
	font-size:10px;font-style:italic;width:35%;margin-left:63%;
}

.table-col.tc-1 { width:1%;}
.table-col.tc-2 { width:2%;}
.table-col.tc-3 { width:3%;}
.table-col.tc-5 { width:5%;}
.table-col.tc-8 { width:8%;}
.table-col.tc-10 { width:10%;}
.table-col.tc-12 { width:12%;}
.table-col.tc-15 { width:15%;}
.table-col.tc-18 { width:18%;}
.table-col.tc-25 { width:25%;}
.table-col.tc-35 { width:35%;}
.table-col.tc-60 { width:60%;}
.table-col.tc-40 { width:40%;}
.table-col.tc-50 { width:50%;}
.table-col.tc-20 { width:20%;}
.table-col.tc-30 { width:30%;}

#rentTable th, #paymentTable th, #programsTable th
{
	font-size:14px;
}

#rentTable td, #paymentTable td, #programsTable td
{
	font-size:12px;
}

.rent-actions a
{
	margin:2px;
}
.rent-actions a i
{
	right:0px;
}

.resident-overview-box
{
	border-radius:10em;
	background-color: #48a5ea;
	padding:5px;
	padding-left:15px;
	width:70%;margin-left:1%;
	color:white;
	font-size:18px;
}
.resident-overview-box span
{
	display:inline-block;
	width:33%;
	text-align:center;
}

#editResidentPay .user-list .list-lbl, .user-list.user-input .list-lbl
{
	width:30%;
	text-align:right;
	padding-right:15px;
}
#editResidentPay .user-list .list-txt, .user-list.user-input .list-txt
{
	width:50%;
}
#editResidentPay .user-list .list-lbl, .user-list.user-list-right .list-lbl
{
	width:22%;
	text-align:right;
	padding-right:15px;
}
#editResidentPay .user-list .list-txt, .user-list.user-list-right .list-txt
{
	width:70%;
}
.user-list.user-list-right-30 .list-lbl
{
	width:30%;
	text-align:right;
	padding-right:15px;
}
.user-list.user-list-right-30 .list-txt
{
	width:60%;
}
#paymentTable
{
	width:100%;
	margin-top:30px;margin-bottom:50px;
}
#paymentTable tr:nth-child(even)
{
	background-color:rgba(145,226,91,.5);
}

.resident-minibox
{
	display:inline-block;
	margin:5px;
	border-radius:3px;
	padding:3px;padding-left:10px;padding-right:10px;
	color:rgba(0,0,0,.7);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 5px 0 rgba(0,0,0,.12);
	font-weight:300;
	font-size:14px;
}

.user-list.user-list-3 .list-lbl
{
	width:46%;
	text-align:right;
	padding-right:15px;
}
.user-list.user-list-3 .list-txt
{
	width:10%;
}
.user-list.user-list-3 .list-total
{
	width:40%;
}
.box-blue-txt
{
	color:#48a5ea;
	font-weight:300;
	font-size:16px;
}
.resident-info-box
{
	margin:5px;
	border-radius:4px;
	padding:5px;padding-left:10px;padding-right:10px;
	color:rgba(0,0,0,.7);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 5px 0 rgba(0,0,0,.12);
	width:60%;margin-left:20%;
	margin-top:20px;margin-bottom:20px;
	
}

.resident-info-box .user-list-right-30 .list-lbl
{
	width:50%;
	text-align:right;
	padding-right:15px;
}
.resident-info-box .user-list-right-30 .list-txt
{
	width:46%;
}
.user-list .list-lbl
{
	text-align:right;
	padding-right:15px;
}
.user-list.user-list-right-50 .list-lbl
{
	width:50%;
}
.user-list.user-list-right-50 .list-txt
{
	width:46%;
}
.user-list.user-list-right-40 .list-lbl
{
	width:35%;margin-bottom:0px;
}
.user-list.user-list-right-40 .list-txt
{
	width:60%;margin-bottom:0px;
}


.user-list.user-input .list-number
{
	 width:15%;
}
.rent-subpanel
{
	
}
.rent-subpanel h4
{
	text-align:center;
    margin-top: 25px;
    font-size: 24px;
    color: #22b8d6;
}


.action-box.active
{
    box-shadow: 0 2px 7px 0 rgba(34,184,214,.1), 0 2px 7px 0 rgba(34,184,214,.05);
	
	
}
.colored-bg
{
	border-radius:10em;
	width:80%;
	margin-left:10%;
	    margin-bottom: 80px;
}
.colored-bg a, .colored-bg .col
{ 
	width:33%;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background-color: #91e25b;
    display: block;
    float: left;
    text-align: center;
    padding: 3px;
}
.colored-bg a:hover, .colored-bg .col:hover
{
	text-decoration:none;
	color:#fff;
	transition:.5 all;
	cursor:pointer;
}

.colored-bg a .below-lbl-sm, .colored-bg .col .below-lbl-sm
{
    font-size: 11px;
    color: rgba(0,0,0,.4);
}


.colored-bg a .num-lg, .colored-bg .col .num-lg
{
	color:#fff;
    font-size: 18px;
}

.colored-bg a:first-child, .colored-bg .col:first-child
{
    border-top-left-radius: 10em;
    border-bottom-left-radius: 10em;
}
.colored-bg a:last-child, .colored-bg .col:last-child {
    border-top-right-radius: 10em;
    border-bottom-right-radius: 10em;
}
.colored-bg md-checkbox
{
	margin-bottom:10px;
}
	.colored-bg .md-label
	{
		margin-left:8%;
		width: 88%;
    display: flex;
	}
.inv-box
{
	margin:0px;
    background-color: #f8f9f9;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
    padding: 5px;
    border-radius: 4px;
    text-align: center;
	height:140px;
	position:relative;
	margin-top:15px;margin-bottom:15px;
}

.inv-box .box-text
{
	
    text-align: center;
    font-size: 30px;
    color: #03A9F4;
    padding-top: 10px;
    position: absolute;
    width: 100%;
    top: 17%;
	
}

.inv-box .box-label
{
	
    font-size: 12px;
    line-height: 16px;
	color:#827f7f;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
}
.inv-box .box-title
{
    font-size: 12px;
    line-height: 16px;
	color:#827f7f;
    text-align: center;
    width: 100%;
	
}

.inv-box .box-li
{
    font-size: 10px;
    line-height: 14px;
	color:#827f7f;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 0px;
	
	
}
#invoice-grid
{
	
    width: 86%;
    background-color: #fff;
    padding: 25px;
    margin-left: 7%;
    border-radius: 5px;
}
#invoice-chart
{
	margin:0px;
    background-color: #f8f9f9;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
    padding: 5px;
    border-radius: 4px;
    text-align: center;
	height:295px;
	margin-top:15px;margin-bottom:15px;
	
}
.filters-select
{
	padding:7px;
}
.filters-select label
{
	font-weight:700;
    color: rgba(0, 0, 0, 0.44);
    font-size: 12px;
	
}
.filters-select select
{
	    width: 65%;
    margin-left: 10px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding: 5px;
	
}
.filters-select select:hover
{
	cursor:pointer;
	border-bottom: 1px solid #22b8d6;
}
.filters-select option
{
	
	
}
#rentFilters2
{
	margin-left:30px;
	margin-top:30px;
}
/*--------------------------- End Web app Rent ----------------------------*/

/*-------------------------- WebApp Statistics --------------------*/
.stats-div
{
	
	
}
.stats-div h4, .titled-content h4
{
    padding-left: 10px;
    margin-bottom: 15px;
}
.titled-content h4
{
	color:rgba(0,0,0,.6);
}
.stats-div h4 .btn-circle, .titled-content .btn-circle
{
	    margin-right: 10px;
}
.stats-div .white-box-shadow, .titled-content .white-box-shadow
{
	padding-top:10px;
    width: 94%;
    margin-left: 3%;
}
.titled-content
{
	text-align:left;
	color:#7f7f7f;
}
.titled-content h5
{
    margin-bottom: 5px;
    margin-left: 66px;
	
}
.poll-category .poll-bar
{
	border-radius:3px;
	height:60px;
	width:100%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 5px 0 rgba(0,0,0,.12);
}


.poll-category h5
{
    margin-bottom: 5px;
    margin-top: 30px;
}
.poll-category .poll-portion
{
	display:inline-block;
	height:60px;
	color:#fff;
    overflow: hidden;
}
.poll-category .poll-portion:first-child
{
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	
}
.poll-category .poll-portion:last-child
{
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	
}

.poll-category .poll-portion p
{
    padding: 5px;
    padding-left: 15px;
    font-weight: 400;
	font-size:12px;
    line-height: 1.2;
}
#ei-charts
{
	text-align:center;
}
.prc-charts
{
	display:inline-block;
}
.demographics-results
{
	position:relative;
}
.demographics-results .dem-val
{
	position:absolute;
	right:40px;
}
/*-------------------------- End WebApp Statistics --------------------*/



/*----------------------- Webapp Page ------------------------*/

.text-input-container.tic-100
{
    width: 99%;
    margin-left: 3px;
    /* margin-right: 1%; */
    display: block;
}
.text-input-container.tic-25
{
    width: 24%;
    margin-left: 3px;
    /* margin-right: 1%; */
    display: inline-block;
}
.text-input-container.tic-75
{
    width: 74%;
    margin-left: 3px;
    /* margin-right: 1%; */
    display: inline-block;
}
.text-input-container.tic-50
{
    display:flex;
	flex:.49;
    margin-left: 5px;
    /* margin-right: 1%; */
    display: inline-block;
}
.text-input-container.tic-40
{
    width: 39%;
    margin-left: 3px;
    /* margin-right: 1%; */
    display: inline-block;
}
.text-input-container.tic-60
{
    width: 59%;
    margin-left: 3px;
    /* margin-right: 1%; */
    display: inline-block;
}
.text-input-container.tic-33
{
    display:flex;
	flex:.32;
    margin-left: 5px;
    display: inline-block;
    /* margin-right: 1%; */
}
.text-input-container.tic-66
{
    display:flex;
    flex: .65;
    margin-left: 5px;
    /* margin-right: 1%; */
    display: inline-block;
}
.text-input-container.offset-8
{
	 margin-left:8%;
}
.text-input-container.offset-17
{
	 margin-left:17%;
}
.tic-row.row
{
	margin-left:0px;margin-right:0px;
	display:flex;
    justify-content: center;
}
.smaller-input
{
	    width: 80% !important;
    margin-left: 10% !important;
}
.text-input-container .single-check
{
    padding-bottom: 0px;
    padding-left: 5px;
    padding-top: 13px;
}
.text-input-container.required p:after
{
	content:'*';
	color: #22b8d6;
	margin-left:3px;
}


.rounded-btn-box
{
	display:flex;
	width:60%;
	margin:25px;
	margin-left:auto;margin-right:auto;
	    border-radius: 1em;
		
}
.rounded-btn-box.rbb-white
{
	background-color:#fff;    
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.1), 0 2px 1px 0 rgba(0,0,0,.05);
	
}
.rounded-btn-box.rbb-sec-blue
{
	color: #22b8d6;
}
.rounded-btn-box .rbb-label
{
	display:inline-block;
    width: 33%;
	margin:auto;
}
.rounded-btn-box .rbb-label i
{
	padding:5px;
    padding-left: 12px;
	
}
.rounded-btn-box .rbb-label span
{
	
	
}
.rounded-btn-box .rbb-text
{
	display:inline-block;
    width: 33%;
	text-align:center;
	margin:auto;
	color:#7f7f7f;
}
.rounded-btn-box input
{
	display:inline-block;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    left: 1%;
    width: 33%;
    margin-left: 0px;
	
}
.green
{
	color:#91e25b !important;
}
.red
{
	color:#ef5350 !important;
}
.goal-div.text-input-container.white
{
	padding-bottom:0px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
}
.grey-input-round, .goal-div.text-input-container.white input.grey-input-round
{
	    border: none;
    background-color: #efefef;
    border-radius: 3em;
    padding: 4px;
    padding-left: 20px;
    margin: 5px;
    width: 82%;
    margin-left: 1%;
    text-align: left;
    font-size: 12px;
}
.grey-input-field span
{
	padding-right:5px;
	text-align:right;
	width:10%;
	display:inline-block;
}
.gif-25-75 input.grey-input-round
{
	width:68% !important;
}
.gif-25-75 span
{
	width:25%;
}
.grey-input-field span.lg-blue
{    font-size: 16px;
    color: #22b8d6;
}
.goal-div .action-step-div
{
	background-color: #22b8d6;
	color:#fff;
	margin-left:-7px;
	width: calc( 100% + 14px );
	margin-top:15px;
	padding-bottom:15px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.action-step-div .rounded-btn-box
{
	margin:10px;
	width:80%;
}
.action-step-div > p
{
	padding-left:10px;
	padding-top:10px;
}

.rounded-input
{
	position:relative;
	width:80%;
	margin-left:auto;
	margin-right:auto;
    margin-top: 7px;
	
}
.rounded-input input.grey-input-round
{
	width:100% !important;
	color:rgba(0,0,0,.6);
	background-color: #fff;
}
.rounded-input .btn-block-norm
{
    border-radius: 3em;
	position:absolute;
    right: -34px;
    top: -24px;
    background-color: #fff;
    color: #22b8d6;
	
}
.action-steps-list .action-steps
{
    background-color: #fff;
    color: #22b8d6;
	font-size:12px;
	position:relative;
	border-radius:3em;
    padding: 3px;
    padding-left: 7px;
    padding-right: 23px;
    display: inline;
	margin:3px;
	overflow-wrap: break-word;
}
.action-steps-list
{
	padding:5px;
	padding-left:15px;
	padding-right:15px;
}
.action-steps-list .action-steps a
{
	position:absolute;
	right:9px;
	text-decoration:underline;
}
.action-steps-list .action-steps a:hover
{
	cursor:pointer;
}
.btn-block-norm.rounded
{
    border-radius: 2em;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
	
}

.type-mcosa
{
	color:#F9A825;
}
.type-mcosa_ext
{
	color:#1976D2;
}
.type-drug
{
	color:#673AB7;
}
.type-fan
{
	color:#4CAF50;
}
.type-lr
{
	color:#81D4FA;
}
.type-other
{
	color:#FFEB3B;
}

#otherLegend
{
    margin-top: 20px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
    width: 60%;
    margin-left: 20%;
    padding: 10px;
	margin-bottom:15px;
	
}
#otherLegend h5
{
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:3px;
	color:rgba(0,0,0,.55);
	font-size:20px;
}
#otherLegend .hint
{
	font-style:italic;
	font-size:10px;
}
#legendPayments
{
	font-weight:bold;
}
/*	Properties Board 
.not-edit .check-btn
{
	transition:0s;
	display:none;
}

.not-edit .edit-btn
{
	transition:0s;
	display:block;
}
.editing  .check-btn
{
	transion:.5s;
	display:block;
}
.editing .edit-btn
{
	transition:0s;
	display:none;
}
*/

.input-line
{
	display:flex;
	margin:6px;
}
.input-line p
{
	flex:.3;
	text-align:right;
	padding-right:20px; 
    position: relative;
    top: 4px;
}
.input-line input
{
	flex:.4;
	border-radius:3px;
	border:.5px solid rgba(0,0,0,.1);
	padding:2px;
	padding-left:5px;
}
.input-line input[type=number]
{
	flex: .2;
    width: 50px;
}
.input-line input#addressInput
{
	flex:.6;
}
.input-line.req p:after
{
	content:'*';
	color:#22b8d6;
	
}
.display-line
{
	display:flex;
	margin:0px;
}
.display-line .d-lbl
{
	flex:.3;
	text-align:right;
	padding-right:20px;
}
.display-line .d-val
{
	flex:.7
}
.display-line
{
	
}
.paymentHistoryDetails
{
	text-align:center;
	
}
.ph-week .colored-box
{
	width:94%;
	margin-left:4%;
}
.ph-week .colored-box.left .content .num-lg
{
	font-size:20px;
}

.section-box
{
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    margin-bottom: 10px;
    margin-top: 30px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 15px;
	background-color: #f8f9f9;
}
.section-box.full
{
	width:98%;
}
.section-box .subsection-box.white-box
{
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:25px;
	margin-bottom:15px;
}
.section-box .subsection-box h5
{
	padding-left:20px;
}
.section-box .subsection-box.white-box .table-window.scrollable
{
	max-height:300px;
	overflow:scroll;
}

.table-window .table-row
{
	display:flex;
	padding:3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.table-window .table-row .table-col
{
	text-align:center;
	font-size: 12px;
	color:rgb(127, 127, 127);
	margin:auto;
}
.table-window .table-row.header .table-col
{
	font-weight:600;
	padding-bottom:3px;
	border-bottom:.5px solid rgba(0,0,0,.15);
	font-size:14px;
}
.table-window .table-row .table-col input
{
	width:50px;
    border: 1px solid rgba(0,0,0,.1);
    text-align: center;
	border-radius:2px;
}
.table-window .table-row .table-col input.ng-valid.ng-touched
{
	border-color: rgba(0,0,0,.2);
}
.table-row .table-col a.btn-circle
{
	margin-left:2px;margin-right:2px;
}
.section-box h3.event-titles
{
	text-transform: uppercase;
    font-weight: 300;
    color: rgba(0,0,0,.4);
    font-size: 30px;
	text-align:center;
}
.section-box h3.event-titles .btn-circle
{
	margin-right:20px;
	
}
/*------------- Donation Gift styles ---------------- */
#donate-content .white-box-shadow.gift-box
{
	padding-top:0px;
	border-radius:10px;
	width:86%;
	margin-left:auto;margin-right:auto;
	padding:0px;
}
.gift-images
{
	display:flex;
	
}
.gift-images img
{
	width:25%;    
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
   
}
.gift-images img:first-child
{
	border-top-left-radius:10px;
}
.gift-images img:nth-child(4)
{
	border-top-right-radius:10px;
}
.gift-desc
{
	display:flex;
}
.gift-desc div
{
	width:25%;
	padding-bottom:10px;
}
.gift-desc div p
{
	text-align:center;
	margin-bottom:0px;
    padding-top: 5px;
}
.gift-desc div p.hint
{
	font-style:italic;
}

.gift-desc i
{
	color:#91e25b;
	font-size:24px;
}
.backorder
{
	font-size:8px;
	color:#22b8d6;
}
.text-input-container.white h4
{
	color: #22b8d6;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.dg-cb
{
	width:150px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:1px;
	font-size:10px;
}
md-checkbox.small-cb .md-icon
{
	width:15px;
	height:15px;
}
md-checkbox.small-cb.md-checked .md-icon:after
{
	
    left: 2.66667px;
    top: -1.77778px;
}
#pickupGift
{
	width:220px;margin-left:30%;margin-right:30%;text-align:center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.05);
    padding: 8px;
    padding-left: 0px;
}


.style-select-container md-select md-option
{
	font-size:12px;
}
.style-select-container  md-optgroup label
{
	padding-top:2px;padding-bottom:2px;
}

/* --------------- Respond Styles ---------- */
#chatDiv
{
	padding:0px;
}
#uninitMessagesWindow
{
	background-color: rgba(0,0,0,.03);
	padding-bottom: 15px;
}
#uninitMessagesWindow h5
{
	padding-top:15px;
}
#uninitMessages
{
	
    margin-left: 2%;
    margin-right: 2%;
	overflow-x:scroll;
	
}
.uninit-message
{
	display:inline-block;
	width:340px;
}
.uninit-message.req
{
	border:2px solid #48a5ea;
	border-radius:6px;
	width:350px;padding-right:10px;
	margin-left:10px;
}
.uninit-message.req .rct-req
{
	color:#48a5ea;
	font-weight:600;
	font-size:16px;
	padding:4px;
	margin-bottom:1px;
}
.uninit-message.req-else
{
	border:2px solid #FFC107;
	border-radius:6px;
	width:350px;padding-right:10px;
	margin-left:10px;
}
.uninit-message.req-else .rct-req
{
	color:#FFC107;
	font-weight:600;
	font-size:14px;
	padding:4px;
	margin-bottom:1px;
}
.uninit-message-box
{
	width:100%;
	display:flex;
	min-height:80px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 2px 6px 0 rgba(0,0,0,.15);
	border-radius:4px;
	margin:5px;
	
}
.uninit-message .msg-left
{
	width:45%;
	text-align:center;
	border-right:1px solid rgba(0,0,0,.1);
	padding-top:10px;
	padding-bottom:10px;
}

.uninit-message .msg-left p
{
	margin-bottom:1px;
}
.uninit-message .msg-left .msg-date
{
	font-size:18px;
}
.uninit-message .msg-left .msg-time
{
	font-size:15px;
}
.uninit-message .msg-left .msg-name
{
	
    font-size: 12px;
}
.uninit-message .msg-left .msg-topic
{
	
    font-size: 10px;
}
.uninit-message .msg-right
{
	width:55%;
	position:relative;
}
.uninit-message .msg-right p
{
	line-height:12px;
    font-size: 10px;
    padding: 6px;
    text-align: center;
	margin-bottom:40px;
	padding-top:12px;
}
.uninit-message .msg-right a
{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0px;
}
#chatMain
{
	display:flex;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 2px 6px 0 rgba(0,0,0,.15);
	height:700px;
}
#chatMain .convos-left
{
	width:25%;
	text-align:center;
	padding-top:10px;
	border-right:1px solid rgba(0,0,0,.15);
    overflow-y: scroll;
}
.convos-left .convo-left
{
	width:100%;
	box-shadow:0 0px 18px 0 rgba(0,0,0,.15), 0 2px 5px 0 rgba(0,0,0,.15);
	text-align:center;
	padding:6px;
	padding-top:15px;
}
.convos-left .convo-left.new
{
	
}
.convos-left .convo-left.current
{
	/*border:1px solid #48a5ea;*/
	border-bottom:3px solid #48a5ea;
	box-shadow:0 0px 18px 0 rgba(0,0,0,.5), 0 2px 5px 0 rgba(0,0,0,.5);
	
}
.convos-left .convo-left.ended
{
	/*border:1px solid #48a5ea;*/
	border-bottom:3px solid #f44336;
	box-shadow:0 0px 18px 0 rgba(0,0,0,.5), 0 2px 5px 0 rgba(0,0,0,.5);
	
}
.convos-left .convo-left .cl-new-msg
{
	color:#48a5ea;
	font-weight:600;
}
.convos-left .convo-left .cl-ended-msg
{
	color:#f44336;
	font-weight:600;
}
.convos-left .convo-left .cl-circle-name
{
	height:40px;width:40px;
	margin-left:auto;margin-right:auto;
	border-radius:50%;
	background-color:#55acee;
	text-align:center;
	font-size:20px;
	padding-top:3px;
}

.convos-left .convo-left .cl-name
{
	margin:5px;
}
#chatMain #convoWindow
{
	width:75%;
	position:relative;
}

#chatMain #convoWindow .chat-messages
{
	text-align:left;
    overflow-y: scroll;
    height: 500px;
}
#chatMain #convoWindow .topic
{
	background-color:#22b8d6;
	padding:3px;
	border-radius:.7em;
	color:#fff;
	width:auto;
	text-align:center;
	width:60%;
	margin-left:20%;
}
#chatMain #convoWindow .message-div
{
	width:70%;
	padding:4px;
}
#chatMain #convoWindow .message-div.rct
{
	margin-left:30%;
}
#chatMain #convoWindow .message-div .message-box
{
	border-radius:5px;
	padding:7px;
}
#chatMain #convoWindow .message-div.user .message-box
{
	
	background-color:#22b8d6;
	color:#fff;
}
#chatMain #convoWindow .message-div.rct .message-box
{
	background-color:#a2deea;
}
#chatMain #convoWindow #chatResponse
{
	    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #f5f5f5;
}
#chatResponse textarea
{
	width: 90%;
    margin-left: 5%;
	border-radius:3px;
	resize:none;
}
#chatResponse input
{
	border:none; 
    position: relative;
    top: 43px;
}
#chatMain #convoWindow .message-status
{
	    text-align: right;
    margin-right: 6px;
    font-size: 10px;
	margin-bottom:1px;
}
#chatMain #convoWindow .message-div.rct .time-ago
{
	text-align:right;
	margin-right:5px;
	margin-bottom:1px;
}
#chatMain #convoWindow .message-div.user .time-ago
{
	text-align:left;
	margin-left:5px;
	margin-bottom:1px;
}
#chatMain #convoWindow .message-box h6
{
	text-align:center;
}

.ast-details
{
	display:flex;
}
.small-dp-input
{
	
}
.small-dp-input label
{
	left:0px !important;width:auto !important;
}
.small-dp-input md-datepicker .md-datepicker-button
{
	top: 11px !important;
    right: 20px;
}
.small-dp-input .md-datepicker-input-container
{
	    bottom: 21px;
    left: 12px;
}
/*------------------------- New Donation Page -------------------------- */
#fh5co-donate-section #donate-section-header
{
	height:200px;
    margin-bottom: 0px;
}
#fh5co-donate-section #donate-content
{
	position:relative;
	bottom:48px;
}
md-tabs .md-tab
{
	color:#fff;
}
md-tabs .md-tab.md-active
{
	color:rgba(0,0,0,.4);
}
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar
{
	color: #a2deea;
	background: #a2deea;
}

#donate-now-content
{
	background-image: linear-gradient(45deg, rgb(34, 184, 214) 0%, rgb(37, 141, 200) 100%);
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #fff;
    padding: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
	
}

.select-group
{
	border-radius: 10em;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 80px;
	margin-top:15px;
}
.select-group .select-group-item:first-child
{
	border-top-left-radius: 10em;
    border-bottom-left-radius: 10em;
}
.select-group .select-group-item:last-child
{
	border-top-right-radius: 10em;
    border-bottom-right-radius: 10em;
}
.select-group.sg5 .select-group-item
{
	width:20%;
}
.select-group.sg3 .select-group-item
{
	width:33.333%;
}
.select-group  .select-group-item
{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    display: block;
    float: left;
    text-align: center;
    padding: 3px;
}
.select-group.dark-blue .select-group-item
{
	background-color: rgba(0,0,0,.1);
	color:#fff;
}
.select-group.dark-blue .select-group-item:hover
{
	background-color: rgba(255,255,255,.7);
	text-decoration:none;
	color:#22b8d6;
}
.select-group.green .select-group-item
{
    background-color: #91e25b;
	
}
.select-group.dark-blue  .select-group-item.active
{
	background-color: #FFF;
    color: #22b8d6;
}
.select-group
{
	
}
.big-num.no-border
{
	background: none;
        font-size: 60px;
    width: 125px;
    text-align: center;
    padding-left: 0px;
    background: rgba(0,0,0,.08);

}

#donate-content md-content md-content
{
	padding-left:0px;padding-right:0px;
}
#donate-content md-content
{
	background:none;
}
#donate-content #donate-now-container.container
{
	width:600px;
	margin-left:auto;margin-right:auto;
}

input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].no-arrows {
  -moz-appearance:textfield;
}
.btn-rounded.white-blue
{
	background-color:#fff;
	color:#22b8d6;
	
}
.btn-rounded.blue-white
{
	background-color:#22b8d6;
	color:#fff;
	
}
#donateName
{
	padding-bottom: 7px;padding-top: 8px;
	
}
.donate-left .rounded-input.ri-label
{
	position:relative;
	margin-top:20px;
}
.donate-left .rounded-input.ri-label label
{
	position:absolute;
	left:23px;
	color:#22b8d6;
	top:8px;
    font-weight: 400;
}
.donate-left .rounded-input.ri-label input
{
	    padding-left: 75px;
}
#donate-now-content .donate-left
{
	padding-top:5px;
}
#donate-now-content h5
{
	color:#fff;margin-bottom: 20px;
}
.big-dollar
{
	    font-size: 48px;
    padding-right: 6px;
    padding-top: -6px;
    position: relative;
    bottom: 3px;
}
#donate-content .ri-content li
{
	font-size:12px;
}
#busPassContent .white-box-shadow
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
}
#busPassContent .white-box-shadow p
{
	font-size:12px;
}
.blue-border input
{
	border:1px solid #22b8d6;
}
#busPassContent .rounded-input label
{
	top:10px;
}
#busPassContent .rounded-input
{
	width:400px;
	
}
/*------------------------- End New Donation Page -------------------------- */

/*------------------------- Chat Page -------------------------- */
#chat-section-header
{
    background: linear-gradient(45deg, #22b8d6 0%, #258dc8 100%);
    height: 200px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}




/*------------------------- End Chat Page -------------------------- */
/*------------------------- New Resources Page -------------------------- */
.resources-category
{
	display:flex;
	background-color:rgba(255,255,255,.1);
	border-radius:1.5em;
	padding:10px;
}

.resources-cat-lbl
{
	width:25%;
	margin:auto;
}
.resources-cat-lbl h2
{
	font-family:'Permanent Marker';
	padding-top:0px;
}
.res-circles-container
{
	width:75%;
	align-items:center;
}
.res-circle
{
	background-color:#fff;
	border-radius:50%;
	padding:10px;
	width:80px;
	height:80px;
	margin-left:auto;margin-right:auto;
    padding-top: 22px;
    margin-bottom: 10px;
}
.res-circle i
{    font-size: 30px;
	
}
.res-circle-box
{
	width: 150px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    padding: 7px;
}
.res-circle-box:hover
{
	cursor:pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.res-circle-box.no-link:hover
{
	cursor:default;
	
}
.res-circles-row
{
	display:flex;
  justify-content: center;
  padding:2px;
}
.res-circle-box .res-lbl
{
	font-family:'Permanent Marker';
	
}
.category-resources .res-circle-box .res-circle i, .category-resources .resource-info-box h3
{
	color:#FF9800;
}
.category-resources .res-circle-box .res-lbl{ color:#FFCC80; }
.category-programs .res-circle-box .res-circle i, .category-programs .resource-info-box i, .category-programs .resource-info-box h3
{
	color:#4CAF50;
}
.category-programs .res-circle-box .res-lbl{ color:#C5E1A5; }
.category-meeting-rooms .res-circle-box .res-circle i, .category-meeting-rooms .resource-info-box i, .category-meeting-rooms .resource-info-box h3
{
	color:#22b8d6;
}
.category-meeting-rooms .res-circle-box .res-lbl{ color:#fff; }
.category-rooms .res-circle-box .res-circle i, .category-rooms .resource-info-box i, .category-rooms .resource-info-box h3
{
	color:#f44336;
}
.category-rooms .res-circle-box .res-lbl{ color:#ef9a9a; }
.sections-header h1.new-title
{
	font-family:'Caveat';
	font-size:36px;
}
.resource-info
{
	transition:all ease-in .1s;
}
.resource-info.ng-hide
{
	opacity:0;
	left:1000px;
}
.resource-info.showing
{
	right:1000px;
	left:0px;
	transition-delay: .3s;
	transition:all ease-in .5s;
}
.resource-info
{
	background: rgb(213,210,210);
background: linear-gradient(259deg, rgba(213,210,210,1) 0%, rgba(255,255,255,1) 46%, rgba(206,207,207,1) 100%);
	border-radius:3em;
	padding:25px;
	padding-top:15px;padding-bottom:15px;
	margin-bottom:20px;
	font-family:'Kalam';
	color:rgba(0,0,0,.7);
	font-size:18px;
	display:flex;
	align-items:center;
	position:relative;
	left:0px;
	right:0px;
	
}
.resource-info i, .resource-info-box i
{
	font-size:34px;
	padding-left:15px;
	margin-right:35px;
}
.category-resources .resource-info i, .category-resources .resource-info-box i
{
	color:#FF9800;
}
.resource-info-box
{
	background: rgb(213,210,210);
background: linear-gradient(259deg, rgba(213,210,210,1) 0%, rgba(255,255,255,1) 46%, rgba(206,207,207,1) 100%);
	border-radius:3em;
	padding:25px;
	padding-top:15px;padding-bottom:15px;
	margin-bottom:20px;
	font-family:'Kalam';
	color:rgba(0,0,0,.7);
	font-size:18px;
	display:flex;
	align-items:center;
	position:relative;
	left:0px;
	right:0px;
}
.resource-info-box.ng-enter
{
	transition:all ease-in .4s;
	transition-delay:.1s;
	left:1000px;
  opacity:0;
}
.resource-info-box.ng-enter-active
{
	left:0px;
  	opacity:1;
}
.resource-info-box.ng-leave {
  	transition:0.1s ease-in all;
  	left:0px;
  	opacity:1;
}
.resource-info-box.ng-leave.ng-leave-active {
  opacity:0;
  left:-1000px;
}
.resource-info-box h3
{
	margin-bottom:8px;
	font-family:'Kalam';
}
.more-resources-container
{
	display:flex;
    justify-content: center;
	flex-wrap:wrap;
}
.more-resources-box
{
	width:300px;
	background-color:rgba(255,255,255,.1);
	border-radius:1.5em;
	padding:10px;
	min-height:200px;
	margin-bottom:20px;
}
.more-resources-box p
{
	font-size:12px;
	color:rgba(255,255,255,.7);
	    padding: 5px;
}
/*------------------------- End New Resources Page -------------------------- */

#event-section-header .resources-category .resources-cat-lbl { width :45%; }
#event-section-header .resources-category .resources-cat-lbl h2 { margin-top:10px;    font-size: 36px;width:100%; }
#event-section-header .resources-category
{
	width:800px;
	margin-left:auto;margin-right:auto;
	margin-bottom:15px;
}
#event-section-header .resources-category .res-circles-container
{
	width:50%;
}
#event-section-header .resources-category .res-circles-container p
{
	font-family:'Kalam';
	margin-bottom:3px;
	font-size:14px;
}
#warningMessage
{
	transition:.5s all linear;
}
.warning-message
{
	    position: absolute;
    bottom: -49px;
    width: 100%;
}
.warning-message p
{
	margin-bottom:4px;padding-top:5px;font-size: 12px;padding-left:15px;padding-right:15px;
}
md-progress-circular.md-default-theme path, md-progress-circular path
{
	stroke:#fff;
}
/*------------- Home Virtual Meetings Styles ------------*/
#vm-days-div h3
{
	color: #039be5;
    font-family: 'Caveat';
    font-size: 40px;
	text-align:center;
}
#vm-days-div .desc
{
	text-align:center;
}
.vm-day
{
	padding:0px;
    border-radius: 4px;
    background-color: #f8f9f9;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
	min-height:250px;
}
.vm-day .vm-top
{
	text-align:center;
	background-color: #039be5;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.vm-day .vm-top h4
{
	color:#fff;
	padding:8px;
    font-family: 'Caveat';
    font-size: 24px;
    margin-bottom: 12px;
}
.vm-day .vm-bottom
{
	padding:10px 15px;
	text-align:center;
    display: flex;
    min-height: 208px;
}
.vm-day .vm-bottom .vm-day-meetings
{
	margin:auto;
}
.vm-days-grid .col-md-3
{
	padding:4px;
}
.vm-day-meeting h5
{
	font-weight:bold;
    margin-bottom: 3px;
    font-size: 12px;
}
.vm-day-meeting p
{
	margin-bottom:0px;
    font-size: 12px;
}
.vm-day-meeting a
{
    font-size: 12px;
}
.vm-day-meeting
{
	margin-bottom:15px;
}
.vm-day.notes .vm-day-meeting
{
	margin-top: -18px;
	    margin-bottom: 0px;
}
.vm-day.notes .vm-day-meeting p
{
    font-size: 10px;
    text-align: justify;
}
.vm-day.notes .vm-day-meeting p a
{
	font-size: 10px;
}
#vm-days-div
{
	    margin-bottom: 45px;
    margin-top: -75px;
}
/*----------------- New About Us ---------------*/
.help-category
{
	width:88%;
	margin-left:auto;margin-right:auto;
	display:flex;
}
.help-category .hc-left
{
	width:12%;
	text-align:center;
	margin:auto;
}
.help-category .hc-left h4
{
    font-family: 'Kalam';
	font-size: 20px !important;
    margin-top: 10px;

	
}
.help-category .hc-left .res-circle
{
	margin:auto;
}
.help-category .hc-right
{
	width:80%;
}
.help-category .hc-right h3
{
    font-family: 'Kalam';
	color:#fff;
}
.help-category .hc-right p
{
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
}
.orange i, .about-section-right .orange h4, .orange h3 { color:#FF9800 !important; }
.green i, .about-section-right .green h4 { color:#4CAF50 !important; }
.red i, .about-section-right .red h4{ color:#f44336 !important; }
.blue i, .about-section-right .blue h4{ color:#22b8d6 !important; }
#liverite-services .category-resources .res-circle-box .res-lbl
{
	font-size:24px;
	margin-bottom:6px;
    font-family: 'Kalam';
}
#liverite-services .category-resources .res-circle-box
{
	margin-left:10px;margin-right:10px;width: 290px;
}
.about-section-right .help-category 
{
    width: 98%;
	margin-bottom:20px;
}
.about-section-right .help-category .hc-left .res-circle
{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.2), 0 4px 15px 0 rgba(0,0,0,.15);
	
}
#liverite-services .more-resources-box p a
{
	color:rgba(0,0,0,.45);font-weight:bold;
}
.about-section-right .help-category .hc-right { display:flex; }
.about-section-right .help-category .hc-right p
{
	    color: rgba(0,0,0,0.4);
    margin: auto;
    position: relative;
    bottom: 10px;
}
#fh5co-services-section .fh5co-heading h2 {
    color: #fff;
    font-family: 'Caveat';
    font-size: 40px;
}

/*_________________ expenses section -------------- */
.md-box
{
	width:96%;margin-left:auto;margin-right:auto;
    background-color: #fff;
	padding:20px;
	box-shadow: 0 2px 7px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1);
	margin-bottom:20px;margin-top:20px;
}
.md-box h4
{
	text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #03A9F4;
}
.box-lbl-txt
{
	display:flex;
    margin-top: 16px;
}
.box-lbl-txt .blt-lbl
{
	    text-align: right;
    font-size: 12px;
    width: 50%;
    padding-top: 3px;
}
.box-lbl-txt .blt-txt
{
	    font-size: 16px;
    color: #03A9F4;
    text-align: left;
    padding-left: 12px;
    width: 50%;
}
.box-text.list { width:96%; }
.box-text.list p
{
	font-size:10px;
	margin-bottom:2px;
    text-align: left;
	padding-left:5px;
}


.about-card
{
	
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    width: 98%;;
    margin-left: auto;margin-right:auto;
	font-family:'Baloo 2';
	position:relative;
	display:flex;
	flex-wrap:wrap;
	margin-top:20px;
}
.about-card img
{
	height:160px;
	width:160px;
	border-radius:50%;
	margin-left:auto;margin-right:auto;
}
.about-card .hri-left
{
	text-align:center;
}
.about-card .hri-left h4
{
	    text-align: center;
    font-family: 'Caveat';
    font-size: 28px;
    margin-top: 8px;
	margin-bottom:8px;
}
.about-card .hri-left h6
{
	
	font-family:'Baloo 2';
}
.about-card .hri-right p
{
	margin-top:15px;
    font-size: 14px;
    font-weight: 400;
	font-family:'Baloo 2';
    margin: auto;
}
.about-card .hri-right { position:relative;
    padding-bottom: 50px;display:flex; }
.about-card .hri-right .res-btns
{
	position:absolute;
	bottom:10px;
    width: 100%;
}

.hint.white
{
	color:#fff;
	font-style:italic;
}
.hint.white a
{
	font-weight:900;
	color:#CCC;
	text-decoration:underline;
}
.flex-display
{
	display:flex;
    flex-wrap: wrap;
	justify-content:center;
}
.print-only { display:none; }

#cal-load, .load-spinner
{
	color:#22b8d6;
    position: absolute;
    top: 40%;
	left:48%;
	z-index:20;
	height:60px;width:60px;
}
#cal-load svg, .load-spinner svg { height:60px;width:60px; }
#cal-load svg path, .load-spinner svg path
{
	stroke: #22b8d6;	
}
#job-load
{
	bottom: 300px;
    top: auto;
}
.select-box
{
    color: #22b8d6;
	width:400px;
	margin-left:auto;margin-right:auto;
	display:flex;
	position:relative;
	z-index:2;
}
.select-box .select-item
{
	width:50%;
    text-align: center;
    margin: auto;
    padding: 14px;
	background-image: url(../img/texture3.jpg);
	background-color:#fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 6px 0 rgba(0,0,0,.1);
	transition:.3s linear all;
}
.select-box .select-item:hover
{
	cursor:pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.6), 0 2px 6px 0 rgba(0,0,0,.6);
}
.select-box .select-item:focus
{
	text-decoration:none;
}
.select-box .select-item:first-child
{
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
}
.select-box .select-item:last-child
{
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
}
.select-box .select-item.active
{
	color:#fff;
    background-color: #48a5ea;
	background-image:none;
    bottom: 40px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.45), 0 2px 6px 0 rgba(0,0,0,.45);

}
/*--------------------- ABout Updates -----------------*/
.ms-staff-carousel .ms-info .email i
{
	font-size:18px;
	padding-right:7px;
    color: #039BE5;
	
}
.ms-staff-carousel .ms-info .email
{
    font-size: 16px;
	margin-bottom:8px;
}
.ms-staff-carousel .ms-info p
{

    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Baloo 2';
    margin: auto;	
    line-height: 1.6;
    color: #747373;
	text-align:center;
	
}
.ms-staff-carousel .ms-staff-info { min-height:350px !important; }
.ms-staff-carousel .ms-staff-info h3
{
	text-align: center;
    font-family: 'Caveat';
    font-size: 38px !important;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #91e25b;
}
.ms-staff-carousel .ms-staff-info h4
{
    font-size: 17px !important;
	margin-bottom:10px !important;
}
.check-ul
{
	padding-bottom:30px;
	list-style:none;
}
.check-ul li
{
	color:#fff;
}
.check-ul li i
{
	color:#22b8d6;
	padding-right:7px;
	font-size:16px;
}
.blue-bold
{
	font-weight: 600; color:#22b8d6;
}
#you-help
{
	padding-top:50px;
}
#you-help h2
{
	font-family:'Baloo 2';
	text-align:center;
}
#you-help p
{
	text-align:center;
	font-size:16px;
	font-family:'Baloo 2';
}
#you-help p .blue-bold
{
	font-size:18px;
}