body{
	margin:0; 
	font-family: 'Open Sans', sans-serif; 
	font-weight:300; 
	color:black; 
	text-decoration:none; 
	background:#f2f2f2;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea {
	background-color: white;
	border:1px #999 solid;
	border-radius: 2px;
	color: black;
	padding: 5px 13px 5px 5px;
	box-sizing: border-box;
	font-size: 15px;
	box-shadow: inset 1px 1px 2px #b9b9b9;
}
input[type="text"].max, input[type="password"].max, input[type="email"].max, input[type="number"].max, textarea.max {
	width: 100%;
}
input[type="text"].half, input[type="password"].half, input[type="email"].half, input[type="number"].half, textarea.half {
	width: 50%;
}
input[type="text"].med, input[type="password"].med, input[type="email"].med, input[type="number"].med, textarea.med {
	width: 120px;
}
input[type="text"].min, input[type="password"].min, input[type="email"].min, input[type="number"].min, textarea.min {
	width: 80px;
}
input[type="text"].small, input[type="password"].small, input[type="email"].small, input[type="number"].small, textarea.small {
	width: 50px;
}
input[type="text"].go-ahead, input[type="password"].go-ahead, input[type="email"].go-ahead, input[type="number"], textarea.go-ahead {
	background-color: #d2ffd2;
}
input[type="text"].no-go-ahead, input[type="password"].no-go-ahead, input[type="email"].no-go-ahead, input[type="number"], textarea.no-go-ahead {
	background-color: #e5afc1;
}
input[type="text"].text-input-error, input[type="password"].text-input-error, input[type="email"].text-input-error{
	box-shadow: 0 0 5px 1px #e56e94, inset 1px 1px 2px #ccc;
}

textarea{
	/*outline: none;*/
}

textarea.max {
	width: 100%;
	height: 100px;
	border-radius: 2px;
}

select{
	border-radius: 2px;
}
select.max{
	font-size: 15px;
	width: 200px;
}

select.full{
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
	padding: 4px;
}

select.half{
	font-size: 15px;
	width: 50%;
	box-sizing: border-box;
}

select.min{
	font-size: 15px;
	width: 100px;
}

input[type="checkbox"]{
	cursor: pointer;
}

input[type="button"], button, input[type="submit"]{
	background-color: #0a5383;
	border: 0;
	border-radius: 3px;
	color: white;
	padding: 8px 12px 8px 12px;
	font-size: 16px;
	cursor: pointer;
}
input[type="button"].small, button.small{
	padding: 3px 12px 3px 12px;
	font-size: 14px;
}
input[type="button"].skinny, button.skinny{
	padding: 1px 5px 1px 5px;
	font-size: 13px;
}
input[type="button"]:disabled, button:disabled, input[type="submit"]:disabled{
	background-color: #aaa;
	color: lightgray;
	cursor: default;
}
.light{
	background-color: #adc2d1;
}
.small-icon{
	font-size: 12px;
}
.skinny-icon{
	font-size: 10px;
}
.field-margin{
	margin-top: 10px;
}
.toolbar-text{
	padding: 7px 0 6px 0;
}
.toolbar-button{
	color: #ccc;
	background-color: rgba(255, 255, 255, 0.2);
	/*border: 1px #aaa solid;*/
}
.toolbar-button-selected{
	color: white;
	background-color: rgba(255, 255, 255, 0.4);
	/*border: 1px #aaa solid;*/
}
.toolbar-separator{
	display: inline-block;
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px rgba(255, 255, 255, 0.2) solid;
}
.toolbar-separator-left{
	display: inline-block;
	margin-left: 5px;
	padding-left: 10px;
	border-left: 1px #ddd solid;
}
.toolbar-separator.dark{
	border-right: 1px #0a5383 solid;
	margin-right: 0;
}
.tab-toolbar{
	background-color: rgba(255,255,255,0.2);
	padding: 5px;
	margin: 5px 0;
}

.red{
	color: red;
}
.green{
	color: green;
}
.strong{
	font-weight: bold;
}
.sub-toolbar{
	/*border: 1px #ddd solid;*/
	background-color: white;
	padding: 10px;
	margin: 15px 0 15px 0;
	/*border: 1px red dashed;*/
}
.sub-toolbar-fixed{
	top: 55px;
	width: 100%;
	position: fixed;
	background-color: white;
	padding: 10px;
	margin: 15px 0 15px 0;
}
.sub-toolbar-separator{
	display: inline;
	margin-left: 5px;
	padding-left: 10px;
	border-left: 1px lightgray solid;
}
.list{
	width: 50%;
}
.link{
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}
.center{
	text-align: center;
}

.campaign-page{
	
}

.body{
	width: 1000px;
	margin: auto;
}
.body-padding-top{
	padding-top: 20px;
}

.title-area{
	position:fixed;
	top: 0;
	z-index:15;
	width:100%;
	margin:0;
	
	background-color: #0a5383;
	box-shadow: 0 1px 3px 0 #222;
	margin-bottom: 5px;
}
.has-title-area{
	height:60px;
}
.logo-image{
	margin: 10px;
	float: left;
	cursor: pointer;
}
.logo-image-size{
	width: 50px;
}
.logo-text{
	color: white;
	font-size: 20px;
	margin: 10px;
	padding-top: 4px;
	float: right;
}
.logo-buttons{
	color: white;
	font-size: 20px;
	margin: 10px;
	padding-top: 3px;
	float: right;
}

