.hspaceLeft{
	margin-left: 5px;
	}
	
.hspaceRight{
	margin-right: 5px;
	}

/*	
@font-face {
    font-family: Zapfino;
    src: url('../fonts/Zapfino.ttf');
	}
	
.zapfino{
	font-family: Zapfino;
	}
*/

body{
    color: #224267;
    font-family: arial;
	}

#headerLogo{
    width: 365px;
    height: 170px;
   	background-size: cover;
    background-image: url("/img/solanoSunsetRotaryLogoMedium.png");
    margin: 0px auto;
	}

.brand{
    font-size: 1em !important;
}

#headerMeetings{
    float: left;
    width: 265px;
    height: 50px;
    margin: 40px 0px 0 30px;
    font-size: 1.2em;
    font-weight: normal;
    color: red;
	}

.navbar-default {
	border: none;
	background: #fff;
	background: #637eb5;
    }

@font-face{
	font-family: Benguiat;
    src: url('../fonts/BenguiatNormal.ttf');
	}
	
.box h1{
	display: inline;
	font-size: 1em;
	font-weight: normal;
	}

.box h2{
	display: inline;
	font-size: 1em;
	font-weight: normal;
	}

.box h3{
	display: inline;
	font-size: 1em;
	font-weight: normal;
	font-family: arial;
	text-transform: none;
     font-weight: bold;
    font-size: 1.7em;
	}

.box h2.brand-name{
	font-size: 2em;
	}

.brand{
    font-size: 4em;
    font-family: arial;
    text-transform: none;
    color: #40ACDD;
	}

.brandSmall{
    max-width: 500px;
    margin: 5px auto;
    font-size: 2em;
    font-family: arial;
    text-transform: none;
    text-align: center;
    color: #40ACDD;
	}

.bigStrongText{
       font-size: 1.2em;
    font-weight: bold;
    }

.img-limit{
    max-width: 800px;
    }

.badgesContainer{
    width: 90%;
    margin: 5px auto;
    text-align: center;
    }

.badges{
    width: 18%;
	float: left;
	height: 130px;
	text-align: center;
	margin: 10px;
    overflow: none;
	}

.sponsorImage{
    max-width: 100%;
    }

.emptyBox{
    margin: 0 0 10px 0;
    width: 100%;
    height: 200px;
    border: 1px solid #CCC;
    border-radius: 8px;
    }

@media screen and (min-width:768px) and (max-width: 1184px) {
	.row,.box{
		background: #FFF;
		background: rgba(255,255,255,0.9);
		}
	}/*   @media screen and (min-width:768px) and (max-width: 1184px)  */
	
.clearBoth{
	clear: both;
	}

.oneThirdCellCentered{
    text-align: center;
	}
	
input[type=submit]{
	background-color: white;
	color: black;
	border: 2px solid #4CAF50; /* Green */
	border-radius: 8px;
	margin: 5px;
	}

input[type=submit].deleteFunctDefaultFormBtn{
	background-color: white;
	color: black;
	border: 2px solid red;
	border-radius: 8px;
	padding: 5px 10px;
	margin: 5px;
	}

.adminListTable{
    border: 1px solid #777;
    border-radius: 8px;
    border-collapse: collapse;
	}

.adminListTableAltBackground{
    background-color: #EEE
	}

.adminListTableHeaderRowBackground{
    background-color: #edf4f7;
	}

.adminListTable {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 350px;
	}
	
.adminListTable tr th,
.adminListTable tr td {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 5px;
	}

.adminListTable tr th:first-child,
.adminListTable tr td:first-child {
	border-left: 1px solid #bbb;
	}

.adminListTable tr th {
	background: #eee;
	border-top: 1px solid #bbb;
	text-align: left;
	}

/* top-left border-radius */
.adminListTable tr:first-child th:first-child {
	border-top-left-radius: 6px;
	}

/* top-right border-radius */
.adminListTable tr:first-child th:last-child {
	border-top-right-radius: 6px;
	}

/* bottom-left border-radius */
.adminListTable tr:last-child td:first-child {
	border-bottom-left-radius: 6px;
	}

/* bottom-right border-radius */
.adminListTable tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
	}

/*  admin back-end formatting */
.alarmingText{
    text-transform: uppercase;
    font-weight: bold;
    color: red;
    }

