#searchCampaignID{
    font-size:14px;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
	height: 38px;
	margin: auto;
	width: 80px;
}
#searchCampaignID:focus{
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    width:130px;
}
.vert-input-search {
    width: 95% !important;
    margin: 5px auto 5px auto !important;
	display: block;
}
.white-link, .white-link:visited {text-decoration: none; color: white;}
.white-link:hover {text-decoration: none; color: ##c9c9c9 !important;}
.wrap { 
   white-space: normal;     
   white-space: -moz-normal;  
   white-space: -normal;       
   white-space: -o-normal;     
   word-wrap: break-word;      
}
.float-right {
	float: right;
}
.fade-modal {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.timeout-modal .modal-dialog {
	background: white;
}
.hover-container table {
	width: 100%;
}

fieldset{
	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;
}


.tutorial-container button {
	margin-bottom: 10px;
}

fieldset div{border:0px}
fieldset.w50p, .w50p{display:inline-block; width:48%; float:left;}
fieldset.w33p, .w33p{display:inline-block; width:31%;}
.flex100w {width: 100%;}
.flex {display: flex;}
.wflex, .wflex-reverse, .wflex-sm {display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start !important;}
.col-flex {width: 49%; display: flex; flex-direction: column; justify-content: flex-start}
.wflex-row {flex-direction: row;}
.wflex-col {flex-direction: column;}
.w20 {width: 20%;}
.w50{display:inline-block; width:50%; padding: 10px;}
.w33 {display:inline-block; width:33%; margin: auto;}
.w30 {display:inline-block; width:30%; margin: auto;}
.w48, .w48-narrow {display:inline-block; width:48%; padding: 1%;}
.width-48 {width:48%;}
.w49 {width:49%;}
.w40 { width: 40%;}
.w60 { width: 60%;}
.w38 { width: 38%;}
.w58 { width: 58%;}
.w45-short { width: 44%;}
.w55-short { width: 54%;}
.w100{display:inline-block; width:100%; margin: auto; padding:0px; margin-left: 10px;}
.width-100 {width: 100%;}
.width-50 {width: 50%;}
.w95{display:block; width:95%; margin: auto; padding:0px;}
.w90 {width: 90%; margin-left: auto; margin-right: auto;}
.w95 {width: 95%; margin-left: auto; margin-right: auto;}
.w98 {width: 98%; margin-left: auto; margin-right: auto;}
.fieldSetData{border:0px; margin:0px 20px; overflow-y:auto;}
.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;}
.margin-auto-x {margin-left: auto !important; margin-right: auto !important;}
.margin-auto-y {margin-top: auto !important; margin-bottom: auto !important;}
.button-container-100 {text-align: left; margin-bottom: 20px; margin-left: 10px;}
.auto-width { width: auto; }
.display-none {display: none;}
.w50 fieldset, .w48fieldset {padding-bottom: 15px !important;}
.card-width-adjust{width: 100%; margin: 20px auto;}
.fieldset-margin {margin: 0 auto 20px auto !important}
.fieldset-flex-wrap {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.fieldset-flex-48 { width: 48%; }
.fieldset-wrapper {width: 100%;display: flex; flex-direction: row;}
.br-5 { border-radius: 5px !important; }
.br-3 { border-radius: 3px !important; }
.inline {display: inline;}
.inline-block {display: inline-block;}
@media screen and (max-width: 1200px) {
	.w45-short,
	.w55-short { 
		display:inline-block; width:100%; margin: 0px auto 10px auto ; padding:0px;
	}
	.wflex-sm {flex-direction: column; justify-content: center; align-items: center;}
}

@media screen and (max-width: 895px) {
	.wflex {flex-direction: column; justify-content: center; align-items: center;}
	.wflex-reverse {flex-direction: column-reverse; justify-content: center; align-items: center;}
	.w50, .w48 {display:inline-block; width:98%; margin: auto; padding:0px;}
	.w50 fieldset {margin: 0 0 10px 0 !important;}
	.w100 { margin-left: 0;}
	.button-container-100 {width: 98% !important; margin: auto;}
	.col-flex {width: 100%;}
		#proposalDataContainer #mappingLayer {
		flex-basis: 100%;
		width: 100%;
	}	
	.fieldset-flex-48 { width: 98%; }
	
}

@media screen and (max-width: 895px) {
	.wflex-sm {flex-direction: column; justify-content: center; align-items: center;}
	.w49 {display:inline-block; width:100%; margin: auto; padding:0px;}
}

.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;
}