.dialog{
	border: 2px #0a5383 solid;
	border-radius: 5px;
	width: 400px;
	margin: auto;
	/*padding: 0px 20px 20px 20px;*/
	margin-top: 20px;
	background-color: #0a5383;
	box-sizing: border-box;
}
.dialog-header{
	padding: 10px;
}
.dialog-header-icon{
	color: white;
	float: right;
}
.dialog-header-text{
	color: white;
	float: left;
}
.dialog-form{
	padding: 20px;
	background-color: #eee;
	border-radius: 0px 0px 3px 3px;
}
.dialog-message{
	font-size: 12px;
}

.user-line{
	padding: 10px;
	border-bottom: 1px #0a5383 dashed;
}
.user-line:first-child{
	border-top: 1px #0a5383 dashed;
}
.user-name{
	margin-top: 6px;
	display: inline-block;
	width: 20%;
	cursor: pointer;
}
.user-email{
	margin-top: 6px;
	display: inline-block;
	width: 30%;
	cursor: pointer;
}
.user-last-login{
	margin-top: 6px;
	display: inline-block;
	width: 20%;
	cursor: pointer;
}
.user-update{
	float: right;
	cursor: pointer;
}
.user-update-info{
	display: none;
	margin: 10px 0 10px 0;
}
.user-options{
	background-color: rgba(10, 83, 131, 0.3);
	padding: 10px;
	margin-bottom: 10px;
}
.save-buttons{
	background-color: rgba(255,255,255, 0.3);
	display: inline-block;
	padding: 10px;
	float: right;
}
.other-buttons{
	/*display: inline-block;*/
	/*float: right;*/
	text-align: right;
	padding: 10px;
	background-color: rgba(10, 83, 131, 0.3);
	margin-top: 20px;
	/*float: left;*/
}

.setting-checkbox{
	background-color: white;
	display: inline-block;
	padding: 10px;
	margin: 5px 5px 0 0;
	cursor: pointer;
}

.working{
	height: 70px;
	text-align: center;
}

.pointer{
	cursor: pointer;
}

label.campaign{
	background-color: white;
	padding: 0 10px 0 10px;
}

.campaign-toolbar{
	background-color: white;
	padding: 5px 5px;
}
.add-post-string{
	margin: 5px 0 0 20px;
	position: relative;
	display: inline-block;
}
.add-post-string-button{}
.add-post-string-content{
	display: none;
	position: absolute;
	min-width: 620px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: -247px;
}
.add-post-string-show{
	display: block;
}


.campaign-field{
	background-color: white;
	padding: 4px 10px 4px 10px;
	width: 170px;
	display: inline-block;
	text-align: right;
	margin-bottom: 3px;
	vertical-align: middle;
}
.campaign-field-data{
	display: inline-block;
	padding: 4px 10px 4px 10px;
	cursor: pointer;
	text-decoration: underline;
}
.campaign-field-data-edit{
	padding: 0 10px 0 10px;
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
}
.campaign-field-data-input{
	width:85%;
}
.edit-url{
	display: inline-block;
}

h4{
	margin-top: 70px;
	margin-bottom: 5px; 
	text-align: center;
}

section, .section{
	margin-bottom: 20px;
	border: 1px #ddd solid;
	padding: 10px;
}

.vertical-selection{
	font-weight: bold;
}

.no-cursor{
	cursor: inherit;
}
.matched-field-container{
	display: grid;
	grid-template-columns: 22% 22% 22% 20%;
	border-bottom: 1px #0a5383 dashed;
}
.matched-field-container-active{
	background-color: #e5e5e5;
}
.matched-field-post{
	margin-top: 3px;
	/* display: inline-block; */
	/* width: 22%; */
	grid-column-start: 1;
	grid-row-start: 1;
	cursor: pointer;
}
.matched-field-system{
	margin-top: 3px;
	/* display: inline-block; */
	/* width: 22%; */
	grid-column-start: 2;
	grid-row-start: 1;
	cursor: pointer;
}
.matched-field-map{
	margin-top: 3px;
	/* display: inline-block; */
	/* width: 22%; */
	grid-column-start: 3;
	grid-row-start: 1;
	cursor: pointer;
}
.matched-field-required{
	margin-top: 3px;
	/* display: inline-block; */
	/* width: 20%; */
	grid-column-start: 4;
	grid-row-start: 1;
	cursor: pointer;
}
.matched-field-functions{
	margin-top: 3px;
	grid-column-start: 5;
	grid-row-start: 1;
	cursor: pointer;
	text-align: right;
}

.matched-field-update-info{
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	margin: 10px 0 10px 0;
}
.matched-field-tab-matches{
	float: left;
	background-color: #adc2d1;
	padding: 5px;
	margin-right: 5px;
	border-bottom: 1px #f2f2f2 solid;
	cursor: pointer;
}
.matched-field-tab-matches-active{
	border-bottom: 1px #adc2d1 solid;
}
.matched-field-options-matches{
	background-color: #adc2d1;
	padding: 10px;
	margin-bottom: 10px;
}

.matched-field-tab-generator{
	float: left;
	background-color: #c3ceac;
	padding: 5px;
	margin-right: 5px;
	border-bottom: 1px #f2f2f2 solid;
	cursor: pointer;
}
.matched-field-tab-generator-active{
	border-bottom: 1px #c3ceac solid;
}
.matched-value-options-generator{
	background-color: #c3ceac;
	padding: 10px;
	margin-bottom: 10px;
}

.matched-field-tab-maps{
	float: left;
	background-color: #adcecb;
	padding: 5px;
	margin-right: 5px;
	border-bottom: 1px #f2f2f2 solid;
	cursor: pointer;
}
.matched-field-tab-maps-active{
	border-bottom: 1px #adcecb solid;
}
.matched-field-options-maps{
	background-color: #adcecb;
	padding: 10px;
	margin-bottom: 10px;
}