.adminNavButton{
    float: left;
    margin: 8px 20px;
    }

.adminMenuSubmitButton{
	border-radius: 4px;
	background: #FFF;
	border: 1px solid #888;
	color: rgb(6, 40, 173);
	padding: 6px 15px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 2px 4px 10px 1px #888888;
    }
    
.adminMenuSubmitButton:hover{
    margin: 3px 4px 4px 7px;
    border-top: 2px solid #555;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-left: 2px solid #555;
	color: rgb(42, 85, 250);
    box-shadow: 1px 2px 15px 1px #efeffc;
	}

.adminListTable{
    margin: 0px auto;
    min-width: 80%;
    border-collapse: separate;
    border: 1px solid #EEE;
    border-radius: 6px;
    box-shadow: 2px 4px 10px 1px #888888;
    }

.adminListTable td{
    border-bottom: 1px solid #EEE;
    }

.adminListTableEditButtonHeaderCell{
    padding: 5px;
    }

.buttonTableId{
   	border-radius: 4px;
	background: #FFF;
	border: 1px solid #888;
	color: rgb(3, 145, 46);
    width: 41px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 1px 2px 10px 1px #888888;
    }

.buttonTableId:hover{
    margin: 4px 3px 7px 3px;
    border-top: 2px solid #888;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-left: 2px solid #888;
	color: rgb(21, 247, 89);
    box-shadow: 1px 2px 15px 1px #f1fcf0;
    }

form.addaRecord{
	display: inline;
	}

#addRecordButtonContainer{
    margin: 10px 20px;
	}

.addaRecordBtn{
    border-radius: 4px;
	background: #FFF;
	border: 1px solid #888;
	color: rgb(150, 2, 2);
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 1px 2px 10px 1px #888888;
    }
    
.addaRecordBtn:hover{
    margin: 5px 3px 6px 7px;
    border-top: 2px solid #888;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-left: 2px solid #888;
	color: rgb(250, 15, 15);
    box-shadow: 1px 2px 15px 1px #fcf0f0
    }
    
.sortByIDSubmit{
    border-radius: 4px;
	background: #FFF;
	border: 1px solid #888;
	color: rgb(154, 87, 1);
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 1px 2px 10px 1px #888888;
    }
    
.sortByIDSubmit:hover{
    margin: 5px 3px 4px 8px;
    border-top: 2px solid #888;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-left: 2px solid #888;
	color: rgb(252, 151, 20);
    box-shadow: 1px 2px 15px 1px #fcf0f0 
	}

.columnSortButton{
    border-radius: 4px;
	background: #FFF;
	border: 1px solid #888;
	color: rgb(154, 87, 1);
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 1px 2px 10px 1px #888888;
    }
    
.columnSortButton:hover{
    margin: 5px 4px 3px 7px;
	border-top: 2px solid #888;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-left: 2px solid #888;
	color: rgb(252, 151, 20);
    box-shadow: 1px 2px 15px 1px #fcf0f0
    }

.inputWithVerticalSpacer{
    margin: 10px 0;
    }

.masterRegFormSubmitButton{
    text-align: center;
    }

.myAddSubmitButton    
    {
    border-radius: 4px;
	background: none;
	border: 1px solid rgb(0, 154, 13);
	color: rgb(0, 154, 13);
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 1px 2px 10px 1px #888888;   
    }

.myAddSubmitButton:hover{
    background: #e1fee2;
    background: none;
    margin: 5px 1px 3px 3px;
    border: 1px solid rgb(0, 154, 13);
    box-shadow: 1px 2px 15px 1px #fcf0f0;
    }

.myUpdateSubmitButton    
    {
    border-radius: 4px;
	background: none;
	border: 1px solid rgb(0, 154, 13);
	color: rgb(0, 154, 13);
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 1px 2px 10px 1px #888888;   
    }

.myUpdateSubmitButton:hover{
    margin: 3px 1px 4px 2px;
    border-top: 2px solid #555;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-left: 2px solid #555;
    box-shadow: 1px 2px 15px 1px #efeffc;
    }

.masterRegFormSubmitButton{
    text-align: center;
	}

