#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;}
.position-relative {position: relative !important;}

@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;
}
.tips-header-container {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
}
	


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

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

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


@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%; min-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}