.matched-field-tab-random-mapping{
	float: left;
	background-color: #dddde7;
	padding: 5px;
	margin-right: 5px;
	border-bottom: 1px #f2f2f2 solid;
	cursor: pointer;
}
.matched-field-tab-random-mapping-active{
	border-bottom: 1px #dddde7 solid;
}
.matched-field-options-random-mapping{
	background-color: #dddde7;
	padding: 10px;
	margin-bottom: 10px;
}

.matched-field-options{
}
.matched-or{
	margin-top: 6px;
}


.custom-field-container{
	display: grid;
	grid-template-columns: 33% 33%;
	border-bottom: 1px #0a5383 dashed;
	padding-top: 3px;
}
.custom-field-container-active{
	background-color: #e5e5e5;
}
.custom-field-post-header{
	grid-column-start: 1;
	grid-row-start: 1;
}
.custom-field-default-value-header{
	grid-column-start: 2;
	grid-row-start: 1;
}

.custom-field-post{
	grid-column-start: 1;
	grid-row-start: 1;
	cursor: pointer;
}
.custom-field-default-value{
	grid-column-start: 2;
	grid-row-start: 1;
	cursor: pointer;
}
.custom-field-update{
	grid-column-start: 2;
	grid-row-start: 1;
}
.custom-field-functions{
	grid-column-start: 3;
	grid-row-start: 1;
	cursor: pointer;
	text-align: right;
}
.custom-field-update-info{
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	margin: 10px 0 10px 0;
}
.custom-field-options{
	background-color: rgba(10, 83, 131, 0.3);
	padding: 10px;
	margin-bottom: 10px;
}


.unknown-field-container{
	display: grid;
	grid-template-columns: 33%;
	padding-top: 3px;
	border-bottom: 1px #0a5383 dashed;
}
.unknown-field-post{
	grid-column-start: 1;
	cursor: pointer;
}
.unknown-field-functions{
	grid-column-start: 2;
	cursor: pointer;
	text-align: right;
}
.unknown-field-update-info{
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	margin: 10px 0 10px 0;
}
.unknown-field-options{
	background-color: rgba(10, 83, 131, 0.3);
	padding: 10px;
	margin-bottom: 10px;
}
.unknown-fields{
	margin-top: 10px;
	/*background-color: rgba(255, 0, 0, 0.1);*/
}
.campaign-notes{
	width: 100%;
	height: 100px;
}

.or{
	margin-bottom: 10px;
}

.left{
	float: left;
}
.right{
	float: right;
}

.save-buttons-big{
	margin-top: 20px;
	background-color: rgba(255,255,255, 1);
	padding: 10px;
	text-align: right;
}


.manage-field-line{
	padding: 10px 10px 5px 10px;
	border-bottom: 1px #0a5383 dashed;
}
.manage-field-line:first-child{
	border-top: 1px #0a5383 dashed;
}
.manage-field-post{
	/*border: 1px red dashed;*/
	display: inline-block;
	width: 30%;
}
.manage-field-system{
	/*border: 1px red dashed;*/
	display: inline-block;
	width: 69%;
	
}
.manage-field-update-info{
	margin: 10px 0 10px 0;
}
.manage-field-options{
	background-color: rgba(10, 83, 131, 0.3);
	padding: 10px;
	margin-bottom: 10px;
}
.manage-button{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	border-radius: 5px;
	margin-right: 5px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 5px;
}
.manage-none{
	padding: 2px 5px 2px 5px;
	margin-bottom: 5px;
}
.gray{
	color: #777;
}

.space-below{
	margin-bottom: 5px;
}
.some-space{
	height: 100px;
}

.small-print{
	font-size: 10px;
	margin-bottom: 5px;
}


.volume-line{
	padding: 10px;
	border-bottom: 1px #0a5383 dashed;
}

.volume-field-monthly{
	display: inline-block;
	width: 30%;
}

.volume-field-daily{
	display: inline-block;
	width: 30%;
}

.volume-field-cpl{
	display: inline-block;
	width: 30%;	
}


.schedule-line{
	padding: 10px;
	border-bottom: 1px #0a5383 dashed;
}

.schedule-field-starttime{
	display: inline-block;
	width: 13%;
}
.schedule-field-startdate{
	display: inline-block;
	width: 30%;
}

.schedule-field-endtime{
	display: inline-block;
	width: 13%;	
}
.schedule-field-enddate{
	display: inline-block;
	width: 24%;	
}
.dt_text{
	text-align: center;
}

.max-sold-line{
	padding: 10px;
	border-bottom: 1px #0a5383 dashed;	
}
.max-sold-field{
	display: inline-block;
	width: 48%;
}

.campaign-container{
	border-top: 1px lightgray solid;
	border-left: 1px lightgray solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	font-size: 14px;
	margin-bottom: 10px;
}
.campaign-row{
	width: 100%;
	display: table-row;
	background-color: white;
}
.campaign-row-inactive{
	background-color: #ffe6d5;
}
.campaign-row-test{
	background-color: #ffd5d5;
}
.campaign-cell{
	display: table-cell;
	/*padding: 1px;*/
	/*background-color: white;*/
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
	word-break: keep-all;
}

