
.defaultContact{
	background-color: #d2f8d2;
}

#content.content {
	padding:25px 10px;
	margin-left:210px;
}

	@font-face { font-family: learningcurve; src: url('../includes/mpdf/ttfonts/LearningCurve.ttf'); }

	.smallScreenOnly{display:none;}
@media only screen and (max-width: 1750px) {
   .largeScreenOnly{display:none}
	.smallScreenOnly{display:inline-block;}
}

.notMyProposal{display:none;}
.defaultOpen{display:table-row !important;}

.icon{font-size:25px; color:#4b9dc3;}
.icon:hover{color:#f00;}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.mnu-campaign{background-image: url("/images/billboard-icon.png"); background-position: center; background-repeat: no-repeat; background-size:25px; height:30px; width:100%;}
.wsywig-display-iframe {width: 100%; height: auto; overflow-y: scroll; border: none !important; margin: 0 !important;}

.fr{float:right}

fieldset.fldInformation div.legend{
	background:#00868B;
	color:#ffffff;
}
fieldset.fldInformation{
	background:#E0FFFF;
}

div.freezeTopLeft {
  overflow: scroll;
  max-width:100%;
  max-height:500px;
  border-left:solid #eee 1px;
  border-right:solid #eee 1px;
}
div.freezeTopLeft thead th {
  z-index:8;
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  background-color:inherit;
  background-clip:padding-box;
  top: 0;
}

div.freezeTopLeft tbody td {
  z-index:6;
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  background-color:inherit;
  background-clip:padding-box;
  left: 0;
}
div.freezeTopLeft thead th:first-child {
  left: 0;
  z-index:9;
}
div.freezeTopLeft tbody td:first-child {
  left: 0;
  z-index:7;
}

.loading{background-image: url("/images/loader.gif"); background-position: center; background-repeat: no-repeat; background-size:30px; height:30px; }


.hoverDiv{
	background:#FFF;
	padding: 0px 5px 10px 5px;
	border: 8px solid #4b9dc3;
	float: left;
	font-size: 1.2em;
	position: absolute;
	left: 50%;
	z-index: 9998;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.hoverDiv h1{
	padding:10px 10px 15px 10px;
	position: relative;
	left:-5px;
	margin-right:-10px;
	cursor:move !important;
	background:#eaeaea;
	border-bottom:solid 3px #4b9dc3;
}
.modal {overflow-y: auto;}
.modal-backdrop.show {
	opacity: .5;
}
.modal-margin-adjust {margin: 0px !important; border-radius: 5px !important; padding: 0px;}

.hover-modal {
	margin: 5% auto;
	z-index: 99999999999 !important;
	border-radius: 5px;
}

.hoverdiv-popup-close,
.closeHoverdiv {
    display:inline-block;
    position:absolute;
    top:10px;
    right:20px;
    transition:ease 0.25s all;
    font-size:22px;
    text-align:center;
    line-height:100%;
	 color: #C0C0C0;
	 background: transparent;
	 z-index:999999;
}


.hoverdiv-popup-close:hover {
	 text-decoration: none;
	 color: #C0C0C0;
	 transform: scale(1.3);
}

nav {
	background-color: #4b9dc3;
}
nav ul {
	padding: 0;
        margin: 0;
	list-style: none;
	position: relative;
	}
nav ul li {
	display:inline-block;
	background-color: #4b9dc3;
	}
nav a {
	display:block;
	padding:0 15px;
	color:#FFF;
	font-size:16px;
	line-height: 45px;
	text-decoration:none;
	width:200px;
}
nav a:hover {
	background-color: #333;
	color:#4b9dc3;
	text-decoration:none;
}
nav ul ul {
	display: none;
	position: absolute;
	top: 45px;
}
nav ul li:hover > ul {
	display:inherit;
}
nav ul ul li {
	width:200px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul ul li {
	position: relative;
	top:-60px;
	left:230px;
}
nav ul ul li {
	border: 1px solid white;
}
.show-menu,
.hide-menu {
	position: fixed;
	background: none;
	color: #2196F3;
	margin: 0px;
	z-index: 999;
	color: #2196F3;
	font-weight: bold;
	transition-duration: .3s;
}

.show-menu {
	top: 0px;
	left: -7px;
	display: none;
}
.hide-menu {
	top: 3px;
	left: 177px;
}

.notificationFlashCloseAll,
.notificationFlashCloseAll:hover {
	cursor:pointer;
	background: rgba(142, 175, 188, 0.3);
	border: none;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:16px;
	margin: 10px 5px;
	padding: 4px 8px !important;
}
.notificationFlashCloseAll > .fa-close {
	font-size:21px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.notification-close-all-text {
	margin-right: 10px;
}

#notificationFlash.notificationFlasherror{
	background-color: #D32F2F;
}
#notificationFlash.notificationFlashsuccess{
	background-color: #388E3C;
}
#notificationFlash.notificationFlashinfo{
	background-color: #616161;
}
#notificationFlash.notificationFlashwarning{
	background-color: #F9A825;
}

.msg-container {
  display: flex;
  align-items: center;
  background-color: rgba(255, 69, 58, 0.9);
  color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
  max-width: 400px;
  margin: 10px;
}

.msg-icon {
  font-size: 24px;
  margin-right: 10px;
  opacity: 0;
  transition-duration: 0.5;
  display: none;
}

.msg-text {
  flex: 1;
  margin-left: 5px;
  opacity: 0;
  transition-duration: 0.5;
  display: none;
}

.msg-text strong {
  font-size: 16px;
}

.msg-text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.msg-actions {
  display: flex;
  gap: 8px;
  opacity: 0;
  transition-duration: 0.5;
  display: none;
}

.dismiss-btn {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 4px;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s ease;
  
}

.dismiss-btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

#notificationFlashContainer {
	position:fixed;
	bottom:15px;
	right:15px;
	width:auto;
	height:fit-content;
	z-index: 99999999999999999 !important;
	overflow-x:hidden !important;
	border-radius:3px;
	overflow:scroll;
	filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

.session-notification-wrapper {
	display: none;
	opacity: 0;
	width: 0px;
	min-height: 100px;
	max-height: 300px;
	justify-content: flex-end;
}


.show-menu:hover,
.hide-menu:hover {
	transform: scale(1.3);
	background: none;
}
.sidebar > li > a {
	height: auto;
}

.sidebar-child {
	overflow: scroll;
    max-height: 288px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


 /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.btn-square {
	padding: 10px 12px !important;
	border-radius: 5px;
}

/* Style the buttons that are used to open the tab content */
.tab span, .tab a{
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 11px 16px;
  transition: 0.3s;
  text-decoration:none;
  color:#666;
}

/* Change background color of buttons on hover */
.tab span:hover, .tab a:hover {
  background-color: #c4c4c4;
  text-decoration:none;
  color:#666;
}

/* Create an active/current tablink class */
.tab span.active, .tab a.active {
  background-color: #545454;
  color:#fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 25px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

	.goalHeader{text-align:center !important; border-right:solid #fff 1px; border-left:solid #fff 1px; border-top:solid #fff 1px; width:8%}
	.progressHeader{text-align:center !important; border-right:solid #fff 1px; border-top:solid #fff 1px; width:8%}
	.bl{border-left:solid #aaa 1px; text-align:right; white-space:nowrap;}
	.br{border-right:solid #aaa 1px; text-align:right; white-space:nowrap;}
	.bb{border-bottom:solid #aaa 1px; white-space:nowrap;}
	.ar{text-align:right; white-space:nowrap}



.multilineItem{margin:-35px 0px 0px 180px}

@media only screen and (max-width: 500px) {
	.brand-logo{display:none;}
	aside.side-left{max-height:80px; overflow-y:scroll;}
	header.header{display:none;}
	.header-content{display:none;}
	.breakTableOnMobile tr td{display:block;}
	#content.content{
		overflow:scroll !important;
	}
	td{font-size:11px}
	.sidebar-child li {z-index:999;}
	label{width:100px !important;}
.multilineItem{margin:-35px 0px 0px 102px}
}

.sidebar-text{
 	color: #4b9dc3  !important;
 }
 .sidebar li a > .sidebar-icon{
 	color: #a5d3ac  !important;
 }

.fdDayTD
{
	background: #4b9dc3  !important;
	color:#FFF;
}
	html
	{
	}
	body{
		margin:0 !important;
		padding:0 !important;
		font-family: "Roboto", sans-serif;
	}
	a{
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
		color:#f00;
	}
	td{
		vertical-align:top;
	}
	fieldset {
		margin:0px 0px 15px 0px;
		#width:100%;
		background:#FFF;
		border-radius:5px;
	}


	legend{
		font-size:16px;
		font-weight:bold;
		color:#FFF;
		border: solid #aaa 1px;
		padding:2px 9px 2px 9px;
		background:#4b9dc3;
		border-top-left-radius:3px;
		border-top-right-radius:3px;

	}
	.legend-title {
		padding-bottom: 5px;
	}
	.pager-wrapper {

	}
	fieldset div{
		padding:1px 0px 1px 0px;
		border-bottom:solid #eee .01em;
	}
	form label, label{
		display: inline-block;
		width:165px;
		color:#333;
		text-align:right;
		padding:5px 15px 4px 3px;
		background:#fff;
		font-weight:bold;
		font-family: "Roboto", sans-serif;
	}
	.multiLineFormElement{
		margin:-30px 0px 0px 170px;
		border:0px;
	}
	h1{
		color:#555555;
		margin:60px 0px 3px 0px;
		font-family: "Roboto", sans-serif;
	}
	h1:first-letter, .firstLetter {
		color: #4b9dc3;
		letter-spacing:0px;
	}
	.sysColor{
		color: #4b9dc3;
		font-weight:bold;
	}

	h2{
		color:#555555;
		padding:10px 10px 10px 10px;
		margin:8px 0px 0px 0px !important;
	}
	h2:first-letter, .firstLetter {
		color: #4b9dc3;
		letter-spacing:0px;
	}
	h3{
		margin:5px 0px -5px -20px;
	}
	.h3Header{
		display:inline-block;
		background:#FFF;
		padding:2px 5px 2px 5px;
		border-radius:5px;
		border:solid #999 2px;
		margin:5px 0px 5px 20px;
	}
	select optgroup option
	{
		padding-left:25px;
	}
	#sendMailToggle{
		color:green;
		cursor:pointer;
		margin-right:15px;
	}
	#sendMailToggle.sendingStopped{
		color:#f00;
	}

	#currentlySelectedList li {font-size:16px; padding-bottom:3px;}
.hereForTheMove{
	position:absolute;
	font-weight:bold;
}
.removeMarket {
    float: left;
    height: 20px;
    cursor: pointer;
}
	#toasterContainer{position:fixed; bottom:0px; right:15px;
		border-left:solid 3px #999;
		border-right:solid 3px #999;
		border-top:solid 3px #999;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		background:#FFF;
		padding:0px 0px 0px 0px;
		display:none;
		z-index:94;
	}
	.closeToaster{cursor:pointer; position:absolute; right:0px; height:30px; margin:8px 10px 0px 0px;}
	.alreadyInProposal td{
		color:#999 !important;
	}
	.dateOnly{
		width:85px;
	}
	.back{
		text-decoration:none;
		float:right;
		font-size:14px;
		padding:8px 10px 0px 0px;
	}
	.autoCompleteLock{
		cursor:pointer;
	}
	.pastDue:nth-child(even)
	{
		color:#F00;
		background:#ffc7c7 !important;
	}
	.pastDue:nth-child(odd)
	{
		color:#F00;
		background:#ffe5e5 !important;
	}
	.pastDue:hover
	{
		background:#bfdff6 !important;
	}

	.agencyApproval:nth-child(even)
	{
		background:#fcffb8 !important;
	}
	.agencyApproval:nth-child(odd)
	{
		background:#feffd2 !important;
	}
	.agencyApproval:hover
	{
		background:#bfdff6 !important;
	}
	.dbModule{
		display:inline-block;
		border:solid #aaa 2px;
		border-radius:5px;
		padding:5px 5px 5px 5px;
		margin:3px 3px 3px 3px;
		float:left;

	}
	.dbModule h3{
		margin:0px;
		padding:2px 0px 2px 0px;
		background: #4b9dc3 bottom ;
		color:#fff;
		text-align:center;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.formTable{
		min-width:900px;
		width:97%;
	}
	.backToParent{
		float:right;
		text-decoration:none;
		font-size:12px;
	}
	.addNew{
		background:url(../images/plus.png) no-repeat;
		background-position:2px 2px;
		background-color: #CCC;
		color:#333;
		font-weight:bold;
		padding: 3px 8px 3px 20px;
		margin-right:5px;
		margin-top:32px;
		font-weight:100;
		font-size:12px;
		text-decoration:none;
		float:right;
		border-top:solid #999 1px;
		border-left:solid #999 1px;
		border-right:solid #999 1px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		display:inline-block;
	}
	.editTab{
		background:url(../images/edit.png) no-repeat;
		background-position:2px 2px;
		background-size: 16px 16px;
		background-color: #CCC;
		color:#333;
		font-weight:bold;
		padding: 3px 8px 3px 20px;
		margin-right:5px;
		margin-top:32px;
		font-weight:100;
		font-size:12px;
		text-decoration:none;
		float:right;
		border-top:solid #999 1px;
		border-left:solid #999 1px;
		border-right:solid #999 1px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		display:inline-block;
	}
	.addNew:hover, .editTab:hover{
		background-color: #333;
		color:#fff;
	}
	.downloadTab{
		background:url(../images/downloadFile.png) no-repeat;
		background-size: 15px 15px;
		background-position:2px 2px;
		background-color: #CCC;
		color:#333;
		font-weight:bold;
		padding: 3px 8px 3px 20px;
		margin-right:5px;
		margin-top:32px;
		font-weight:100;
		font-size:12px;
		text-decoration:none;
		float:right;
		border-top:solid #999 1px;
		border-left:solid #999 1px;
		border-right:solid #999 1px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		display:inline-block;
	}
	.downloadTab:hover{
		background-color: #333;
		color:#fff;
	}
	option{
		padding:2px 5px 2px 5px;
	}
	#contactsContainer{
		margin:20px 0px 20px 0px;
	}
	#activitiesContainer{
		margin:20px 0px 20px 0px;
	}
	#associationsContainer{
		margin:20px 0px 20px 0px;
	}
	#notesContainer{
		margin:20px 0px 20px 0px;
	}
	#loginFade{
		display: none; /*--hidden by default--*/
		background:#666;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .80;
		z-index: 95;
	}
	#divLogin{
		width:400px;
		position:fixed;
		left:50%;
		top:50%;
		z-index:99;
		padding:5px 5px 5px 5px;
		border-radius:3px;
	}

	.sectionTitle{
		color:#4898d3 !important;
	}
	.sectionTitle:first-letter {
		color: #ed1c24 !important;
		letter-spacing:0px;
	}
	.editLink{
		font-size:12px;
		font-weight:100;
		text-decoration:none;
		float:right;
	}
	.dropdownMenuItem
	{
		background-color:rgba(255,0,0,0.5);
	}

	#content.content{
		text-align:left;
		clear:all;
	}

	.pagination_container{
		margin:0px 0px 8px 0px;
		font-size:14px;
		float:right;
	}
	.pagination_nav{
	}
	.pager_number, .pager_next, .pager_prev{
		border:solid #fff 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{
		background:#4b9dc3;
		color:#000 !important;
		cursor:default;
	}
	.pager_current:hover{
		background:#4b9dc3;
		cursor:default;
	}
	.editImage{
		cursor:pointer;
		float:right;
	}

	.datagrid {
		padding:0px;
		width:100%;
		border:1px solid #999;
		margin-bottom:20px;
	}

	#sendMailToggle{
		background: #4b9dc3 !important;
		color: #a5d3ac !important;
		width:95%;

	}

	.datagrid thead tr th{
		background: #4b9dc3 bottom ;
		color: #a5d3ac !important;
		padding:7px 4px 7px 4px;
		text-align:left;
		font-size:14px; !important
		font-family: "Roboto", sans-serif;
		font-weight:100;
	}
	.datagrid tbody tr td{
		padding:10px 4px 10px 4px;
		font-size:12px;
		vertical-align:middle;
	}
	.datagrid tbody tr:nth-child(even) {
		background: #e5f1f4
	}
	.datagrid tbody tr:nth-child(odd) {
		background: #fafafa
	}
	tr.datagridError:nth-child(even) {
		background: #ffbcbc !important
	}
	tr.datagridError:nth-child(odd)  {
		background: #ffe4e4 !important;
	}
	.datagrid tbody tr:hover {
		background:#bfdff6 !important;
	}

    .rfpAvailabilityGrid input[type="text"] {
        text-align: center;
    }