.myUpdateSubmitButton{
    padding:5px 15px; 
    background:#EEE;
    background-image: linear-gradient(#EEE, #CCC);
    border:1px solid #AAA;
    cursor:pointer;
    -webkit-border-radius: 9px;
    border-radius: 9px; 
	}

.deleteTable{
    margin: 0px auto;
	}

.deleteFunct{
    margin: 40px auto;
    padding: 20px;
    max-width: 80%;
    border: 1px dashed red;
    border-radius: 10px;
	}

.deleteFunctDefaultFormBtn{
    border-radius: 4px;
	background: red;
	border: 1px solid rgb(0, 154, 13);
	color: #FFF;
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
    box-shadow: 1px 2px 10px 1px #888888;
	}

.deleteFunctDefaultFormBtn:hover{
    background: #FFF;
    margin: 4px 2px;
    color: red;
    font-weight: bold;
    border: 3px solid red;
    border: 1px solid rgb(0, 154, 13);
    box-shadow: 1px 2px 20px 10px #c60202;
    }

.rusureTable{
    border-collapse: separate;
    margin: 20px auto;
    border: 1px dashed red;
  	border-radius: 6px;
	}

.rusureTable td{
    padding: 20px;
	}

.deleteWarning{
    color: red;
    font-size: 3em;
    font-weight: bold;
	}

.DeleteRecordButton{
	border-radius: 4px;
	background: red;
	border: 1px solid rgb(0, 154, 13);
	color: #FFF;
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	box-shadow: 1px 2px 10px 1px #888888;
	}

.DeleteRecordButton:hover{
    background: #FFF;
    margin: 4px 2px;
    color: red;
    font-weight: bold;
    border: 3px solid red;
    border: 1px solid rgb(0, 154, 13);
    box-shadow: 1px 2px 20px 10px #c60202;
    }

.doNotDeleteRecordButton{
	border-radius: 4px;
	background: none;
	border: 1px solid rgb(0, 154, 13);
	color: rgb(0, 154, 13);
	padding: 3px 9px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	box-shadow: 1px 2px 10px 1px #888888;     
	}

.doNotDeleteRecordButton:hover{
	background: #e1fee2;
	background: none;
	margin: 5px 1px 3px 3px;
	border: 1px solid rgb(0, 154, 13);
	box-shadow: 1px 2px 15px 1px #fcf0f0;
	}

.errorText{
	color: red;
	}
	
		/* Button 35 */
	
	.borderedButton-35 {
	  align-items: center;
	  background-color: #fff;
	  border-radius: 12px;
	  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .1) 0 6px 20px;
	  box-sizing: border-box;
	  color: #3558c7;
	  cursor: pointer;
	  display: inline-flex;
	  flex: 1 1 auto;
	  font-family: Inter,sans-serif;
	  font-size: 2rem;
	  font-weight: 500;
	  justify-content: center;
	  line-height: 1;
	  margin: 0;
	  outline: none;
	  padding: 1rem 1.2rem;
	  text-align: center;
	  text-decoration: none;
	  transition: box-shadow .2s,-webkit-box-shadow .2s;
	  white-space: nowrap;
	  border: 1px solid #CCC;;
	  user-select: none;
	  -webkit-user-select: none;
	  touch-action: manipulation;
		}
	
	.borderedButton-35:hover {
	  box-shadow: #121212 0 0 0 3px, transparent 0 0 0 0;
        text-decoration: none;
		}	
	
	
	
/* end admin back-end formatting */
/*

adminListTableEditButtonHeaderCell
regIDLisColumnLabel
adminListTableEditButtonAltBackground

*/



.style1r{
	color: red;
	font-weight: bold;
	}	

.regformTable{
    border: 2px solid #000;
    border-collapse: collapse;
	}

.regformTable td{
    border: 1px solid #DDD;
	}

#backButton{
    float: left;
    margin: 5px;
	}

.regformTable{
    border: 1px solid #777;
    border-radius: 8px;
    border-collapse: collapse;
	}

.regformTableAltBackground{
    background-color: #EEE
	}

.regformTableHeaderRowBackground{
    background-color: #edf4f7;
	}

.regformTable {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 350px;
	}
	
.regformTable tr th,
.regformTable tr td {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 5px;
	}

.regformTable tr th:first-child,
.regformTable tr td:first-child {
	border-left: 1px solid #bbb;
	}