.campaign-total{
	display: table-cell;
	padding: 1px;
	background-color: white;
	border-right: 1px lightgray solid;
	border-top: 4px #f2f2f2 solid;
	border-bottom: 1px lightgray solid;
	padding: 5px 0 5px 0;
}
.campaign-total-no-border{
	display: table-cell;
	padding: 1px;
	background-color: white;
	border-top: 4px #f2f2f2 solid;
	border-bottom: 1px lightgray solid;
	padding: 5px 0 5px 0;
}
.campaign-total-border-top{
	border-top: 1px lightgray solid;
}
.sort-arrow{
	font-size: 10px;
}
.cell-title{
	text-align: center;
	font-weight: bold;
}
.cell-title-unsort{
	text-align: center;
	font-size: 10px;
	cursor: pointer;
}
.cell-title-unsort-arrow{
	font-size: 7px;
}
.cell-title-id{
	cursor: pointer;
}
.cell-title-created{
	cursor: pointer;
}
.cell-title-vertical{
	cursor: pointer;
}
.cell-title-co{
	cursor: pointer;
}
.cell-title-client{
	cursor: pointer;
}
.cell-title-account{
	cursor: pointer;
}
.cell-title-cpl{
	text-align: center;
	cursor: pointer;
}
.cell-title-day{
	cursor: pointer;
}
.cell-title-month{
	cursor: pointer;
}
.cell-title-live{
	cursor: pointer;
}
.cell-value{
	text-align: center;
}
.cell-total{
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}
.cell-bold{
	font-weight: bold;
}
.cell-delete{
	width: 5px;
	/*padding: 0 3px 0 3px;*/
}
.cell-edit{
	width: 10px;
	padding: 0 15px 0 15px;
	cursor: pointer;
	text-decoration: underline;
}
.cell-campaign-id{
	width: 40px;
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-created{
	width: 115px;
	padding: 0 5px 0 5px;
	text-align: left;
}
.cell-vertical{
	width: 80px;
	padding: 0 5px 0 5px;
	text-align: left;
}
.cell-company-code{
	width: 40px;
	padding: 0 5px 0 5px;
	text-align: left;
}
.cell-campaign-client{
	width: 200px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.cell-campaign-account{
	width: 350px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.cell-campaign-cpl{
	width: 60px;
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-campaign-day{
	width: 60px;
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-campaign-month{
	width: 70px;
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-campaign-revenue-title{
	width: 150px;
	padding: 0 5px 0 5px;
}
.cell-gub-title{
	width: 80px;
}
.cell-campaign-revenue{
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-campaign-committed-title{
	width: 80px;
	padding: 0 5px 0 5px;
	cursor: pointer;
}
.cell-campaign-committed{
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-enable{
	width: 10px;
}
.no-campaigns{
	text-align: center;
	font-size: 20px;
	padding: 50px;
}

.row{
	margin-bottom: 3px;
	padding: 5px 0 5px 0;
}
.name{
	/*background: white;*/
	float: left;
	width: 130px;
	margin: 0 8px 0 0;
	text-align: right;
	height: 20px;
}
.value{
	float: left;
	width: 400px;
	margin-right: 10px;
}
.add{
	float: left;
}
.side-scroll-left-arrow{
	float: left;
	padding: 4px 3px 0 0;
	cursor: pointer;
}
.side-scroll-right-arrow{
	float: right;
	padding: 6px 0 0 0;
	cursor: pointer;
}
.suggestion-list{
	white-space: nowrap;
	overflow-x: hidden;
	width: 58%;
	float: left;
}
.suggestion{
	cursor: pointer;
}
.suggestion:hover{
	cursor: pointer;
	background-color: #0a5383;
	color: white;
}


.generator-container{
	margin-top: 5px;
	border-top: 1px white solid;
	border-left: 1px white solid;
	box-sizing: border-box;
	width: 50%;
	display: table;
	font-size: 12px;
}
.generator-add-container{
	margin-top: 10px;
	border-top: 1px white solid;
	border-left: 1px white solid;
	box-sizing: border-box;
	width: 50%;
	display: table;
	font-size: 12px;
}
.generator-row{
	width: 100%;
	display: table-row;
}
.generator-cell{
	display: table-cell;
	padding: 3px;
	background-color: rgba(255,255,255,0.6);
	border-right: 1px white solid;
	border-bottom: 1px white solid;
}
.generator-weight{
	width:100px;
}
.generator-operations{
	text-align: center;
	cursor: pointer;
}

.preset-container{
	margin-top: 5px;
	border-top: 1px white solid;
	border-left: 1px white solid;
	box-sizing: border-box;
	width: 50%;
	display: table;
	font-size: 12px;
}
.preset-add-container{
	margin-top: 10px;
	border-top: 1px white solid;
	border-left: 1px white solid;
	box-sizing: border-box;
	width: 50%;
	display: table;
	font-size: 12px;
}
.preset-row{
	width: 100%;
	display: table-row;
}
.preset-cell{
	display: table-cell;
	padding: 3px;
	background-color: rgba(255,255,255,0.6);
	border-right: 1px white solid;
	border-bottom: 1px white solid;
}
.preset-operations{
	text-align: center;
	cursor: pointer;
}

.search-bar{
	float: right;
	padding-top: 3px;
}
.search-clear{
	display: inline;
	padding: 0 0 0 5px;
	cursor: pointer;
}


.click-overlay{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	/*background-color: rgba(255, 0, 0, 0.5);*/
}
.delete{
	padding: 5px 10px 5px 10px;
	/*float: left;*/
	position: relative;
	display: inline-block;
	background-color: #eee;
	border: 1px #ddd solid;
	border-radius: 3px;
}
.delete-right{
	/*margin: 5px 0 0 5px;*/
	float: right;
	position: relative;
	display: inline-block;
}
.strikeout{
	text-decoration: line-through;
}
.sort{
	margin: 5px 0 0 20px;
	float: right;
	position: relative;
	display: inline-block;
}
.sort-button{}
.sort-content{
	display: none;
	position: absolute;
	min-width: 150px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: -108px;
}
.sort-show{
	display: block;
}
.sort-filter{
	padding: 3px;
	border: 1px lightgray solid;
	border-radius: 3px;
	margin: 3px 0 0 0;
}
.sort-pos{
	font-size: 10px;
	font-weight: normal;
}
.view{
	margin: 5px 0 0 20px;
	float: right;
	position: relative;
	display: inline-block;
}
.view-button{}
.view-content{
	display: none;
	position: absolute;
	min-width: 300px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: -253px;
}
.view-show{
	display: block;
}
.view-checkbox{
	border-bottom: 1px #eee solid;
	padding: 3px 0 3px 0;
}
.view-label{
	cursor: pointer;
}
.view-clear-button{
	margin-top: 5px;
	float: right;
}

.dates{
	margin: 5px 0 0 20px;
	float: right;
	position: relative;
	display: inline-block;
}
.dates-button{}
.dates-content{
	display: none;
	position: absolute;
	min-width: 300px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: -247px;
}
.dates-show{
	display: block;
}
.date-filter{
	padding: 3px;
	border: 1px lightgray solid;
	border-radius: 3px;
	/*width: 100%;*/
	margin: 3px 0 0 0;
}

.pagination{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: white;
	box-shadow: 0 0 10px #222;
	z-index: 6;
}
.pagination-button{
	padding: 4px 8px 2px 8px;
	font-size: 14px;
	background-color: white;
	color: #777;
}
.pagination-button-all:disabled{
	background-color: white;
	padding: 4px 8px 2px 8px;
	font-size: 14px;
	margin-left: 20px;
	color: #bbb;
	/*cursor: auto;*/
}
.pagination-button-all{
	background-color: white;
	padding: 4px 8px 2px 8px;
	font-size: 14px;
	margin-left: 20px;
	color: black;
}
.pagination-button-settings{
	margin-right: 20px;
	padding: 4px 8px 2px 8px;
	font-size: 14px;
	background-color: white;
	color: #777;
}
.pagination-icon{
	font-size: 12px;
}
.pagination-pages{
	display: inline;
	text-align: center;
}
.pagination-page{
	display: inline;
}
.pagination-cur-page{
	font-weight: bold;
	display: inline-block;
	min-width: 40px;
	text-align: center;
	border: 1px #eee solid;
	background-color: white;
	border-radius: 3px;
}
.pagination-other-page{
	font-weight: normal;
	display: inline-block;
	cursor: pointer;
	min-width: 40px;
	text-align: center;
	border: 1px #eee solid;
	background-color: white;
	border-radius: 3px;
}

.campaigns-total{
	text-align: center;
	/*margin-bottom: 20px;*/
	font-size: 12px;
}

.pagination-settings{
	margin: 5px 0 0 20px;
	position: relative;
	display: inline-block;
}
.pagination-settings-button{}
.pagination-settings-content{
	display: none;
	position: absolute;
	min-width: 200px;
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-top: -75px;
	height: 30px;
}
.pagination-settings-show{
	display: block;
}
.results-per-page-box{
	width: 60px;
	margin-right: 10px;
	text-align: center;
}

.check-uncheck-all-div{
	margin: 5px;
	font-size: 12px;
}
.check-uncheck-all{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.days_of_week_label{
	margin-bottom: 5px;
}
.days_of_week{
	margin-right: 10px;
	cursor: pointer;
}
.deactivate{
	float: right;
}
.activate{
	float: right;
	background-color: #ffe6d5;
	color: black;
}
.active-inactive{
	border-bottom: 1px lightgray solid;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.active-checkbox{
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px lightgray solid;
}
.inactive-checkbox{
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px lightgray solid;
	background-color: #ffe6d5;
}


.campaign-response-header{
	margin-top: 20px;
}

.campaign-leads-container{
	border-top: 1px lightgray solid;
	border-left: 1px lightgray solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	font-size: 14px;
	/*margin-bottom: 70px;*/
}
.campaign-leads-row{
	width: 100%;
	display: table-row;
	background-color: white;
}
.campaign-leads-cell{
	display: table-cell;
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
	width: 12%;
}
.campaign-leads-cell-email{
	display: table-cell;
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
	width: 40%;
}
.cell-title-mark{
	width:100px;
}
.cell-value-mark{
	width:100px;
	text-align: center;
}
.bad-log{
	background-color: white;
	border-left: 1px lightgray solid;
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
	height: 0;
	overflow: hidden;
}
.bad-log-show-button{
	/*float: right;*/
	/*background-color: red;*/
}
.show-bad-log{
	height: auto;
	margin-bottom: 50px;
	overflow: auto;
}
.bad-log-matchtext{
	display: none;
}
.show-bad-log-matchtext{
	display: block;
}

.mapping-container{
	margin-top: 2px;
	border-top: 1px white solid;
	border-left: 1px white solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	font-size: 12px;
	background-color: #adc2d1;
}
.mapping-add-container{
	margin-top: 10px;
	border-top: 1px white solid;
	border-left: 1px white solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	font-size: 12px;
}
.mapping-row{
	width: 100%;
	display: table-row;
	height: 5px;
}
.mapping-cell{
	display: table-cell;
	padding: 3px;
	background-color: rgba(255,255,255,0.6);
	border-right: 1px white solid;
	border-bottom: 1px white solid;
}
.mapping-operations{
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.mapping-blank{
	width: 14px;
}
.mapping-title{
	background-color: rgba(255,255,255,0.6);
	padding: 5px;
	font-size: 12px;
}
input[type="text"].mapping-dup{
	background-color: pink;
}
.mapping-not-finished{
	background-color: yellow;
}
.edu-container{
	/*display: inline-block;*/
}
.edu-top-level-shown{
	display: inline-block;
	width: 100%;
}
input[type="text"].edu-field-text{
	font-size: 13px;
	/*border: 0;*/
	padding: 2px 2px 2px 3px;
}
.zips-level-shown{
	display: inline-block;
	width: 100%;
}
.states-level-shown{
	display: inline-block;
	width: 100%;
}
.programs-level-shown{
	width: 100%;
}
.mapping-display-name{
	width: 40%;
}
.mapping-campus-code{
	width: 15%;
}
.mapping-program{
	width: 40%;
}
.zips-container{
	display: inline-block;
	width: 10%;
	margin-top: 2px;
	margin-right: 2px;
}
.zipcode-help{
	padding: 5px;
}

.state-list{
	padding: 5px 0 5px 0;
	border-bottom: 1px #ddd solid;
	margin-bottom: 5px;
}
.state-column{
	display: inline-block;
	width: 19.5%;
}
.state-container{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	border-radius: 5px;
	margin-right: 5px;
	display: inline-block;
	margin: 3px;
	width: 180px;
}
.state-container-selected{
	background-color: #dee6ec;
}
.district-list{
	padding: 0 0 5px 0;
	border-bottom: 1px #ddd solid;
	margin-bottom: 5px;
}

.all-programs{
	padding: 5px;
	font-size: 13px;
}
.add-all{
	margin-right: 20px;
}

.insert-value{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px lightgray solid;
}

.continue-searching{
	position:fixed;
	bottom: 0;
	/*left: 50px;*/
	z-index:15;
	margin:0;
	
	background-color: #0a5383;
	box-shadow: 0 1px 3px 0 #222;
	margin-bottom: 5px;
	padding: 10px;
}



.sources-container{
	border-top: 1px lightgray solid;
	border-left: 1px lightgray solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	font-size: 14px;
	margin-bottom: 10px;
}
.sources-row{
	width: 100%;
	display: table-row;
	background-color: white;
}
.sources-row-inactive{
	background-color: #ffe6d5;
}
.sources-cell{
	display: table-cell;
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
	padding: 0 5px 0 5px;
}
.sources-total{
	display: table-cell;
	padding: 1px;
	background-color: white;
	border-right: 1px lightgray solid;
	border-top: 4px #f2f2f2 solid;
	border-bottom: 1px lightgray solid;
	padding: 5px 0 5px 0;
}
.sources-total-no-border{
	display: table-cell;
	padding: 1px;
	background-color: white;
	border-top: 4px #f2f2f2 solid;
	border-bottom: 1px lightgray solid;
	padding: 5px 0 5px 0;
}
.sources-total-border-top{
	border-top: 1px lightgray solid;
}

.cell-source-id{
	width: 80px;
	text-align: right;
}
.cell-source-created{
	width: 80px;
	text-align: left;
}
.cell-source-title{
	text-align: left;
}
.cell-source-co{
	width: 40px;
	text-align: left;
}
.cell-source-restriction{
	width: 150px;
	text-align: left;
}
.cell-source-email{
	width: 250px;
	text-align: left;
}
.cell-source-url{
	text-align: left;
}
.cell-source-price{
	width: 80px;
	text-align: right;
}
.cell-source-live{
	width: 30px;
}

.cell-id{
	width: 60px;
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-name{
	padding: 0 5px 0 5px;
	text-align: left;
}
.cell-post-company{
	width: 100px;
	padding: 0 5px 0 5px;
	text-align: left;
}
.cell-contact-info{
	padding: 0 5px 0 5px;
	text-align: left;
}
.cell-url{
	padding: 0 5px 0 5px;
	text-align: left;
}
.cell-price{
	width: 80px;
	padding: 0 5px 0 5px;
	text-align: right;
}
.cell-live{
	width: 30px;
	padding: 0 5px 0 5px;
	text-align: center;
}

.suggestion-link{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	border-radius: 5px;
	margin: 5px 5px 0 0;
	cursor: pointer;
	/*display: inline-block;*/
	float: left;
}
.key-text{
	padding: 3px 5px 2px 5px;
	/*border: 1px #aaa solid;*/
	/*border-radius: 5px;*/
	margin: 5px 5px 0 0;
	/*cursor: pointer;*/
	/*display: inline-block;*/
	float: left;
}
.key-act{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	border-radius: 5px;
	margin: 5px 5px 0 0;
	/*display: inline-block;*/
	float: left;
}

.cache-of-accounts{
	overflow-y: auto;
	overflow-x: hidden;
	height: 300px;
	margin: 0 0 0 3px;
}

.arrow-drag-drop{
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	border-top: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
	margin: 5px 0 5px 0;
	padding: 2px 0 0 0;
}
.drag-drop-text{
	font-size: 20px;
}
.associations{
}

.association-box{
	min-width: 260px;
	max-width: 260px;
	min-height: 200px;
	border: 1px lightgray solid;
	/*display: inline-block;*/
	float: left;
	margin: 5px 5px 0 3px;
	padding: 3px;
}
.associations-area{
	float: left;
	width: 238px;
}
.associations-delete{
	float: right;
	cursor: pointer;
	color: lightgray;
}

.association-box-selected{
	background-color: gray;
	color: white;
}
.association-box-account{
	background-color: #ffdab6;
}
.association-box-client{
	background-color: #fff2b6;
}

.form-entry{
	margin-bottom: 10px;
}
.form-name{
	float: left;
	width: 190px;
	margin: 2px 12px 0 0;
	text-align: right;
}
.form-value{
	float: left;
	width: 60%;
	margin-right: 10px;
}
.form-value-text{
	float: left;
	width: 60%;
	margin-right: 10px;
	background-color: #eaeaea;
	border:1px #999 solid;
	color: black;
	padding: 3px 13px 5px 5px;
	box-sizing: border-box;
	font-size: 15px;
	box-shadow: inset 1px 1px 2px #b9b9b9;
}

.sources-list-total{
	text-align: center;
	/*margin-bottom: 20px;*/
	font-size: 12px;
}

.access-code-margin{
	margin-top:20px;
}
.access-code-box{
	border: 1px gray dashed;
	padding: 1px 5px 1px 5px;
	background-color: white;
}

.source-button{}
.source-content{
	display: none;
	position: absolute;
	min-width: 300px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: -232px;
}
.source-show{
	display: block;
}
.source{
	margin: 5px 0 0 20px;
	float: right;
	position: relative;
	display: inline-block;
}
.source-filter{
	padding: 3px;
	border: 1px lightgray solid;
	border-radius: 3px;
	/*width: 100%;*/
	margin: 3px 0 0 0;
}

.campaign-view{
	margin: 5px 0 0 20px;
	float: right;
	position: relative;
	display: inline-block;
}
.campaign-view-button{}
.campaign-view-content{
	display: none;
	position: absolute;
	min-width: 400px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: -313px;
}
.campaign-view-show{
	display: block;
}
.campaign-view-checkbox{
	border-bottom: 1px #eee solid;
	padding: 3px 0 3px 0;
}
.campaign-view-label{
	cursor: pointer;
}
.campaign-view-filter{
	padding: 3px;
	border: 1px lightgray solid;
	border-radius: 3px;
	/*width: 100%;*/
	margin: 3px 0 0 0;
}


.leads-container{
	border-top: 1px lightgray solid;
	border-left: 1px lightgray solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	font-size: 14px;
	margin-bottom: 10px;
}
.leads-row{
	width: 100%;
	display: table-row;
	background-color: white;
}
.leads-row-inactive{
	background-color: #ffe6d5;
}
.leads-cell{
	display: table-cell;
	/*padding: 1px;*/
	/*background-color: white;*/
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
}
.cell-lead-source-id{
	width: 50px;
	padding: 0 5px 0 10px;
	text-align: right;
}
.cell-fname{
	width: 170px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.cell-lname{
	width: 170px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.cell-email{
	width: 300px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.cell-city{
	width: 170px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.cell-state{
	width: 80px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.cell-max-sold{
	width: 80px;
	padding: 0 5px 0 10px;
	text-align: right;
}


.view-lead-title{
	margin-top: 30px;
	border: 1px lightgray solid;
	padding: 10px;
	background-color: white;
}
.view-lead-container{
	border-top: 1px lightgray solid;
	border-left: 1px lightgray solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	font-size: 14px;
	margin: 10px 0 10px 0;
}
.view-lead-row{
	width: 100%;
	display: table-row;
	background-color: white;
}
.view-lead-cell{
	display: table-cell;
	padding: 5px;
	/*background-color: white;*/
	border-right: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
}
.lead-key{
	width: 25%;
	font-weight: bold;
}
.lead-value{
	width: 75%;
}
.view-lead-multi-key{
	font-weight: bold;
}

.field-container{
	border-bottom: 1px black dashed;
	padding: 10px;
}
.field-title{
	float: left;
	width: 15%;
	vertical-align: top;
}
.field-type{
	float: left;
	width: 13%;
	vertical-align: top;
}
.field-max-length{
	float: left;
	width: 15%;
	vertical-align: top;
}
.field-required{
	float: left;
	width: 9%;
	vertical-align: top;
}
.field-type-response{
	float: left;
	width: 44%;
	vertical-align: top;
	max-height: 150px;
	overflow-y: hidden;
}
.field-type-response-all{
	float: left;
	width: 43%;
	vertical-align: top;
}
.field-show{
	float: right;
	width: 5%;
	vertical-align: top;
}

.restriction-remove{
	padding:5px; 
	margin-top:3px;
}
.restriction-title{
	font-weight: bold;
	border-bottom: 1px lightgray solid;
}
.restrictions-edit{
	margin-left: 20px;
}
.restrictions-rename{
	margin-left: 10px;
}
.restriction-list-item{
	margin: 0 0 0 5px;
	padding: 2px 0 2px 5px;
	border-bottom: 1px lightgray solid;
}
.restriction-list-item-title{
	display: inline-block;
	width: 300px;
	max-width: 300px;
}
.restriction-response-add-button{
	vertical-align: top;
}
.response-box-div{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	border-radius: 5px;
	margin: 0 5px 5px 0;
}
.response-box{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	border-radius: 5px;
	margin: 0 5px 5px 0;
	float: left;
}

.accounts{
	margin: 29px 0 0 0;
	float: left;
	position: relative;
	display: inline-block;
}
.accounts-button{}
.accounts-content{
	display: none;
	position: absolute;
	min-width: 300px;
	max-height: 300px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: 137px;
	margin-top: 29px;
	overflow-y: scroll;
}
.accounts-show{
	display: block;
}

.clients{
	margin: 29px 0 0 0;
	float: left;
	position: relative;
	display: inline-block;
}
.clients-button{}
.clients-content{
	display: none;
	position: absolute;
	min-width: 300px;
	max-height: 300px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: 137px;
	margin-top: 29px;
	overflow-y: scroll;
}
.clients-show{
	display: block;
}

.campaign-logs{
	padding: 0 20px 20px 20px;
}


.edit-title{
	font-weight: bold;
	border-bottom: 1px lightgray solid;
}
.edit-edit{
	margin-left: 20px;
}
.edit-rename{
	margin-left: 10px;
}
.edit-list-item{
	margin: 0 0 0 5px;
	padding: 2px 0 2px 5px;
	border-bottom: 1px lightgray solid;
}
.edit-list-item-title{
	display: inline-block;
	width: 300px;
	max-width: 300px;
}
.edit-margin{
	margin-bottom: 3px;
}

.edit-category{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	background-color: white;
	margin: 5px 3px 0 2px;
	/*cursor: pointer;*/
	/*display: inline-block;*/
	float: left;
}
.edit-category-label{
	float: left;
	margin: 6px 5px 0 0;
}
.edit-name{
	padding: 2px 5px 2px 5px;
	border: 1px #aaa solid;
	background-color: #f2f2f2;
	border-radius: 5px;
	margin: 3px 2px 3px 0px;
	cursor: pointer;
	/*display: inline-block;*/
	float: left;
}

.verticals-background{
	position: fixed;
	top: 55px;
	background-color: white;
	height: 198px;
}
.sub-toolbar-vertical{
	margin: 15px 0 0 0;
}
.cache-of-fields{
	/*position: fixed;*/
	/*top: 130px;*/
	overflow-y: auto;
	overflow-x: hidden;
	height: 90px;
	background-color: white;
}
.vertical-arrow-drag-drop{
	/*position: fixed;*/
	/*top: 266px;*/
	/*width: 100%;*/
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	border-top: 1px lightgray solid;
	border-bottom: 1px lightgray solid;
	margin: 5px 0 5px 0;
	padding: 2px 0 0 0;
	background-color: white;
}
.verticals{
	margin-top: 192px;
}
.vertical-box{
	min-width: 170px;
	min-height: 200px;
	border: 1px lightgray solid;
	/*display: inline-block;*/
	float: left;
	margin: 5px 3px 0 2px;
	/*padding: 3px;*/
}
.vertical-title{
	text-align: center;
	border-bottom: 1px lightgray solid;
	background-color: white;
}
.vertical-fields{
	
}
.vertical-field{
	padding: 0 3px 0 3px;
	border-bottom: 1px lightgray dashed;
}
.vertical-add-custom-field{
	margin: 5px 0 5px 3px;
	font-size: 12px;
	color: gray;
	cursor: pointer;
}
.vertical-field-new{
	background-color: white;
}
.vertical-delete{
	margin: 5px 3px 0 0;
	float: right;
	/*cursor: pointer;*/
	border-left: 1px lightgray solid;
	padding: 0 0 0 4px;
	color: #bbb;
}
.vertical-rename-vertical{
	/*color: #999;*/
	float: left;
	margin: 5px 3px 0 3px;
	font-size: 12px;
	padding: 0 4px 0 0;
	border-right: 1px lightgray solid;
	cursor: pointer;
}
.vertical-rename-field{
	/*color: #999;*/
	font-size: 12px;
	padding: 0 4px 0 0;
	border-right: 1px lightgray solid;
	cursor: pointer;
}
.vertical-field-delete{
	/*color: #999;*/
	margin-top: 5px;
	float: right;
	border-left: 1px lightgray solid;
	padding: 0 0 0 4px;
	cursor: pointer;
}

.import-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.import-file + label {
	background-color: #0a5383;
	color: white;
	border-radius: 3px;
	cursor: pointer;
	padding: 7px 12px 6px 12px;
	font-size: 16px;
}
.import-choose-file{
	float: left;
	padding: 7px 10px 7px 0;
}

.import-container{
	/*width: 50%;*/
}
.import-field-header{
	font-weight: bold;
}
.import-field-titles{
	padding: 2px 0 2px 0;
	border-bottom: 1px #aaa dashed;
	background-color: #f2f2f2;
	margin: 3px 2px 3px 0px;
	cursor: pointer;
	/*display: inline-block;*/
	/*float: left;*/
}
.source-content{
	display: none;
	position: absolute;
	min-width: 300px;
	max-height: 300px;
	box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.2);
	background-color: white;
	padding: 10px;
	border: 1px lightgray solid;
	z-index: 10;
	margin-left: 85px;
	margin-top: 0px;
	overflow-y: scroll;
}
.source-show{
	display: block;
}
.source-name{
	/*float: left;*/
	display: inline-block;
	margin: 0 8px 0 0;
	text-align: right;
	height: 20px;
}
.source-value{
	display: inline-block;
	width: 260px;
	margin-right: 10px;
}




.wizard-button-container{
	margin-top: 20px;
}
.wizard-button-final{
	float: right;
	margin-left: 20px;
}
.wizard-button-next{
	float: right;
}
.wizard-button-back{
	float: right;
	margin-right: 10px;
}

.notification-emails{
	width: 300px;
}
.notification-email-box{
	margin-bottom: 5px;
	border-bottom: 1px lightgray dashed;
}
.notification-email{
	float: left;
}
.notification-delete{
	margin: 5px 5px 0 5px;
	float: right;
	border-left: 1px lightgray solid;
	padding-left: 5px;
	cursor: pointer;
}
.key{
	position: absolute;
	right: 0;
	top: 1px;
	font-size: 10px;
}
.key-item{
	border: 1px #eee solid;
	margin-left: 1px;
}

.post-string-urls{
	margin: 20px 0;
}
.post-string-container{
	display: grid;
	grid-template-columns: 250px;
	margin-bottom: 5px;
	border-bottom: 1px lightgray solid;
}
.post-string-key{
	grid-column: 1;
}
.post-string-value{
	grid-column: 2;
}