input[type=checkbox].fancy:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox].fancy:not(old) + label{
  display      : inline-block;
  background   : url('../images/checkbox_unchecked.png') no-repeat 0 0;
	height  : 32px;
	width:32px;
	border-bottom:0px !important;
}
input[type=checkbox].fancy:not(old):checked + label{
   background   : url('../images/checkbox_checked.png') no-repeat 0 0;
}

	.sortableCol{
		color:#bfdff6 !important;
		cursor:pointer;
	}
	.sortableCol:hover{
		color:#FFF !important;
		cursor:pointer;
	}


	button.cancel, input[type=button].cancel{
		background:#ffb4b4;
	}


	button, input[type=button], input[type=submit]{
		padding:7px 14px !important;
		font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
		border:0;
		border-color:transparent;
		border-radius:4px;
		background:rgb(60, 141, 188);
		color:#fff;
		font-weight:bold;
		font-size:13px;
		cursor:pointer;
	}
	input[type=file]{
		padding:5px 10px 25px 10px;
		border-radius:3px;
		border:solid #aaa 2px;
		border-bottom:solid #4b9dc3 2px;
	}

	button.large, input[type=button].large{
		padding:8px 25px 8px 25px;
		border-radius:3px;
		border:solid #000 2px;
		font-weight:bold;
		font-size:16px;
	}

