.clearPanel {
	float: left;
    clear:both;
}

.fltLeft{
    float: left;
    clear: both;
}

.fltRight {
    float: right;
    clear: none;
    margin-right: 0;
}

img.fltLeft {
    float: left;
    margin: 0 2% 0 0;
}

img.fltRight {
    float: right;
    margin: 2% 0 2% 2%;
}

img.fltLeft, img.fltRight {
    padding: 1%;
    border: medium solid #e9e9e9;
    width: 30%;
    margin-right: 2%;
    margin-bottom: 1%;
}


/* css for TOGGLE Paragraphs*/

.toggle .fltRt {
	float: right;
	margin-right: 10px;
}

.toggle {
    clear:both;
    padding-top: 1%;
    list-style: none;
    margin-top: 0;
    font-size: 1.1em;
}

.extraToggle {
    padding-top: 0;
}

.toggleHeading, .toggleQuestion {
    text-align: center;
    padding: 0;
    padding: 1%;
    margin-bottom: 1%;
    background-color: rgb(227, 240, 250);
    font-size: 0.8em;
    font-weight: bold;
}

.toggleQuestion {
    text-align: left;
}

.toggleHeading:hover, .toggleQuestion:hover{
    background-color: #efefef;
	cursor: pointer;
}


.toggleText, .toggleAnswer{
    padding: 1%;
    margin-top: 1%;
    margin-left: 3%;
    font-weight: normal;
    width: 92%;
    font-size: 0.9em;
}

.toggle div p{
	margin-top: 0;
	margin-bottom: 1%;
	font-size: 0.9em;
	float: left;
}

.indentHighlight {
	margin-left: 4%;
	font-weight: bold;
}

.toggle a {
	text-decoration: none;
	font-size: 1em;
}


.toggle img.centerImage {
	margin: 0 30% 1%;
	width: 40%;
}


ul.bulletpoints, ul.numbered, ul.faIcon {
	margin-left: 2%;
}

ul.bulletpoints>li, ul.numbered>li, ul.faIcon>li{
	list-style: disc outside none;
	background-color: #FFF;
	font-size: 17px;
	padding: 0.5%;
	clear: left;
}

ul.numbered>li {
    list-style: decimal;
}

#myContent{
    margin-top: 1%;
}

.pageContent {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
}

.pageContent a {
    font-size: 1em;
    text-decoration: none;
}

.pageContent h6 {
    font-size: 0.9em;
    margin-top: 2%;
}

.pageContent p {
    margin-top: 2%;
    margin-bottom: 1%;
    width: 99.9%;
}

.pageContentReact form {
    background-color: transparent;
    padding: 0;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 100%;
    border: none;
}

.pageContentReact form textarea, .pageContentReact form input {
    font-family: Arial,sans-serif;
	color: #404040;
	font-size: 0.825em;
	line-height: 1.2em;
	width: 100%;
	padding: 0.5%;
		padding-top: 0.5%;
		padding-right: 0.5%;
		padding-bottom: 0.5%;
		padding-left: 0.5%;
	margin: 1% 0 0;
	height: auto;
	overflow: auto;
	resize: both;
	border: solid medium #e9e9e9;
}

.pageContentReact form textarea.toggle-heading {
    font-size: 1em;
}

.pageContentReact form textarea.form-heading, .pageContentReact h2 {
    width: 100%;
    font-weight: bold;
    line-height: 1em;
    margin: 1% 0;
    font-weight: bold;
    text-align: left;
    word-wrap: break-word;
	background-color: transparent;
	padding: 0;
    font-size: 1em;
}

.pageContentReact form textarea.form-heading, .pageContentReact h6 {
    width: 100%;
    font-weight: bold;
    color: #404040;
    font-size: 1em;
    line-height: 1em;
    font-size: 0.9em;
    margin: 1% 0;
    font-weight: bold;
    text-align: left;
    word-wrap: break-word;
}

.pageContentReact form textarea.form-heading{
    padding: 1%;
    padding-bottom: 0;
    margin-bottom: 0;
	background-color: #fff;
}

