.flex100w {
    width: 100%;
}
.gray-bg {background-color:#f2f3f7 !important;}
.no-x-margin {margin-left: 0px; margin-right: 0px;}
.wflex, .wflex-reverse, .wflex-sm {display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start !important;}
.nml {margin-left: 0px;}
.f-wrap {flex-wrap: wrap;}
.w50flex{display:inline-block; width:50%;}
.w48flex{display:inline-block; width:48%;}
@media screen and (max-width: 895px) {
	.wflex {flex-direction: column; justify-content: center; align-items: center;}
	.w50flex {width:100%; margin: auto; padding:0px !important;}
	.w48flex {width:98%; margin: auto; padding:0px;}
}
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w33 { width: 33%; }
.w30 { width: 30%; }
.w20 { width: 20%; } 
.w10 { width: 10%; }		
.w100{display:inline-block; width:100%; margin: auto; padding:0px;}
.w90{display:inline-block; width:90%; margin: auto; padding:0px;}
.w98 {width: 98%; margin-left: auto; margin-right: auto;}
.button-container-100 {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.fieldSetData{border:0px; margin:0px 20px; overflow-y:auto;}
.flex-wrap {flex-wrap: wrap;}
.space-around {justify-content: space-between;}
.flex-start-horiz {justify-content: flex-start;}
.flex {display: flex;}
.col-flex {width: 49%; display: flex; flex-direction: column; justify-content: flex-start}
.wflex-row {flex-direction: row;}
.wflex-col {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}
.align-center {align-items: center}
.align-top {align-items: flex-start}
.text-align-center {text-align: center !important;}
.text-align-left {text-align: left !important;}
.text-align-right {text-align: right !important;}
.justify-center {justify-content: center;}
.space-around {justify-content: space-around;}
.space-between {justify-content: space-between;}
.flex-start {justify-content: flex-start;}
.flex-end {justify-content: flex-end;}
.flex-align-start {align-items: flex-start;}
.flex-align-center {align-items: center;}
.flex-align-end {align-items: flex-end;}
.space-evenly {justify-content: space-evenly;}
.pad-0 {
	padding: 0px;
}
.pad-10 {
	padding: 10px;
}
.pad-t-10 {
	padding-top: 10px;
}
.pad-b-10 {
	padding-bottom: 10px;
}

.marg-0 {
	margin: 0px;
}
.marg-10 {
	margin: 10px;
}
fieldset , .fieldset-style {
	border:solid #e3e4e7 1px;
	border-radius:calc(.35rem - 1px) calc(.35rem - 1px) 0 0 !important;
	margin:0px 12px 25px 12px;
	padding:0px 0px 10px 0px;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15 )!important;
}
fieldset div{border:0px}
fieldset.w50p, .w50p{display:inline-block; width:48%; min-width:350px; float:left;}
fieldset.w33p, .w33p{display:inline-block; width:31%; min-width:350px; float:left;}
.w50{display:inline-block; width:48%; min-width:350px; float:left; padding-right:25px;}
.card-width-adjust{width: 100%; margin: 20px auto;}
.fieldSetData{border:0px; margin:0px 20px; overflow-y:auto;}
fieldset.w100p {display:inline-block; width:100%; margin: auto;}
.noLegend{padding:25px 0px;}
.legend{
	padding:16px 20px;
	margin:0px 0px 10px 0px;
	background-color:#f8f9fc;
	border-bottom:#e3e4e7 solid 1px;
	font-size: 2rem;
	font-weight: 700!important;
	z-index:1 !important;
	font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.legend-title {

}
.legend-flex {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
fieldset.mapFieldset div.fieldSetData{padding:0px 10px 0px 10px;}
fieldset.mapFieldset div.legend{padding:8px 10px; font-size: 1.5rem; margin-bottom:5px }

.boldFont div{font-weight:bold;}

.hoverHeadBtn{margin-right:35px}

label{width:100% !important; background-color:inherit !important; text-align:left !important; padding:0px !important; margin:12px 0px 3px 0px !important; font-weight:300 !important; font-size:16px}

textarea, input[type=text], input[type=password], input[type=file], select, select:not([multiple]), select:not(.tinyeditor-font):not(.tinyeditor-size):not(.tinyeditor-style){
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: #e3e4e7 solid 1px !important; border-radius:3px; background-color:#fff !important; color:#000 !important; width:100%; padding:8px !important;  font-weight:200 !important;
}
select[multiple]{background:none;}

select{
	background: #fff url('/images/dropdown.png') no-repeat;
    background-size: 20px;
    background-position:  right 10px center;
}

select.tinyeditor-font, select.tinyeditor-size, select.tinyeditor-style{width:75px; padding:2px 2px !important;}

input[type=text]:focus, textarea:focus, select:focus{ background-color:#fafafa !important; font-color:#000 !important; border: #e3e4e7 solid 1px !important; font-weight:200 !important;}

	input.required, select.required, textarea.required, select:not([multiple]).required, select:not(.tinyeditor-font):not(.tinyeditor-size):not(.tinyeditor-style).required{
		border:solid 2px #686868 !important;
		background-color:#f6f3e9 !important;
	}

input.autocomplete{width:75%}

.switch {
  position: relative;
  display: inline-block;
  width: 60px !important;
  height: 34px !important;
}

.tab{background-color:#e8eaed !important;}
div.tabcontent{background-color:#f2f3f7 !important; padding-right:30px;    }

.content{
	background-color:#f2f3f7 !important;
}
.section{margin:0px; padding:0px;}

	.fade{
		display: none; /*--hidden by default--*/
		background:#666;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .80;
		z-index: 95;
	}

.hoverDiv-row{border:0px; background:transparent; box-shadow: none; display: flex; flex-direction: row; justify-content: center; align-items: center;}

.closeHoverdiv{
	position:absolute;
	top:auto;
	right:40px;
	margin-left:65px;
	height:auto;
	cursor:pointer;
	background-color:transparent;
	border-radius:0px;
	border:0px;
}

	.datagrid {
		padding:0px;
		width:100%;
		border:1px solid #e3e4e7;
		margin-bottom:20px;
	}

	.datagrid thead tr th{
		background-color:#fff;
		color: #686868 !important;
		border:1px solid #e3e4e7;
		border-bottom:3px solid #e3e4e7;
		padding:10px 14px 10px 14px;
		text-align:left;
		font-size:14px; !important
		font-family: "Roboto", sans-serif;
		font-weight:bold;
	}
	.datagrid thead tr th:hover{color: #686868 !important;}
	.datagrid tbody tr td{
		padding:10px 14px 10px 14px;
		font-size:14px;
		font-weight:200;
		vertical-align:middle;
		border:1px solid #e3e4e7;
	}
	.datagrid tbody tr:nth-child(even) {
		background: #fafafa
	}
	.datagrid tbody tr:nth-child(odd) {
		background: #f2f2f2
	}
	tr.datagridError:nth-child(even) {
		background: #ffbcbc !important
	}
	tr.datagridError:nth-child(odd)  {
		background: #ffe4e4 !important;
	}
	.datagrid tbody tr:hover {
		background:#bfdff6 !important;
	}

	.pagination_container{
		margin:0px 0px 8px 0px;
		font-size:14px;
		float:right;

	}
	.pagination_nav{
	}
	.pager_number, .pager_next, .pager_prev{
		background:#ffffff;
		text-decoration:none;
		padding: 10px 16px 10px 16px;
		border-radius:0px;
		border:1px solid #e3e4e7;
	}
	.pager_number:hover, .pager_next:hover, .pager_prev:hover{
		border:solid #eee 1px;
		background:#eee;
		text-decoration:none;
	}

	.pager_current{
		background:#f8f9fc;
		color:#000 !important;
		cursor:default;
	}
	.pager_current:hover{
		background:#e3e4e7;
		cursor:default;
	}





	.warningMessage .header{font-size:16px; padding-top:15px;}
	.warningMessage .warningContent{font-size:13px;}

.email-filter-container,
.proposal-filter-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
}
.email-filter-container {
	justify-content: space-between;
	font-size: 15px;
}
.status-tablinks {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: inherit !important;
	font-family: "Roboto", sans-serif;
	border: none;
	border-radius: 0px;
	outline: none;
	cursor: pointer;
	padding: 11px 16px !important;
	transition: 0.3s;
	text-decoration: none;
	color: #666 !important;
}
.status-tablinks.active {
	background-color: #545454 !important;
	color: #fff !important;
}
.status-tablinks:hover {
	background-color: #c4c4c4 !important;
	text-decoration: none !important;
	color: #666 !important;
}


.flex-vert-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flex-horiz-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.no-bg {
	background: none;
}
.no-border {
	border: none;
}
.no-margin {
	margin: 0px;
}
.no-padding {
	padding: 0px;
}
.pb-10 {
	padding-botton: 10px;
}
.pb-20 {
	padding-botton: 20px;
}
.pb-30 {
	padding-botton: 30px;
}
.pb-40 {
	padding-botton: 40px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.p-20 {
	padding: 20px;
}