.addNewBtnLeft {
	padding: 7px 14px !important; font-size:13px !important; border-color:rgb(60, 141, 188) !important; margin-left: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;
	text-decoration:none;
	cursor:pointer;
}

.addNewBtn, a.addNewBtn{float:right; padding: 7px 14px !important; font-size:13px !important; border-color:rgb(60, 141, 188) !important; margin-left: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;
		text-decoration:none;
		cursor:pointer;}

	.addNewBtn:hover, a.addNewBtn:hover{background:#296f98}

	.btn-warning, a.btn-warning{background-color: rgb(243, 156, 18) !important; border-color: rgb(243, 156, 18) !important;}

	.btn-warning:hover{background-color: #cb8311 !important;}

	button.cancel, input[type=button].cancel{
		background:#ffb4b4;
	}

	button.cancel:hover, input[type=button].cancel:hover{
		background:#ff8c8c;
	}

	button:hover{
		background:#296f98;
	}

	button:hover, input[type=button]:hover, input[type=submit]:hover, button.selected{
		background:#296f98;
		cursor:pointer;
	}

	.calendarButton:hover{
		cursor:pointer;
		background-color: #333;
		color:#fff;
	}
	.calendarButton{

		background:url(../images/calendar.png) no-repeat;
		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;

	}

.usedInPDF{
	background:#FFC;
	border:#FC0 solid 1px !important;
}

.cover-image {
	margin: 10px 0 10px 0;
	max-height: 350px;
}

	input[type=text]{
		border:solid #eee 2px;
		border-bottom:solid #a5d3ac 2px;
		border-radius:2px;
		-moz-box-shadow: inset 1px 4px 9px -10px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 1px 4px 9px -10px rgba(0, 0, 0, 0.2);
		box-shadow: inset 1px 4px 9px -10px rgba(0,0,0,0.2);
		margin-bottom:4px;
	}
	input[type=text]:not(.additionalDataEdit){
		padding: 5px 8px 5px 8px;
	}
	input[type=text].additionalDataEdit{
		padding: 5px 0px 5px 0px;
	}

	input[type=text]:focus, .usedInPDF:focus{
		background-color:#4b9dc3 !important;
		color:#ffffff;
		border:solid #666666 2px;
	}
	input[type=password]{
		border:solid #eee 1px;
		border-bottom:solid #4b9dc3 2px;
		border-radius:5px;
		padding: 5px 8px 5px 8px;
		-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
		box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
		border:solid #ffffff 2px;
	}
	input[type=password]:focus{
		background-color:#4b9dc3;
		color:#ffffff;
		border:solid #666666 2px;
	}
	.chkLabel{
		position: absolute;
		top:11px;
		left:25px;
		margin-top:-5px;
		cursor:pointer;

	}

		.multicolumn{
			-webkit-column-count: 3;
   	 		-moz-column-count: 3;
    		column-count: 3;
    	}
		.multicolumn2{
			-webkit-column-count: 2;
   	 		-moz-column-count: 2;
    		column-count: 2;
    	}
@media only screen and (max-width: 1470px) {
		.multicolumn{
			-webkit-column-count: 2;
   	 		-moz-column-count: 2;
    		column-count: 2;
    	}
	}
@media only screen and (max-width: 1200px) {
		.multicolumn2{
			-webkit-column-count: 1;
   	 		-moz-column-count: 1;
    		column-count: 1;
    	}
	}


	input[type=checkbox]{
		-webkit-appearance: none;
		background-color: #fafafa;
		border: 1px solid #cacece;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		padding: 9px;
		border-radius: 3px;
		display: inline-block;
		position: relative;
		margin-top:5px;
	}
	input[type=checkbox]:active, .regular-checkbox:checked:active {
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	}

	input[type=checkbox]:checked {
		background-color: #4b9dc3;
		border: 1px solid #adb8c0;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
		color: #99a1a7;
	}
	select{
		border:solid #eee 1px;
		border-bottom: #a5d3ac solid 2px !important;
		border-radius:2px;
		-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
		box-shadow: inset 1px 4px 9px -8px rgba(0,0,0,0.5);
		border:solid #ffffff 2px;
	}
	select:not(.tinyeditor-font):not(.tinyeditor-size):not(.tinyeditor-style){
		padding: 5px 5px 5px 5px;
	}
	select:focus{
		background-color:#4b9dc3;
		color:#ffffff;
		border:solid #666666 2px;
	}
	optgroup:not(option)
	{
		background-color:#4b9dc3;
		font-weight:bold;
	}
	textarea{
		border:solid #eee 1px;
		border-bottom:solid #a5d3ac 2px;
		padding: 5px 8px 5px 8px;
		border-radius:2px;
		width:300px;
		-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
		box-shadow: inset 1px 4px 9px -8px rgba(0,0,0,0.5);
	}
	textarea:focus{
		background-color:#4b9dc3;
		color:#ffffff;
	}


	input.required{
		background:#d6ffe6;
		border:solid 1px #4b9dc3 !important;
	}

.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;
}
.successTitle{
	font-size:15px;
}
.successMessage{
	background:#4cb575;
	color:#fff;
	font-weight:bold;
	border:solid #4cbb4e 1px;
	padding:25px 35px 25px 35px;
	margin-bottom:5px;
	position:fixed;
	bottom:0px;
	left:170px;
	z-index:96;
}
.warningMessage{
	background:#f6ffbd;
	border:solid #000 1px;
	margin-bottom:5px;
}
.warningMessage .header{
	background:url(../images/warning_header.png);
	padding:15px 5px 5px 5px;
	font-weight:bold;
	color:#000;
}
.warningMessage .warningContent{
	padding:5px 0px 5px 15px;
}
.hoverDiv{
	//background:#FFF;
	padding: 25px 5px 10px 5px;
	//border: 2px solid #4b9dc3;
	float: left;
	font-size: 1.2em;
	position: absolute;
	left: 50%;
	z-index: 9998;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.hoverDiv h1{
	padding:10px 10px 15px 10px;
	position: relative;
	left:-5px;
	margin-right:-10px;
	cursor:move !important;
	background:#eaeaea;
	border-bottom:solid 3px #4b9dc3;
}
.ui-autocomplete {
	z-index:2147483647 !important;
	background: white;
	max-width: 250px;
}
.ui-helper-hidden-accessible {
	width: 90%;
	margin-bottom: 5px;
}

.shadow{
	-webkit-box-shadow: 10px 10px 5px 0px #696969 !important;
	-moz-box-shadow: 10px 10px 5px 0px #696969 !important;
	box-shadow: 10px 10px 5px 0px #696969 !important;
}
.multicolumns {
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -moz-column-rule: 0px double #666;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -webkit-column-rule: 0px double #666;
    column-count: 4;
    column-gap: 10px;
    column-rule: 0px double #666;
	list-style:none;
}

.multicolumns li {
	-webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
		padding:4px 15px 4px 3px;
		border-bottom:solid #d5d5d5 .01em;
		background:#eee;
		font-weight:bold;
}
.usedInPDF{
	background:#FFC !important;
	border:#FC0 solid 1px !important;
}
.footnote-spacing {text-align: center; margin-bottom: 10px;}
.footNote
{
	font-size:10px;
}
.generatePDF
{
	cursor:pointer;
}
.additionalDataEdit
{
	display:none;
}
.numericColumn{
	text-align:right !important;
}
.autoCompleteFind, .autoCompleteLock
{
	padding:0px 0px 0px 5px;
}
.tutorials li
{
	font-size:15px;
	line-height:25px;
}
.hoverContainer
{
	position:absolute;
	background:#FFF;
	border-radius:3px;
	border:solid #CCC 1px;
	padding:15px 15px 15px 15px;
	display:none;
}
.popCnt
{
	display:inline-block;
	padding:5px 20px 5px 20px;
	border: solid 1px #006;
	margin-top:15px;
}
.popCnt:hover
{
	background:#006;
	color:#FFF;
}
.closeHover
{
	height:25px;
	position:absolute;
	right:-13px;
	top:-13px;
	cursor:pointer;
}
.proposalReport
{
	margin:2px 10px 2px 3px;
	border:solid 2px #aaa;
	padding:1px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}

.proposalReport:hover
{
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
	border:solid 2px #666;
}
.isStation, .isBus {display:none;}
.contactList
{
	list-style:none;
}
td.contactRow
{
	border: 1px solid #e3e4e7;
}
.contactList li
{
	list-style:none;
	margin:0px;
}
.isLink{color:#4b9dc3 !important; font-size:16px; cursor:pointer;}
.vendorTitle
{
	font-weight:bold;
	font-size:14px;
	border:solid #CCC 1px;
	padding: 5px 10px 5px 10px;
	background:#ebebeb;
}
.datagrid tr.contactListHeaderReminder td{font-size:12px; font-style:italic;}
.contactListVendor
{
	padding: 10px 10px 10px 10px;
}
.contactList li ul
{
	list-style:none;
	margin:0px;
}
.contactList li ul li
{
	list-style:none;
	margin:0px;
}
.contactListLabel{
	display: block;
	width:1000px;
	text-align:left;
	padding:4px 15px 4px 3px;
	border-bottom:solid #d5d5d5 .01em;
	background:none !important;
	font-weight:100;
}
.notInMarket
{
	display:none; !important
}
.contactName{
	display:inline-block;
	width:150px;
}
#proposalContactsContainer{
	display:none;
}
.addAttachment{
	float:left;
	padding-left:8px;
}
.multiLineField
{
	position: relative;
	left:150px;
	top:-35px;
	margin-bottom:-35px;
	min-height:24px;
}
.imagePlaceholder{
	display:inline-block;
	width:100px;
	height:50px;
	border:solid #999 1px;
	text-align:center;
	padding:30px 0px 50px 0px;
	color: #bd252c;
}

.emailTable tr td
{
	background:#FFF;
}
.emailLabel
{
	text-align:right;
	font-weight:bold;
	padding-right:10px;
}
#toSelector li
{
	list-style:none;
	padding-left:25px;
}
.legacyPOP
{
	display:none;
}
#boardsEnteredNotUsed
{
	display:none;
}

.positiveButton
{
	background:#eaffea;
	border:solid #4cbb4e 1px;
	border-radius:3px;
	cursor:pointer;
	padding:0px 6px 3px 6px;
}
.negativeButton
{
	background:#ffc7c7;
	border:solid #F00 1px;
	border-radius:3px;
	cursor:pointer;
	padding:0px 6px 3px 6px;
}

/*gvnd*/
.signatureLoader
{
	display:none;
	float: right;
}
 .ui-tooltip{
	max-width: 800px;
	width: 420px !important;
	margin-left:120px !important;
}
td.billboardHover{
	color:red;
	cursor:context-menu;
}
	button.ABC{
		border:0px;
		padding:9px 14px 9px 14px;
		color:#aaa;
		margin-bottom:5px;
	}
	button.ABC:hover, button.ABC.selected{
		background:#666;
		color:#fff;
	}
	button.A, td.A{
		background:#d4ffd8;
	}
	button.B, td.B{
		background:#feffd4;
	}
	button.C, td.C{
		background:#ffd4d4;
	}
	button.D, td.D{
		background:#ff9999;
		color:#FFF;
	}
	button.F, td.F{
		background:#aaaaaa;
		color:#FFF;
	}

#backgroundForPOP {
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;

	z-index: 9999;
}
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index: 9999;
}