.wrap-input {
	width: 100%;
	position: relative;
	background-color: #fff;
	margin: 0px;
	border-radius: 5px;
}
.form-input {
	display: block !important;
	width: 100% !important;
	background: transparent !important;
	font-family: sans-serif !important;
	font-size: 15px !important;
	color: #43383e !important;
	line-height: 1.2 !important;
	padding: 0 5px !important;
}
.wrap-input .labeled-input {
	height: 30px !important;
	padding: 0 0 0 30px !important;
}
#inlineAutosuggest {
	height: 0px;
	display: none;
}
.label-input {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 30px !important;
	height: 30px !important;
	position: absolute !important;
	top: 5px !important;
	left: 0 !important;
	cursor: pointer !important;
	font-size: 12px !important;
	color: #999999 !important;
	background: transparent !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}


.headerSelectItem{display:inline-block; vertical-align:middle; padding:10px 10px 10px 10px; min-width:150px; width:10%; z-index:999999;}
  .gb{background:#9D833E}
  .pb{background:#D93D7A}
  .tb{background:#00B0A3}
  .contactRow{display:none;}


  .header-container {
	  width: 100%;
	  display: flex;
	  flex-direction: row;
	  justify-content: space-evenly;
  }
  .header-card {
	  width: 31%;
	  padding: 15px; 
	  border-radius: 5px;
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  min-height: 120px;
	  box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.2 );
  }
  .campaign-admin-tooltip {
	position: absolute;
	top: 5px;
	right: 5px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background-color: #9D833E;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .campaign-admin-tooltip-text {
	font-size: 14px;
	color: white;
	font-weight: bold;
  }
  .brown-card {
	background: rgba(157, 131, 62, .4);
  }
  .teal-card {
	background: rgba(0, 176, 163, .4);
  }
  .teal-btn {
	background: rgba(0, 176, 163, 1);
	color: white;
  }
  .teal-btn:hover {
	background: rgba(0, 150, 140, 1) !important;
	color: white;
  }
  .pink-card {
	background: rgba(217, 61, 122, .4);
  }
 
  .icon-container {
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  align-items: center;
	  width: 20%;
  }
  .header-content-container {
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	  align-items: flex-start;
	  width: 80%;
	  font-size: 20px !important;
  }
  .header-item-icon{
		font-size: 20px;
	   display: inline-block;
      border-radius: 60px;
      box-shadow: 0px 0px 2px #888;
      padding: 0.8em 0.9em; z-index:999999;
		width: 53px;
		height: 53px;
		margin: 5px 10px 5px 0;
		z-index:99;
  }

  .header-item-title{color:#606060; font-size: 18px !important; margin-bottom: 5px;}
  .header-item-value{font-size:20px !important; z-index:99; width: 100%; font-weight: bold;}
  .header-item-value br {
			display: none;
		}
	.header-item-value b {
		margin-right: 5px;
	}


  @media screen and (max-width: 1300px) {
		.icon-container {
			width: 30%;
		}
		.header-content-container {
			width: 70%;
		}
		.header-item-value{font-size:16px;}
  }
	@media screen and (max-width: 1000px) {
		.header-item-icon{
			font-size: 24px;
			width: 65px;
			height: 65px;
	}
		.header-container {
			flex-direction: column;
			justify-content: center;
		}
		.header-card {
			width: 95%;
			margin: auto;
			margin-bottom: 10px;
			min-height: inherit;
		}
		.icon-container {
			width: 20%;
			min-width: 85px;
		}
		.header-content-container {
			width: 80%;
		}

		.header-item-value{
			font-size:20px;
		}
	}

	@media screen and (max-width: 450px) {
		.header-item-value{
			font-size:17px;
		}
	}

.noLegend{padding:25px 0px;}
.legend{
	padding:16px 20px;
	min-height:50px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
	background-color:#f8f9fc;
	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-container {
	background-color: white !important;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15 )!important;
}
.company-legend {
		margin-bottom: 0px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
.hover-modal .fieldset-margin .legend {
	padding-right: 35px;
}

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;}
.bold {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}


.read-only-input {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: #e3e4e7 solid 1px;
	 border-radius:3px;
	 background-color:#fafafa;
	 color:#000;
	 width:100%;
	 padding:8px;
	 font-weight:200;
	 cursor: not-allowed;
}
textarea, input[type=text], input[type=password], input[type=email] 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;
}

div.spreadsheetCell, input.spreadsheetCell, textarea.spreadsheetCell{width:100%; height:45px !important; border:0px !important; font-size:11px; margin:0px !important; border-radius:0px; padding:5px 3px !important; vertical-align:middle !important;}
div.spreadsheetCell:not(:disabled):not(.disabled):not(.inputError), input.spreadsheetCell:not(:disabled):not(.disabled):not(.inputError), textarea.spreadsheetCell:not(:disabled):not(.disabled):not(.inputError){background-color: transparent !important}

div.spreadsheetCell:focus, input.spreadsheetCell:focus, textarea.spreadsheetCell:focus{border:0px !important; font-size:11px; color:#000; background-color:#cee1f8 !important;}
// div.spreadsheetCell:hover, input.spreadsheetCell:hover, textarea.spreadsheetCell:hover {background-color:#ebf4ff !important}
div.spreadsheetCell {display: flex; align-items: center;}

input.spreadsheetCell:focus, textarea.spreadsheetCell:focus ~ div.spreadsheetCell{border:0px !important; font-size:11px; color:#000; background-color:#cee1f8 !important;}
// input.spreadsheetCell:hover, textarea.spreadsheetCell:hover ~ div.spreadsheetCell {background-color:#ebf4ff !important}
select[multiple]{background:none;}

.specSheetURL.spreadsheetCell {
	justify-content: center;
}

.media-grid .non-media-row td:not(.inputError),
.media-grid .non-media-row input:not(.inputError),
.media-grid .non-media-row textarea:not(.inputError),
.non-media-row
{
	background: #f5f3dc !important;
}

.media-grid .unlockedApexRow td:not(.inputError),
.media-grid .unlockedApexRow input:not(.inputError),
.media-grid .unlockedApexRow textarea:not(.inputError),
.media-grid .unlockedApexRow {
    background: #fee2c8 !important;
}

.media-grid .non-media-row.unlockedApexRow td:not(.inputError),
.media-grid .non-media-row.unlockedApexRow input:not(.inputError),
.media-grid .non-media-row.unlockedApexRow textarea:not(.inputError),
.non-media-row.unlockedApexRow
{
	background: #fceac4 !important;
}
/* .media-grid .non-media-row textarea:not(.inputError) {
    background: #f5f3dc !important;
} */

#responseTable tr:nth-child(odd) input.inputError, textarea.inputWarning  {background-color:#faa4a4 !important;}
#responseTable tr:nth-child(even) input.inputError, textarea.inputWarning  {background-color:#fbb6b6 !important;}

#responseTable tr:nth-child(odd) input.inputWarning, textarea.inputWarning {background-color: #ffffcc !important;}
#responseTable tr:nth-child(even) input.inputWarning, textarea.inputWarning {background-color:#FFFFE0 !important;}

#responseTable tr:nth-child(odd) input.parentMismatch, textarea.parentMismatch{background:#faa4a4 !important;}
#responseTable tr:nth-child(even) input.parentMismatch, textarea.parentMismatch{background:#fbb6b6 !important;}

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, span.selectRequired{
	border:solid 2px #9D833E !important;
	background-color:#FFFFE0 !important;
}

input.mx-required, select.mx-required, textarea.mx-required, select:not([multiple]).mx-required, select:not(.tinyeditor-font):not(.tinyeditor-size):not(.tinyeditor-style).mx-required{
	border:solid 1px #9D833E !important;
	background-color:#FFFFE0 !important;
}


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

.tab{background-color:#e8eaed !important;}
div.tabcontent{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 {
	border:0px;
	background:transparent;
	box-shadow: none;
}



.closeHoverdiv{
	position:absolute;
	top: 8px;
	right: 10px;
	height: 30px;
	cursor: pointer;
	height:auto;
	cursor:pointer;
	background-color:transparent;
	border-radius:0px;
	border:0px;
}

.edit-tutorial-fieldset i {
	right: 40px;
}


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

.pager-container {
    width: 100%;
    padding: 10px 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

.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;}

input.autocomplete {padding-left: 35px !important;}

.xdsoft_datetimepicker {
	z-index: 9999999999999;
}

.pill-toggle {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 26px;
  background: #ccc;
  border-radius: 12px;
  transition: background 0.3s;
  user-select: none;
}

.pill-toggle:not(.grey-pilll){
	background: red;
}

.pill-toggle input {
  display: none;
}

.pill-toggle .slider-ball {
  position: absolute;
  left: 0px;
  top: 3px !important;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.3s;
  transform: translateX(3px);
}

.pill-toggle-all .slider-ball {
  top: 3px !important;
}

.slider-ball:before {
	display: none;
}
.slider-ball.active {
  transform: translateX(27px);
}

.pill-toggle:not(.grey-pilll):has(.slider-ball.active) {
  background: green;
}
.grey-pill {
	background: grey !important;
}

.hoverDiv .legend {
		color: black;
		background: white;
		border-bottom: 1px solid rgb(233, 236, 239);
	}
	.hoverDiv .closeHoverdiv {
		color: #C0C0C0;
	}
	.edit-tutorial-fieldset > .legend > .hoverDiv, 
	.edit-tutorial-fieldset > .legend > .closeHoverDiv {
		right: 50px;
	}
	.hover-div-submit-container {
		display: flex;
		justify-content: flex-end;
		padding: 1rem 0;
	}
	.hoverDiv  .addNewBtn {
	margin-right: 30px;
	}


	.market-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	}

	.market-container-left {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

	.market-container-right {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.market-button-container {
	margin-top: 20px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.rfp-downlad-btn {
	margin: 5px 2px !important;
	float: inherit !important;
	white-space: nowrap;
	height: 35px;
}

.market-button-container button {
	width: 100px;
	margin: 0 5px;
}

.visibility-checkbox-container {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.visibility-checkbox {
	display: flex;
	flex-direction: row;
	margin: 15px;
	align-items: center;
}
.visibility-checkbox label {
	margin-right: 10px !important;
}
.visibility-checkbox input {
	height: 20px;
	width: 20px;
}
.location-list-list {
	color: #999999;
}
.list-with-locations {
	rgba(170, 242, 61, 0.9);
}

.green-list {
	color: rgb(110, 179, 5);
	border-color: rgb(170, 242, 61);
	box-shadow: 0 0 10px rgba(170, 242, 61, 0.9);
}
.orange-list {
	color:rgb(199, 166, 1); 
	border-color: rgb(255, 240, 27);
	box-shadow: 0 0 10px rgba(255, 240, 27, 0.85);
}

.replacement-btn-container button {
	width: 100%;
}

.error-red {
	border: 1px solid #ff0000 !important;
}
.error-text {
	color: #ff0000 !important;
}
.success-text {
	color: #4ed34e !important;
}
.neutral-text {
	color: #878787 !important;
}
.warning-text {
	color: #d47e06 !important;
}
.p-1pc {padding: 1%;}
.m-1pc {margin: 1%;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mr-10{margin-right: 10px !important;}
.ml-10{margin-left: 10px !important;}
.mr-5{margin-right: 5px !important;}
.ml-5{margin-left: 5px !important;}
.mb-0 {margin-bottom: 0px !important}