/* Vendor Side Overrides */
.sidebar {
    background: white;
}
.side-left {
    width: 130px;
}
.brand-logo {
    max-width: 100px;
}
 #content, #content.content{
     position:relative;
     background:#FFF !important;
     margin-left: 130px;
     border-radius:2px;
     padding:10px !important;
     margin-bottom:60px;
}
#digitalContainer.fieldSetData,
#staticContainer.fieldSetData {
    overflow-y: visible
}
.sidebar > li > a:hover {
    text-decoration: none !important;
    color: #f00 !important;;
}
.onlyIfSubmittingDOA {
    /* transform: scale(1.5); */
}
 /* ----- */
.pb {
    background: inherit !important;
}
h3{
    margin-bottom:5px;
}
 .successMessage{
    margin-bottom:40px !important;
     color:#000;
     padding:50px !important;
     border:solid 3px !important;
}
 body{
    margin:auto;
     font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
     background-color:#fff !important;
}
 textarea{
     width:100%;
     border:solid #CCC 1px;
     padding:5px 5px 5px 5px;
     font-family:Arial, Helvetica, sans-serif;
}
 h3{
    margin-left:0px;
}
 section{
     background:#fff !important;
}
 #mainContain{
     width:100%;
     margin:auto;
     background:#fff;
}
 #headerContent{
     width:1000px;
     margin:auto;
     color:#F00;
     padding:7px 0px 0px 0px;
     font-size:24px;
     font-weight:bold;
}
 .headerContact{
    font-size:13px;
     padding-left:15px;
}
 #header{
     position:fixed;
     top:0px;
     height:50px;
     width:100%;
     background:#CCC;
}
 .formElement{
     margin-bottom:5px;
}
 .formElement label{
     width:150px;
}
 .redText{
     color:#ed1c24;
     font-weight:bold;
     margin:0px 5px 0px 5px;
}
 #footerContent{
     width:1000px;
     margin:12px auto 0px auto;
     text-align:center;
     font-size:13px;
}
 #footer{
     position:fixed;
     bottom:0px;
     left:0px;
     height:40px;
     width:100%;
     background:#CCC;
}
 .pagination_container{
     margin:0px 0px 8px 0px;
     font-size:14px;
}
 .pagination_nav{
}
 .pager_number, .pager_next, .pager_prev{
     border:solid #eee 1px;
     background:#ffffff;
     text-decoration:none;
     padding: 6px 12px 6px 12px;
     border-radius:5px;
}
 .pager_number:hover, .pager_next:hover, .pager_prev:hover{
     border:solid #eee 1px;
     background:#eee;
     text-decoration:none;
}
 .pager_current {
     color: #000 !important;
     cursor:default;
}
 .pager_current:hover {
     cursor: default;
}
 .briefDueDate {
    float:right;
     color:#f00
}
.sidebar > li,
.sidebar > li > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sidebar > li  {
    padding: 10px 0 5px 0 !important;
}
.sidebar-text {
    margin-top: 5px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-out;
    text-decoration: none;
    transform: translateY(-10%);
    font-weight: 500;
}
.sidebar-item:hover .sidebar-text {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease-in;
    text-decoration: none;
    transform: translateY(0%);
}
.sidebar-icon {
    transition-duration: .3s;
}
.sidebar-item:hover .sidebar-icon {
    color: #34A853 !important;
    transition-duration: .3s;
}
 #proposalDetails{
     background:#fff;
     width: 100%;
}
 #proposalContent{
     color:000;
     width:95%;
     margin:auto;
     display: flex;
     justify-content: space-around;
     padding-bottom: 20px;
}
 .headerItem{
     display:flex;
     justify-content: flex-start;
     align-items: center;
     min-width:230px;
     width:30%;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     border-radius: 5px;
}
.headerIconContainer {
    width: 20%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#campaignIcon {
    background-color: #EA4335;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#clientIcon {
    background-color: #34A853;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#flightIcon {
    background-color: #3E77B5;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
 .headerItemContainer {
    width: 80%;
    display:flex;
    flex-direction: column;
    padding: 10px;
}
 .headerItemTitle{
    color:#b8b8b8;
	font-size: 1.2em;
	margin-bottom: 8px;
}
 .headerItemValue{
    font-size:20px;
}
 .headerItemIcon{
     font-size:25px;
     padding: 0.8em 0.9em;
 }
 .campaignName{
     font-size:25px;
     font-weight:100;
}
 .newMarket{
     font-weight:bold;
     font-size:18px;
     background:#D4D4D4;
}
 .rfpDataHeader th{
     background:#555 !important;
     color:#fff !important;
}
 .shoppingCenterName{
     padding-left:20px !important;
}
 .campaignName{
     font-size:25px;
     font-weight:bold;
     padding:20px 0px 10px 0px;
}
 .fightDates{
     float:right;
     font-size:21px;
     font-weight:bold;
}
 .propoosalDisclaimer{
     width:100%;
     font-size:15px;
}
 .btn{
     background:#ebebeb;
     border:solid #999 1px;
     padding:6px 15px 6px 15px;
     border-radius:2px;
}
 .btn:hover{
     background:#e8ffe9;
     border:solid #50b055 1px;
}
 .errorMessage{
     background:#ffc7c7;
     border:solid #F00 1px;
     padding:0px 0px 5px 0px;
     margin-bottom:10px;
}
 .errorMessage .header{
     background:url(../images/error_header.png);
     padding:5px 5px 5px 5px;
     font-weight:bold;
     color:#FFF;
}
 .errorMessage .errorContent{
     padding:5px 15px 5px 15px;
}
 .successMessage{
     background:#eaffea;
     border:solid #4cbb4e 1px;
     padding:5px 15px 5px 15px;
     margin-bottom:5px;
}
 .warningMessage{
     background:#f6ffbd;
     border:solid #000 1px;
     margin-bottom:5px;
}
 .warningMessage .header{
     background:url(../images/warning_header.png);
     padding:5px 5px 5px 5px;
     font-weight:bold;
     color:#000;
}
 .warningMessage .warningContent{
     padding:5px 0px 5px 15px;
}
 .noGo{
     color:#CCC;
}
 #userMessage{
     display:none;
     font-size:16px;
     padding-bottom:10px;
}
 .cellNotice{
     font-size:16px;
}
 #downloadContainer{
     margin:0px 0px 0px 0px;
     text-align:right;
}
 #downloadContainer a{
     text-decoration:none;
     font-size:20px;
     font-weight:bold;
     margin-top:5px;
}
 #downloadContainer a:hover{
     text-decoration:underline;
}
 .xData{
     display:none;
}
 .hoverDiv{
     border:solid #000 1px;
     background:#FFF;
     padding: 10px 5px 10px 5px;
     border: 2px solid #ebebeb;
     float: left;
     font-size: 1.2em;
     position: absolute;
     left: 50%;
     z-index: 9998;
    /*--CSS3 Rounded Corners--*/
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .ui-autocomplete {
     z-index:9999 !important;
}
 .closeHoverdiv{
     position:absolute;
     top:0px;
     right:0px;
     height:30px;
     cursor:pointer;
}
 .fade{
     position:fixed;
     top:0px;
     left:0px;
     opacity:.40;
     width:100%;
     height:100%;
     background:#000;
}

.popTable tr th{
	padding:13px;
	font-weight:bold;
	background:#333;
	color:#FFF;
	border:solid 1px #333;
}
.popTable tr td{
	padding:13px;
	border:solid 1px #666;
}
.popFdRow{
	border-left:#FFF !important;
	border-right:#FFF !important;
	font-weight:bold;
	padding-top:35px !important;
	padding-bottom:5px !important;
	border-top:#FFF !important;
	font-size:26px;
}
.popSample{
	position:absolute;
	top:0px;
	left:0px;
	padding:8px 0px 8px 0px;
	width:100%;
	opacity:0.5;
	background:#333;
}
.popSampleText{
	position:absolute;
	top:0px;
	left:0px;
	padding:8px 0px 8px 0px;
	width:100%;
	padding-left:15px;
	font-weight:bold;
	color:#FFF;
}
.nlb{
	border-left: 0px !important;
}
.nrb{
	border-right: 0px !important;
}
.marketHeader{
	background:#666;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
}
.floatingHeader {
	position: fixed;
	top: 0;
	background:#FFF;
	z-index:100;
}
.phFd1{
	width:490px;
	border-right:0px !important;
}
.phFd2{
	width:338px;
	border-left:0px !important;
	border-right:0px !important;
}
button, input[type=button], input[type=submit]{
	padding:5px 10px 5px 10px;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:solid #fff 1px;
	background:rgb(60, 141, 188);
	color:#fff;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}
button:hover{
	background:#296f98;
}
button.cancel, input[type=button].cancel{
	background:#ffb4b4;
}
button.largebutton{
   font-size:16px;
	padding:8px 25px 8px 25px;
}
.popUnitNumber{
	font-size:26px;
	font-weight:bold;
	color:#1e995b;
}
.locationDetails table{
	margin-left:10px;
}
.locationDetails table tr td{
	border:0px !important;
	padding:0px !important;
	font-size:12px;
}
.agencyName{
   float:right;
	font-weight:100;
	font-size:13px;
	font-style:italic;
}
.main-footer{
   position:fixed;
	bottom:0px;
	width:100%;
	left:0px;
	padding-left:115px;
}

.w-split {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.searchTools {
    display: flex; /* or inline-flex */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.searchTool{min-width:250px;}
.searchToolTitle{font-weight:bold; font-size:14px}
  
  

@media screen and (max-width: 1500px) {
    .w50 {
        width: 100%;
        margin: 0px 12px 25px 12px;
        padding: 0px 0px 10px 0px;
    }
}

@media screen and (max-width: 1370px) {
    .headerItemIcon{
        font-size:23px;
        padding: 0.8em 0.9em;
    }
    .headerIconContainer {
        width: 25%;
    }
    .headerItemContainer {
        width: 75%;
    }
    .headerItem {
        width: 32%;
    }
}
@media screen and (max-width: 1050px) {
	.headerItem {
		min-width: 170px;
		padding-right: 5px;
	}
	.headerItemIcon{
         font-size:20px;
    }
	.headerItemValue{
        font-size: 14px;
         margin-bottom: 5px;
    }
    .headerIconContainer {
        width: 27%;
    }
    .headerItemContainer {
        width: 73%;
    }
}

@media screen and (max-width: 900px) {
    .headerItemIcon{
        font-size:18px;
   }
}

/* NOTE: MENU BREAKS TO TOP */
 @media screen and (max-width: 801px) {
	#content.content {
		margin: 75px 0px 0px 0px !important;
		overflow: scroll !important;
        font-size: 15px;
	}
    .searchTools {
        flex-direction: column;
        justify-content: flex-start;
    }
    .searchTool input {
        margin-top: 5px;
        width: 100% !important;
    }
    #proposalContent{
         flex-direction: column;
    }
     .headerItem{
         min-width:none;
         width:100%;
         margin-bottom: 15px;
    }
    .headerIconContainer {
        width: 20%;
        height: 100%;
    }
    .headerItemContainer {
        width: 80%;
    }
     .headerItemTitle{
        /* font-size: 1.5em; */
         margin-bottom: 5px;
    }
     .headerItemValue{
        font-size:20px;
    }
     .headerItemIcon{
         font-size:24px;
         margin:10px 10px 10px 10px;
       
    }
    
}
/* copied from stilearn-responsive. didnt want to move and potentially mess up other files. */
 @media (max-width: 801px) {
    #digitalContainer.fieldSetData,
    #staticContainer.fieldSetData {
        overflow-y: scroll !important;
    }
    .xHideData{
        display:none !important;
   }
   .xData{
    display:inline-block;
    width:100px;
}
	.brand-logo {
		max-width: 80px;
	}
	#proposalDetails{
		width:98% !important;
        margin: auto !important;
        padding: 0 !important;
   }
	#mainContain{
		max-width:90% !important;
        margin: auto !important;
   	}
    /** header **/
     .header{
         
    }
    .onlyIfSubmittingDOA {
        transform: scale(1);
    }
    /** sidebar **/
    /** sidebar-left **/
     .side-left{
         position: relative;
         top: auto;
         bottom: auto;
         display: block;
         width: 100%;
		 border: none;
         /* border-bottom: 1px solid rgba(78, 78, 78, 0.15); */
		 box-shadow: rgba(0, 0, 0, 0.10) 0px 3px 6px;
    }
     .sidebar{
         width: 100%;
         margin: 0 auto;
         text-align: center;
    }
     .sidebar:after{
         content: '';
         display: table;
         clear: both;
    }
     .sidebar > li{
         display: inline-block;
        /*float: left;
        */
         margin-right: -4px;
         padding-bottom: 8px;
         width: 86px;
         border-top: none;
         border-bottom: none;
    }
     .sidebar > li.active:after, .sidebar > li.active:before{
         display: none;
    }
     #content.content {
      
         margin-left: auto;
    }
     .sidebar-child, .sidebar-child-inline{
         top: 100%;
         left: 0;
         border: 1px solid #E0E4E8;
         border-top: none;
    }
     .sidebar-child-inline li{
         display: block;
         margin: 0;
         margin-bottom: 10px;
    }
     .sidebar-child-inline li.divider{
         width: 100%;
         height: 1px;
    }
    /** end sidebar-left **/
    /** sidebar-right **/
    /** end sidebar-right **/
    /** end sidebar **/
    /* content */
     .content{
         margin-left: 0;
        /*min-height: 200px;
        */
    }
     .content.content-sm{
         margin-right: 0;
    }
     .content > .content-body{
         min-height: 200px;
    }
    /* end content */
}
 @media only screen and (max-width: 750px) {
     /* #mainContain{
         max-width:300px;
    } */
     .propoosalDisclaimer, #headerContent, #header, #footer, #footerContent, #proposalDetails, #proposalContent{
         width:100%;
    }
     #headerContent{
         text-align:center;
         font-size:21px;
    }
     #headerContent{
         text-align:center;
         font-size:21px;
    }
     #content{
         text-align:center;
         font-size:21px;
    }
     .xData{
         display:inline-block;
         width:100px;
    }
     .xHideData{
         display:none !important;
    }
     input[type=text]{
         width:60px !important;
    }
    .searchTool input {
        width: 100% !important;
    }
     .unitNumber{
         padding-left:8px !important;
    }
     .fightDates{
         position:static;
    }
     /* #proposalDetails{
         padding-left:108px;
         padding-right:8px;
         height:288px;
         margin-left:125px !important;
    } */
}
@media screen and (max-width: 550px) {
    .headerItemTitle {
        font-size: 1.7rem;
    }
    .headerItemValue {
        font-size: 18px;
    }
}

@media screen and (max-width: 520px) {
	.brand-logo {
		max-width: 70px;
		display: block;
	}
	.sidebar > li {
		display: inline-block;
		width: auto;
		margin: 5px 10px;
	}
	.sidebar {
		width: 100%; 
		display: flex;
		justify-content: space-around;
	}
	.sidebar > li {
		display: inline-block;
		width: auto;
		margin: 5px 10px;
	}
	.sidebar > li.brandLogo {
		display: none;
	}
	.sidebar:after{
		display: none;
   }
}
@media screen and (max-width: 470px) {
    .headerItemIcon{
        font-size: 18px;
   }
}