/* Inner */
.popup-inner {
    max-width:760px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
	z-index: 9999;
}

/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
	z-index: 9999;
}

.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
	z-index: 9999;
}

.pill-toggle-wrapper {
	width: 100%; display: flex; flex-direction: column; align-items: flex-start;
}
.pill-toggle-container {
	width: auto; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; margin-top: 0px;
}
.selected-menu-direction {
	margin: 0 8px;
	text-transform: capitalize;
}
.error-handling-wrapper,
.pill-toggle-container,
.toggle-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.infoCircle{
	color:blue; font-size:14px !important;
}
.customTitle{
	white-space:nowrap;
}
.pill-toggle-container {
	flex-wrap: wrap;
}
.error-handling-wrapper {
	margin-top: 15px;
}
.error-settings-toggle-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.error-settings-toggle-container div {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.error-settings-toggle-container input[type='radio'] {
	margin-right: 10px;
}
.toggle-wrapper {
	justify-content: flex-start;
}

.pill-toggle-container > input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
	padding: 0 !important;
	margin: 0 !important;
}

.pill-toggle-container > label {
	cursor: pointer;
	text-indent: -9999px;
	width: 70px !important;
	height: 30px;
	background: #2196F3 !important;
	display: block;
	border-radius: 100px;
	position: relative;
	margin-top: 5px !important;
	margin-right: 0px !important;
}