.pageContentReact button.myButton{ 
    width: 50px;
    height: 20px;
    color: #fff;
}

.pageContentReact .btnLeft, .pageContentReact .btnRight {
    clear: none;
    width: auto;
    margin: 0;
    padding: 1% 0;
}

.pageContentReact .btnLeft {
    float: left;
}

.pageContentReact .underInfoBox{
    clear: none;
    width: auto;
    margin: 0;
    padding: 0;
    float: left;
}

.pageContentReact #imgPreview img{
    padding: 1%;
    border: medium solid #e9e9e9;
    width: 10%;
    margin-right: 2%;
    margin-bottom: 1%;
	margin-top: 1%;
}

.pageContentReact #myNewPDF, .pageContentReact #myNewImage, .pageContentReact #myNewLink{
    color: red;
    font-weight: bold;
}

.pageContentReact #myNewPDF a span#thisPdf{
   margin-left: 5px;  
   font-weight: normal;
   vertical-align:top;
   line-height: 1.9em;
   font-size: 1em;
}

#myNewLink a{
    text-decoration: none;
	float: left;
	clear: both;
}

.pageContentReact #myNewLink a span.iconText{
   margin-left: 10px;  
   font-weight: normal;
   vertical-align:top;
   line-height:1.9em;
   font-size: 0.9em;
}

.pageContentReact .btnRight {
    float: right;
   
}

.pageContentReact .btnLeft button, .pageContentReact .btnRight button{
    cursor: pointer;
    background-color: #e9e9e9;
    color: #404040;
    font-weight: bold;
	font-size: 0.9em;
    padding: 3px 8px;
    margin-right: 10px;
    border: none;
}

.pageContentReact .btnLeft button.btnEditTop {
    cursor: pointer;
    background-color: #e9e9e9;
    color: #404040;
    font-weight: bold;
    padding: 5px 10px;
    margin-right: 10px;
    border: none;
}

.pageContentReact .btnRight button.btnSave {
    margin-right: 0;
}

.btnHide {
    display: none;
}

.pageContentReact .btnLeft button:hover,
.pageContentReact .btnRight button:hover,
.pageContentReact .btnLeft button.selectedBtn
{
    background-color: rgb(66, 66, 111);
    color: #FFF;
}

.pageContentReact .btnLeft button:disabled, .pageContentReact .btnRight button:disabled{
    cursor: default;
    background-color: #e9e9e9;
    color: #989898;
}

.pageContentReact .sectionsDiv {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}

.pageContentReact .toggle {
    padding-top: 0;
    margin-bottom: 1%;
	margin-top: 1%;
    font-size: 1em;
}

.pageContentReact .toggleHeading, .pageContentReact .toggleText {
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 0;
    margin-top: 1%;
	float: left;
	clear: both;
}

.pageContentReact .toggleText {
    font-size: 1em;
    width: 100%;
    margin: 0;
	margin-bottom: 2%;
    padding-top: 2%;
	border: solid medium #e9e9e9;
	border-top: none;
}

.pageContentReact div#modifyDiv, .pageContentReact p#sectionInfo {
    display: none;  
}

.pageContentReact #sectionInfo, .pageContentReact #updateMessage, .pageContentReact #topMessage{
    float: left;
    clear: both;
    margin: 1% 0;
    padding: 5px 2px;
    width: 99%;
    color: #cc2928;
    font-weight: bold;
}

.pageContentReact #updateMessage{
    display: none;
    border: 2px solid #e9e9e9;

}

.pageContentReact #sectionInfo{
    float: left;
    clear: both;
    padding: 0;
}

.pageContentReact p#sectionInfo:first-child{
    border-bottom: 2px solid #e9e9e9;
    margin: 1% 0;
    padding: 2% 0;
    width: 100%;
}

.pageContentReact .fa{
    margin-right: 1%;
}

.pageContentReact #sectionInfo a{
    cursor: pointer;
    color: #cc2928;
}

