/* #region Family Portal Page */

.cac-familyportal-div{
	margin-left: 5px !important;
	margin-right: 5px !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cac-family-portal-button{
	background-color: #ffffffe8 !important;
	border: 4px #ffffffe8 !important;
	border-radius: 10px !important;
}

.cac-family-portal-button button{
	color: #FFFFFF !important;
	background-color: #193B6C !important;
	padding: 2px 2px !important;
	font-family: sans-serif, Arial !important;
	font-size: 16px !important;
	border: 4px solid #193B6C !important;
	border-radius: 10px !important;
	box-shadow: 2px 2px 5px 0 #000000 !important;
	width: 160px !important;
	align-content:center !important;
	text-align:center !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	cursor:pointer;
}

.cac-button-caption-text{
	/*font-family: Anton !important;*/
	font-family: sans-serif, Arial !important;
	font-weight: bold !important;
	color: #f69c37 !important;
  	font-size: 20px !important;
	padding-bottom: 2px !important;
	margin-bottom: 2px !important;
	text-shadow: 1px 1px #000000 !important;
}

/* #endregion */


/* #region housing page */

.cac-housing-hidden{
	display: none;
}

.cac-div-scroll{
	margin: 4px, 4px;
	padding: 4px;
	height: 410px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: justify;
}

.cac-flex-row{
    display: flex;
    flex-direction: row;
}

.cac-flex-col{
    display: flex;
    flex-direction: column;
}

.cac-housing-button li{
	background: #193B6C !important;
	color: #fff !important;
}
  
.cac-housing-button li:hover{
	background: #F69C37 !important;
}
  
.cac-housing-button div{
	padding: 5px 5px 5px 5px !important;
}

.cac-housing-button p{
	width: 100% !important;
}
  
.cac-housing-button button {
	color: #FFFFFF !important;
	background-color: #193B6C !important;
	padding: 2px 2px !important;
	font-family: sans-serif, Arial !important;
	font-size: 12px !important;
	border: 4px solid #193B6C !important;
	border-radius: 10px !important;
	box-shadow: 2px 2px 5px 0 #000000 !important;
	width: 100px !important;
	align-content:center !important;
	text-align:center !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.cac-housing-button-selected button {
	background-color: #F69C37 !important;
	border: 4px solid #F69C37 !important;

}
  
.cac-housing-button button:hover {
	  background-color: #F69C37 !important;
	  border: 4px solid #F69C37 !important;
	  cursor:pointer;
}

.cac-housing-button button a {
	color: #FFFFFF !important;
}

/* #endregion */