.pill-toggle-container > label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 20px;
	transition: 0.3s;
}

.pill-toggle-container > input:checked + label {
	background: #2196F3 !important;
}

.pill-toggle-container > input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

.pill-toggle-container > label:active:after {
	width: 40px;
}

.toggle-name {
	margin: 0 5px;
}

.hasHistory:nth-child(even)
{
	color:#F00;
	background:#ffc7c7 !important;
}
.hasHistory:nth-child(odd)
{
	color:#F00;
	background:#ffe5e5 !important;
}
.cust_file_btn a {
    margin-left: 10px;
}
.cust_file_btn {
    display: flex;
    align-items: center;
    margin: 10px 0px;
}


.mapping-legend {width: 100%; display: flex; flex-direction: row; justify-content: space-between; background-color: #f8f9fc; padding: 10px; }
.map-info-wrapper {width: 98%; margin: auto; margin-bottom: 30px; display: flex; flex-direction: row; justify-content: center; margin-top: 15px;}
.map-column {width: 50%; display: flex; flex-direction: column; margin: 20px}
.mapTable {width: 98%; margin: auto; margin-top: 20px; margin-bottom: 10px;}
.map-canvas {width:100%; height:100%; min-width: 720px; min-height: 720px; border:solid #CCC 1px;}
.map_page {overflow: scroll}
.doa-download-btn, .doa-download-btn:hover, .doa-download-btn:active, .doa-download-btn:focus {border: none !important; text-decoration: none; color: white; transition-duration: .2s;}
.doa-download-btn:hover {background: #306f8c !important;}
.doa-download-btn {background: #4B9EC3 !important; border-radius: 5px; margin-top: 5px; margin-bottom: 5px; cursor: pointer; padding: 8px 12px; font-size: 13px;}


@media (max-width: 1480px) {
	.map-info-wrapper {flex-direction: column;}
	.map-column {width: auto;}
	.map_page {margin: auto; width: 100%;}
	.map_page:first-of-type {margin-bottom: 25px;}
}

@media screen and (max-width: 920px) {
	.map-canvas {min-width: 420px; min-height: 420px;}
}

@media screen and (max-width: 801px) {
	#content.content {
		margin-left: 0px !important;
		padding: 25px !important;
	}
	.side-left.fixed {
		position: relative;
	}

}

@media screen and (max-width: 420px) {
	.map-canvas {min-width: 220px; min-height: 220px;}
}