.pageContentReact button.arrowButton, .pageContentReact button.deleteButton,
.pageContentReact button.deleteToggleButton{
    cursor: pointer;
}

.pageContentReact button.arrowButton:hover{
     color: #cc2928;
}

.pageContentReact button.arrowButton{
     margin: 5px;
	 padding: 0;
	 font-size: 0.9em;
}

.pageContentReact button.deleteButton{
     color: #cc2928;
     background-color: #fff;
     padding: 5px;
     text-align: right;
     float: right;
     clear: both;
     margin-bottom: 3px;
     border: 2px solid #e9e9e9;
}

.pageContentReact button.deleteToggleButton{
    color: #cc2928;
     background-color: #fff;
     padding: 5px;
     text-align: right;
     float: left;
     clear: none;
     margin: 0 1% 0 1%;
    border: 2px solid #e9e9e9;
}

.deleteToggleBtnDiv {
    float: left;
    clear: none;
    margin-bottom: 2%;
}

span.deleteTogglePDFtext {
    width: auto;
    float: left;
    clear: none;
    margin-right: 2%;
}

.pageContentReact .editImage{
    clear: both;
    float: left;
    width: 30%;
}

.infoBox {
    margin: 1% 0;
    padding: 1%;
    clear: both;
	border: medium solid #e9e9e9;
	float: left;
	width: 100%;
}

.pageContentReact .pdfBox {
	background-color: transparent;
    padding: 1%;
    margin: 0 0 0.5% 0;
    clear: both;
	line-height: 1.8em;
    text-align: left;
}

.pageContentReact  .pdfBox img {
    clear: both;
    float: left;
    margin-left: 0;
    margin-right: 1%;
    border: none;
}

.pageContentReact .infoBox .pdfBox, .pageContentReact .infoBox .pdfBox img {
    clear: both;
}

.pageContentReact  #pdfForm .infoBox {
    padding-bottom: 1%;
	margin-bottom: 1%;
}

.pageContentReact  #imgForm .infoBox {
    padding-bottom: 1%;
	margin-bottom: 1%;
}

.pageContentReact .infoBox label,
.pageContentReact .infoBox input[type="file"],
.pageContentReact .infoBox input.form-link,
.pageContentReact .infoBox input.form-link-text {
	float: left;
    clear: both;
	margin: 1% 0;
}

.infoBox textarea, .infoBox input[type="text"], .infoBox input[type="textarea"],
form .infoBox input[type="text"], form .infoBox input[type="textarea"]{
border: medium solid #e9e9e9;
padding: 1%;
font-family: sans-serif;
}

.pageContentReact form.sectionsEdit {
	float: left;
}

.pageContentReact form.sectionsEdit div#addBtnDiv {
	margin-bottom: 1%;
}

.pageContentReact .buttonBox{
    padding: 0;
    padding-left: 1%;
    margin: 1% 0;
    max-width: max-content;
 }

.pageContentReact button.deleteButton:hover, .pageContentReact button.deleteToggleButton:hover {
     background-color: #e9e9e9;
}

.pageContentReact img.fltLeft, .pageContentReact img.fltRight{
    width: 30%;
	margin-top: 1%;
}

.pageContentReact img.fltRight{ 
    margin-right: 0;
}

.pageContentReact img.fltLeft{ 
    clear: right;
}

.pageContentReact img.order {
    padding: 1%;
    border: medium solid #e9e9e9;
    width: 30%;
    margin: 1% 0;
}

.pageContentReact img.edit {
    padding: 5px 0 0 0;
    width: 100%;
    border: none;
    margin: 0;
    float: left;
    clear: both;
}

.pageContentReact select.u-list {
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
    float: left;
}

.pageContentReact ul input.form-list {
    width: 96%;
}

.pageContentReact form input.form-list{
    width: 98%;
}

.dataDisplay{
    margin-top: 2%;
}

.dataDisplay a{
    text-decoration: none;
}

#docsList {
    margin-bottom: 10%;
}

.map {
    width: 100%;
    margin-top: 2%;
}

.FaCalendarBox{
    margin-top: 30px;
}