.regformTable tr th {
	background: #eee;
	border-top: 1px solid #bbb;
	text-align: left;
	}

/* top-left border-radius */
.regformTable tr:first-child th:first-child {
	border-top-left-radius: 6px;
	}

/* top-right border-radius */
.regformTable tr:first-child th:last-child {
	border-top-right-radius: 6px;
	}

/* bottom-left border-radius */
.regformTable tr:last-child td:first-child {
	border-bottom-left-radius: 6px;
	}

/* bottom-right border-radius */
.regformTable tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
	}
	
.thumbs{
    float: left;
    width: 150px;
    height: 100px;
    overflow: hidden;
    margin: 10px 5px;
    padding: 0px 0px 0px 0px;
	}

.thumbs :hover{
    padding: 0px 0px 0px 0px;
    border: 2px solid #a8803b;
	}
	
.backToCatButton a{
    padding: 3px;
    margin: 5px;
    border: 2px solid #AAA;
    border-radius: 5px;
    text-decoration: none;
	}

.backToCatButton a:hover{
    border: 2px solid #7360eb;
	}

#headerPhone{
    float: right;
    margin: -60px 30px 0 0;
    color: #FFF;
    font-size: 2.5em;
	}


.footerText{
    font-size: 1.2em;
    color: #666;
	}

.copyrightText{
    font-size: .8em;
    color: #444;
	}

#navPhone{
	display: none;
	}

.numRecordsNumber{
    display: inline;
    color: red;
    line-height: 3em;
    }

@media (min-width: 1024px){
	
	#navPhone{
		display: block;
		float: left;
		margin: -63px 30px 0 0;
		color: #555;
		font-size: 1.4em;
		}
	}/* @media (min-width: 1024px) */
/*	
input[type="radio"] {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(0deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%),
                      -webkit-linear-gradient(90deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%);
    border-radius: 10px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8),
                0 0 0 1px hsla(0,0%,0%,.6),
                0 2px 3px hsla(0,0%,0%,.6),
                0 4px 3px hsla(0,0%,0%,.4),
                0 6px 6px hsla(0,0%,0%,.2),
                0 10px 6px hsla(0,0%,0%,.2);
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 15px;
    position: relative;
    width: 15px;
    -webkit-appearance: none;
	}
input[type="radio"]:after {
    background-color: #444;
    border-radius: 25px;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                0 1px 1px hsla(0,0%,100%,.8);
    content: '';
    display: block;
    height: 7px;
    left: 4px;
    position: relative;
    top: 4px;
    width: 7px;
	}
input[type="radio"]:checked:after {
    background-color: #f66;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                inset 0 2px 2px hsla(0,0%,100%,.4),
                0 1px 1px hsla(0,0%,100%,.8),
                0 0 2px 2px hsla(0,70%,70%,.4);
	}
*/
input[type="radio"]
	{
    margin-right: 20px;
	}

input[type="checkbox"]
	{
    margin-right: 20px;
	}

.center-block
	{
    text-align: center;
	}
	
.subtitle
	{
    font-weight: bold;
	}

.address-bar
    {
    color: #000;
    font-size: 1.8em;
    font-weight: bold;
    }

.address-barSmall
    {
    max-width: 500px;
    margin: 5px auto;
    color: #000;
    text-align: center;
    font-size: 1.em;
    font-weight: bold;
    }

.alignRight50
    {
    float: right;
    max-width: 50%;
    margin-left: 18px;
    }

.pageHeader{
    font-weight: bold;
    font-size: 1.2em;
	}

.navbar-default .navbar-nav > li > a {
    color:#000;
    font-size: .8em;
	}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #000;
    background-color:transparent
	}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #000;
    background-color: #e7e7e7;
	}

.alignRightBox50{
    float: right;
    max-width: 50%;
    overflow: hidden;
	}

nav,.navbar-nav li a{
		padding: 10px;
		margin: 5px 5px 5px 5px;
		}

.img-margin-right{
    margin: 0 10px 10px 0;
	}

.img-margin-left{
    margin: 10px 0px 0px 10px;
	}

/* PANC Donation box  */
.kindful-embed-wrapper{
    height: 550px !important;
    }


.addRecordButtonSection{
    clear: both;
    margin: 10px 0;
    text-align: lef;
}