@charset "UTF-8";
/****************************************************
 * Global UI Styles
 ****************************************************/
.clear {
  clear: both;
}

.mask {
  background-color: #202020;
  opacity: 0;
  transition: opacity 0.2s ease 2s;
}

/****************************************************
 * Floating Window Styles
 ****************************************************/
.Window {
  float: left;
  position: absolute;
  clear: both;
  background-color: #FFF;
  border: solid 1px #000;
}
.Window h2 {
  display: block;
  background-color: #7F8EBC;
  color: #eee;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  border-bottom: solid 1px #666;
}
.Window .draggable {
  cursor: move;
}
.Window .content {
  padding-left: 1em;
  padding-right: 1em;
  display: block;
  border: 0;
  clear: both;
}
.Window .content h2 {
  padding: 0;
  font-size: 130%;
  margin: 0;
  font-family: Verdana;
  text-align: center;
  margin-bottom: 1em;
}
.Window .footer {
  background: url("../img/grey_fade4.jpg");
  padding: 0;
  margin: 0;
  border-top: solid 1px #eeb;
}

.Window2 {
  float: left;
  position: absolute;
  clear: both;
  background-color: #FFF;
  border: solid 1px #000;
}
.Window2 .draggable {
  cursor: move;
}
.Window2 .content {
  padding-left: 1em;
  padding-right: 1em;
  display: block;
  border: 0;
  clear: both;
}
.Window2 .content h2 {
  padding: 0;
  font-size: 130%;
  margin: 0;
  font-family: Verdana;
  text-align: center;
  margin-bottom: 1em;
}
.Window2 .footer {
  background: url("../img/grey_fade4.jpg");
  padding: 0;
  margin: 0;
  border-top: solid 1px #eeb;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.static {
  position: static !important;
  clear: none !important;
  margin-left: 1em;
}

.WindowBackground {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.AngusWindow {
  float: left;
  position: absolute;
  clear: both;
  background-color: #FFF;
  border: solid 1px #000;
  top: 143px;
  left: 5em;
}
.AngusWindow h2 {
  display: block;
  background-color: #7F8EBC;
  color: #eee;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  border-bottom: solid 1px #666;
}
.AngusWindow .draggable {
  cursor: move;
}
.AngusWindow .content {
  padding-left: 1em;
  padding-right: 1em;
  display: block;
  border: 0;
  clear: both;
}
.AngusWindow .content h2 {
  padding: 0;
  font-size: 130%;
  margin: 0;
  font-family: Verdana;
  text-align: center;
  margin-bottom: 1em;
}
.AngusWindow .footer {
  background: url("../img/grey_fade4.jpg");
  padding: 0;
  margin: 0;
  border-top: solid 1px #eeb;
}

.InterventionWarning {
  top: 100px;
  width: 600px;
  position: absolute;
  left: 30%;
}
.InterventionWarning .content {
  padding: 0;
  display: block;
  background-color: lightyellow;
  padding-bottom: 12px;
  border: 1px solid #46527C;
}
.InterventionWarning .header {
  color: white;
  text-shadow: 1px 1px 1px black;
  background: url("../img/widget_corners2.jpg");
}
.InterventionWarning .footer {
  background-color: lightyellow;
  margin: 0;
  border: solid 1px #46527C;
  height: 24px;
}

.InterventionLedger {
  float: left;
  position: absolute;
  clear: both;
  background-color: #FFF;
  border: solid 1px #000;
}
.InterventionLedger .footer {
  margin: 0;
  height: 24px;
  margin-top: 8px;
  border-top: solid 1px #46527C;
  background-color: #BDC3D7;
  padding-right: 14px;
  padding-left: 14px;
  vertical-align: middle;
}

/****************************************************
 * WaterMarked Text Box Styles
 ****************************************************/
.WaterMarkedTextBox {
  border: solid 1px #000;
  color: gray;
  display: inline;
  background: AliceBlue;
  background: #C0C0FF;
  visibility: visible;
  text-align: center;
}

.FocusedTextBox {
  border: solid 1px #777;
  color: black;
  display: inline;
  background: #ffc;
  visibility: visible;
}

.NormalTextBox {
  border: solid 1px #777;
  color: black;
  display: inline;
  background: #fff;
  visibility: visible;
}

/****************************************************
 * Validation Summary Styles
 ****************************************************/
.ValidationSummary {
  border: solid 1px #aaa;
  background: #FFFAA8 url("../img/warning.gif") no-repeat;
  background-position: 4px center;
  margin: 0.5em;
  padding: 0.5em;
  color: Red;
  font-weight: bold;
  padding-left: 2.5em;
  position: relative;
}
.ValidationSummary ul {
  padding: 0;
  margin: 0;
  list-style-type: disc;
  margin-left: 1em;
}

.ErrorSummary {
  border: solid 1px #f22;
  background: #ffeabd url("../img/stop.gif") no-repeat;
  background-position: 4px center;
  margin: 0.5em;
  padding: 0.5em;
  color: #444;
  padding-left: 2.5em;
  position: relative;
}
.ErrorSummary ul {
  padding: 0;
  margin: 0;
  list-style-type: disc;
  margin-left: 1em;
}

.SuccessSummary {
  border: solid 1px #76B376;
  background: #eef url("../img/check2.gif") no-repeat;
  background-position: 4px center;
  margin: 0.5em;
  padding: 0.5em;
  color: Green;
  font-weight: bold;
  text-align: center;
  padding-left: 2.5em;
  position: relative;
}

.InfoSummary {
  text-align: center;
  font-size: x-large;
}

/****************************************************
 * Action button
 ****************************************************/
/*
.action {
	cursor: pointer;
}
*/
.actionButton {
  float: left;
}

/*
.actionDDNew {
	position: absolute;
	z-index: 500;
	width: 12em;
	margin-top: 1.5em;
	margin-left: 7px;

	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		border: solid 1px #283159;
		background-color: #E8ECF9;
		display: none;
		overflow: hidden;
		ul {
			list-style-type: none;
			padding: 0;
			border: solid 1px #000;
			background-color: #E8ECF9;
			display: none;
			position: absolute;
			z-index: 999;
			width: 27em;
			margin-left: 120px;
		}
	}
	li {
		text-align: left;
		margin: 0;
		padding: 0 1em 0 1em;
		cursor: pointer;
		line-height: 1.5em;
		clear: both;
		img.f {
			float: right;
			width: 16px;
			display: none;
		}
		a {
			display: block;
			color: #000;
			text-decoration: none;
			padding: 1px;
			width: 95%;
			float: left;
			text-shadow: none;
			&:visited {
				display: block;
				color: #000;
				text-decoration: none;
				padding: 1px;
				width: 95%;
				float: left;
				text-shadow: none;
			}
			&:hover {
				color: #151D42;
				background: #FFFF7F;
			}
		}
		a.more {
			background: url('../img/more.gif') no-repeat top right;
		}
		a.hover {
			color: #151D42;
			background: #FFFF7F;
		}
	}
	li.end {
		clear: both;
		height: 0;
		line-height: 0;
	}
}
*/
.actionDD {
  position: absolute;
  z-index: 500;
  width: 12em;
  margin-top: 1.5em;
  margin-left: 7px;
}
.actionDD ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: solid 1px #283159;
  background-color: #E8ECF9;
  display: none;
  overflow: hidden;
}
.actionDD ul ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: solid 1px #000;
  background-color: #E8ECF9;
  display: none;
  position: absolute;
  z-index: 999;
  width: 27em;
  margin-left: 1px;
}
.actionDD li {
  text-align: left;
  margin: 0;
  padding: 0 1em 0 1em;
  cursor: pointer;
  line-height: 1.5em;
  clear: both;
}
.actionDD li img.f {
  float: right;
  width: 16px;
  display: none;
}
.actionDD li a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 1px;
  width: 95%;
  float: left;
  text-shadow: none;
}
.actionDD li a:visited {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 1px;
  width: 95%;
  float: left;
  text-shadow: none;
}
.actionDD li a:hover {
  color: #151D42;
  background: #FFFF7F;
}
.actionDD li a.more {
  background: url("../img/more.gif") no-repeat top right;
}
.actionDD li a.hover {
  color: #151D42;
  background: #FFFF7F;
}
.actionDD li.end {
  clear: both;
  height: 0;
  line-height: 0;
}

/****************************************************
 * Color picker styles
 ****************************************************/
.colorPicker {
  border: solid 1px #000;
  padding: 0;
  margin: 0;
  background-color: #fff;
  position: absolute;
  z-index: 25;
}
.colorPicker .hdr {
  background-color: #eee;
  padding: 2px 0 2px 0;
}
.colorPicker .hdr h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
  font-size: 100%;
  margin-left: 1em;
  float: left;
}
.colorPicker .hdr .close {
  margin: 0;
  padding: 0 2px 0 2px;
  font-size: 100%;
  float: right;
  margin-right: 5px;
  border: solid 1px #ddd;
  background-color: #fff;
  line-height: 1em;
}
.colorPicker .hdr .close a {
  text-decoration: none;
  color: #555;
  font-family: Tahoma;
  position: relative;
  top: -2px;
}
.colorPicker .hdr .close a:visited {
  text-decoration: none;
  color: #555;
  font-family: Tahoma;
  position: relative;
  top: -2px;
}
.colorPicker .hdr .close a:hover {
  text-decoration: underline;
  color: #aaf;
}
.colorPicker table {
  border: solid 1px #777;
  padding: 0px;
}
.colorPicker td {
  border: solid 1px #000;
  display: block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  cursor: pointer;
  margin: 0;
  padding: 1px;
  float: left;
}
.colorPicker td.h {
  border: solid 1px #fff;
}

.pickerButton {
  width: 32px;
  height: 12px;
  line-height: 12px;
  border: solid 1px #000;
  cursor: pointer;
}

/****************************************************
 * Pagination Control Styles
 ****************************************************/
.paginate {
  border-top: solid 1px #444;
  border-bottom: solid 1px #444;
}
.paginate a {
  color: Blue;
  text-decoration: underline;
  color: #44f;
}
.paginate a:visited {
  color: Blue;
  text-decoration: underline;
  color: #44f;
}
.paginate a:hover {
  text-decoration: underline;
  color: Blue;
}

/****************************************************
 * Dual list box
 ****************************************************/
.dual_list h5 {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 100%;
}
.dual_list .list_left {
  float: left;
}
.dual_list .list_center {
  float: left;
}
.dual_list .list_center button {
  display: block;
  margin-top: 2em;
}
.dual_list .list_right {
  float: left;
}

.list_center button {
  width: 8em;
}

.list_left select {
  width: 10em;
}

.list_right select {
  width: 10em;
}

/****************************************************
 * Select Extender
 ****************************************************/
.dropdown a {
  text-decoration: none;
  cursor: pointer;
  color: #000;
}
.dropdown a:hover {
  text-decoration: none;
  background: #8CA7FF;
}
.dropdown a.hover {
  text-decoration: none;
  background: #8CA7FF;
}
.dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 24em;
  position: absolute;
  background-color: #fff;
  border: solid 1px #000;
  margin-top: 1em;
  z-index: 99999999;
}
.dropdown ul a {
  color: black;
  text-decoration: none;
  display: block;
  padding-left: 1em;
}
.dropdown ul a:visited {
  color: black;
  text-decoration: none;
  display: block;
  padding-left: 1em;
}
.dropdown li {
  text-align: left;
  background: #fff;
}
.dropdown li.more {
  background: url("../img/dropmore.gif") right top no-repeat;
}

.transparent {
  background: #000;
}

/****************************************************
 * TreeView
 ****************************************************/
.ImageCheckbox {
  display: inline;
}

/****************************************************
 * TreeView
 ****************************************************/
.Tree a {
  text-decoration: none;
}
.Tree a:hover {
  text-decoration: underline;
}
.Tree div {
  margin-left: 1.5em;
}
.Tree div.node {
  margin-left: 0;
}
.Tree .label {
  position: relative;
  top: -3px;
  margin-left: 3px;
}
.Tree .leaf {
  margin-left: 16px;
}
.Tree .selected {
  background: #bbf;
  border: solid 1px #000;
}

/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
/*
BODY {
	padding-bottom: 0px;
	background-color: #ffffff;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: "Verdana";
	color: #333;
	font-size: small;
	padding-top: 0px;
}
*/
body {
  height: 100% !important;
  font-family: "open sans", Arial, sans-serif;
  font-size: 12px;
  color: black;
  margin: 0;
  padding: 0;
}

.biweekly {
  text-align: right;
  font-size: x-small;
}

.b {
  font-weight: bold;
}

.dis {
  color: gray;
}

.del {
  color: red;
}

.h {
  display: none;
}

.n {
  text-align: left;
  font-weight: normal;
}

.error {
  color: red;
}

.center {
  text-align: center !important;
}

.hint {
  line-height: normal;
  float: left;
  color: #444;
  margin-left: 1em;
  font-size: 70%;
  margin-right: 1em;
}

LEGEND {
  color: blue;
}

INPUT {
  /*
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 13px;
  padding-top: 1px;
  */
}
INPUT .d {
  background-color: #aaa;
}

TEXTAREA {
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 13px;
  padding-top: 1px;
}

LABEL .d {
  color: #aaa !important;
  font-weight: normal !important;
}

SPAN.d {
  color: #aaa !important;
  font-weight: normal !important;
}

/*
A {
	color: #07519a;
	&:visited {
		color: #07519a;
	}
	IMG {
		border-bottom: 0px;
		border-left: 0px;
		border-top: 0px;
		border-right: 0px;
	}
}
*/
.awhite {
  color: white;
}
.blank {
  border-bottom: 0px;
  border-left: 0px;
  background: #fff;
  border-top: 0px;
  border-right: 0px;
}

A.disabled {
  color: #555 !important;
}
A.disabled:visited {
  color: #555 !important;
}

H4 {
  margin: 1em 0px 0px;
  font-size: 100%;
}
H4 A {
  text-decoration: none;
}

/*
BUTTON {
	border-bottom: #000 1px solid;
	border-left: 0px;
	padding-bottom: 0px;
	margin: 0px 5px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background: url(../img/bg_header_dark.png);
	color: #333;
	font-size: 90%;
	border-top: 0px;
	font-weight: bold;
	border-right: #000 1px solid;
	padding-top: 0px;
	IMG {
		padding-bottom: 0px;
		margin: 0px 5px 0px 0px;
		padding-left: 0px;
		padding-right: 0px;
		vertical-align: middle;
		padding-top: 0px;
	}
	IMG.f {
		margin: 5px 0px 0px 5px;
		vertical-align: top;
	}
}
BUTTON.l {
	float: left;
}
BUTTON.d {
	background-color: #aaa;
	color: gray;
	cursor: default;
}
*/
#header {
  border-bottom: #a2a3a5 1px solid;
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  width: 100%;
  padding-right: 0px;
  background-color: #7F8EBC;
  padding-top: 0px;
}
#header img {
  max-height: 48px;
}
#header .top {
  border-bottom: #151d42 1px solid;
  border-left: 0px;
  padding-bottom: 5px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #fff;
  border-top: 0px;
  border-right: 0px;
  padding-top: 0px;
  text-shadow: 2px 2px #000000;
}
#header H1 {
  text-align: center;
  padding-bottom: 2px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: "Georgia";
  color: #fff;
  padding-top: 0px;
}

.top .left {
  display: inline;
}
.top .center {
  text-align: center;
  display: inline;
  font-family: Verdana;
  font-size: 26px;
  font-weight: bold;
}
.top .right {
  display: inline;
}

/*
#nav {
	border-bottom: #aacbee 1px solid;
	padding-bottom: 0px;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	border-top: #aacbee 1px solid;
	padding-top: 0px;
	LI {
		padding-bottom: 0px;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
		float: left;
		padding-top: 0px;
	}
	A.selected {
		color: #3e4c54;
		font-weight: bold;
	}
	A {
		padding-bottom: 3px;
		padding-left: 0.75em;
		padding-right: 0.75em;
		display: block;
		color: #eee;
		text-decoration: none;

		&:visited {
			padding-bottom: 3px;
			padding-left: 0.75em;
			padding-right: 0.75em;
			display: block;
			color: #eee;
			text-decoration: none;
		}

		&:hover {
			color: red;
		}
	}
	SPAN.selected {
		padding-bottom: 3px;
		padding-left: 0.75em;
		width: 100%;
		padding-right: 0.75em;
		color: yellow;
		font-weight: bold;
	}
	UL {
		border-bottom: #000 1px solid;
		text-align: right;
		border-left: #000 1px solid;
		padding-bottom: 0px;
		padding-left: 1em;
		width: 100px;
		padding-right: 1em;
		background: #fff;
		border-top: #000 1px solid;
		right: 0px;
		border-right: #000 1px solid;
		padding-top: 0px;
		LI {
			padding-bottom: 0px;
			margin: 0px;
			padding-left: 0px;
			width: 100%;
			padding-right: 0px;
			padding-top: 0px;
		}
		A {
			border-bottom: 0px;
			border-left: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
			width: 100%;
			padding-right: 0px;
			color: #000;
			border-top: 0px;
			border-right: 0px;
			padding-top: 0px;
			&:visited {
				border-bottom: 0px;
				border-left: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				width: 100%;
				padding-right: 0px;
				color: #000;
				border-top: 0px;
				border-right: 0px;
				padding-top: 0px;
			}
			&:hover {
				border-bottom: 0px;
				border-left: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				padding-right: 0px;
				color: #000;
				border-top: 0px;
				border-right: 0px;
				text-decoration: underline;
				padding-top: 0px;
			}
		}
	}
}
*/
#content {
  min-width: 990px;
  padding-bottom: 1em;
  padding-left: 0px;
  padding-right: 0px;
  background: #fff;
  padding-top: 1em;
}

.loading {
  display: inline;
  z-index: 15;
  font-size: 24px;
  font-weight: bold;
  font-family: Tahoma;
  border: solid 4px Red;
  background: #f6f238 url(../img/loading4.gif) no-repeat 4px center;
  background-size: 20px;
  padding: 8px;
}
.loading span {
  margin-left: 30px;
  color: red;
}

.pluginLoading {
  display: inline;
  z-index: 15;
  background: Transparent url(../img/loading5.gif) no-repeat 4px center;
  background-size: 20px;
  padding: 8px;
}
.pluginLoading span {
  margin-left: 30px;
}

.column {
  width: 25%;
  float: left;
}
.column .in {
  padding-right: 1em;
}
.column .l {
  float: left;
}
.column .r {
  float: right;
}
.column .full {
  width: 100%;
}

.column_outline {
  background-color: #f5f5f5;
}
.column_outline INPUT {
  position: relative;
  top: 2px;
}

.link {
  color: blue;
  cursor: pointer;
}

.linkRed {
  color: red;
  cursor: pointer;
}

.linkWhite {
  color: white;
  cursor: pointer;
}
.linkWhite:hover {
  text-decoration: underline;
}

.linkbold {
  font-weight: bold;
}

.linkmedium {
  font-size: large;
  font-weight: normal;
}

.linklarge {
  font-size: xx-large;
  font-weight: bold;
}

A.link {
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
}
A.link IMG {
  vertical-align: middle;
}

A.linkbtn {
  text-decoration: none;
}
A.linkbtn:visited {
  text-decoration: none;
}

A.img24 SPAN {
  position: relative;
  top: -6px;
  left: 2px;
}

#tabheader {
  min-width: 800px;
  margin: 0px;
  padding-top: 10px;
}
#tabheader .left {
  z-index: 900;
  position: relative;
  float: left;
  margin-left: 5px;
  top: -4px;
}
#tabheader .right {
  margin-top: -7px;
  display: block;
  float: right;
}
#tabheader .center {
  position: absolute;
  text-align: center;
  margin-top: 2px;
  width: 50%;
  margin-left: 25%;
  font-weight: bold;
  margin-right: 25%;
  left: 0px;
}

.fieldList {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  width: 17em;
  padding-right: 0px;
  padding-top: 0px;
}
.fieldList LI {
  display: block;
  clear: both;
}
.fieldList LABEL {
  position: relative;
  width: 45%;
  display: block;
  float: left;
  top: 1px;
}
.fieldList INPUT {
  text-align: right;
  width: 40%;
  float: right;
  margin-left: 0px;
}
.fieldList .checkbox {
  width: 10%;
  float: left;
}
.fieldList .checkbox_list INPUT {
  width: auto;
  float: left;
}
.fieldList .checkbox_list LABEL {
  width: auto;
}

.field_section {
  height: 100%;
  overflow: hidden;
}

.panel_list {
  padding-bottom: 0px;
  margin: 8px 0px 2px;
  padding-left: 0px;
  width: 16em;
  padding-right: 0px;
  border-collapse: collapse;
  padding-top: 0px;
}
.panel_list .l {
  width: 60%;
  font-size: 90%;
}
.panel_list .r {
  text-align: right;
  width: 35%;
}
.panel_list .r INPUT {
  text-align: right;
  width: 4em;
}
.panel_list TH {
  border-bottom: #aaa 1px solid;
  text-align: left;
  padding-bottom: 0px;
  margin: 2px 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: bold;
  padding-top: 0px;
}
.panel_list IMG {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
}

.left_button BUTTON {
  float: left;
}

/*
.right_button {
	display: block;
	.imgbutton {
		width: 70px;
		float: right;
	}
	BUTTON {
		float: right;
	}
}
*/
/*
.header {
	DIV {
		DIV {
			A {
				font-size: 14px;
				vertical-align: middle;
				SPAN {
					vertical-align: middle;
				}
			}
		}
	}
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 17px;
	text-shadow: 1px 1px #000000;
	background-color: #7F8EBC;
	vertical-align: middle;
	background-image: url("../img/grey_fade4_small.jpg");
}
*/
.userList {
  float: left;
  text-align: left;
}

/*
.Window {
	border-bottom: #777 2px solid;
	border-left: #555 1px solid;
	margin: 0px 0px 0px 1em;
	border-top: #555 1px solid;
	border-right: #777 2px solid;
	.content {
		padding-bottom: 0.5em;
		padding-top: 0.5em;
	}
	.footer {
		.buttonwrapper_disabled {
			float: left;
		}
		.right_button {
			.buttonwrapper_disabled {
				float: right;
			}
			.buttonwrapper {
				float: right;
			}
		}
		.buttonwrapper {
			float: left;
		}
	}
}
*/
.form_name {
  width: 8em !important;
}

.buyer_name {
  width: 200px !important;
}

.login_panel {
  padding-bottom: 0.5em;
  margin: 0px auto;
  padding-left: 0.5em;
  width: 20em;
  padding-right: 0.5em;
  background: #fff;
  padding-top: 0.5em;
}
.login_panel DIV {
  line-height: 1.5em;
  margin-top: 3px;
  display: block;
  clear: both;
}
.login_panel LABEL {
  text-align: right;
  width: 7em;
  padding-right: 5px;
  float: left;
}
.login_panel INPUT {
  width: 10em;
  float: left;
}

.login_button {
  text-align: center;
  display: block;
  margin-left: 1em;
}

.search {
  float: right;
  margin-right: 1em;
}
.search IMG {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
}
.search A:visited {
  border-bottom: 0px;
  border-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 0px;
  border-right: 0px;
  text-decoration: none;
  padding-top: 0px;
}
.search A:hover {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  text-decoration: none;
}

.saearch A {
  border-bottom: 0px;
  border-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 0px;
  border-right: 0px;
  text-decoration: none;
  padding-top: 0px;
}

.GridOptions TABLE {
  border-collapse: collapse;
}
.GridOptions TD {
  border-bottom: #aaa 1px solid;
  text-align: center;
  border-left: #aaa 1px solid;
  border-top: #aaa 1px solid;
  border-right: #aaa 1px solid;
}
.GridOptions INPUT {
  width: 60px;
}

.grid_anchor {
  cursor: move;
}

.grid_title {
  cursor: move;
}

.finance INPUT {
  width: 6em;
}

.lease INPUT {
  text-align: right;
  width: 6em;
}
.lease .field {
  display: block;
  clear: both;
}
.lease TD {
  text-align: right;
}

.SavePanel {
  z-index: 10000;
  position: absolute;
  width: 250px;
  float: none;
  top: 100px;
}

#dealInfoWindow {
  display: inline;
  position: static;
  display: inline;
  margin-left: 0px;
  /*
  .content {
  	padding-bottom: 0px;
  	padding-left: 0.5em;
  	padding-right: 0.5em;
  	padding-top: 0.5em;
  }
  */
}
#dealInfoWindow .header {
  cursor: default;
}
#dealInfoWindow div.pmtplugin_typelist {
  margin-bottom: 4px;
  display: flex !important;
  flex-direction: column;
  padding-left: 24px;
}
#dealInfoWindow div.pmtplugin_typelist input[type=radio] {
  width: auto !important;
  margin-left: 0px;
}

.grid {
  width: 100%;
}
.grid TR.alt {
  background-color: #eee;
}
.grid TH {
  border-bottom: #aaa 1px solid;
  text-align: center;
  border-left: #ddd 1px solid;
  margin: 0px 3px;
  padding-left: 0.5em;
  background: url(../img/bg_header.jpg);
  height: 20px;
  border-top: #ccc 1px solid;
  border-right: #aaa 1px solid;
}
.grid TD {
  text-align: center;
}

.options_table {
  width: 100%;
  /*
  	TH {
  		border-bottom: #aaa 1px solid;
  		text-align: center;
  		border-left: #ddd 1px solid;
  		margin: 0px 3px;
  		padding-left: 0.5em;
  		background: url(../img/grey_fade4Red_small.jpg);
  		border-top: #ccc 1px solid;
  		border-right: #aaa 1px solid;
  		color: #fff;
  		text-shadow: 2px 2px #000000;
  		font-size: 16px;
  		padding: 0px;
  	}
  */
  /*
  INPUT[type='text'] {
  	text-align: right;
  	border: none;
  }
  */
  /*
  TR {
  	text-align: left;
  	color: #000;
  	background-color: #B4BDD8;
  }
  */
}
.options_table .dropdown {
  border-bottom: #ddd 1px solid;
  border-left: #ddd 1px solid;
  background: url(../img/bg_header.jpg) repeat-x;
  border-top: #ddd 1px solid;
  border-right: #ddd 1px solid;
  margin: 0px;
  padding: 0px;
}
.options_table TD SPAN[id*=txtBase] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD A[id*=lblInitDue] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD SPAN[id*=txtAmtFin] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD SPAN[id*=txtPayment] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD SPAN[id*=txtCL] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD SPAN[id*=txtDis] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD INPUT[id*=txtTerm] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD INPUT[id*=txtInterest] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD SPAN[id*=txtAddl] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD SELECT[id*=ddlPayment] {
  float: right;
  margin-right: 60px;
  font-weight: bold;
}
.options_table TD SPAN[id$=_lbl] {
  float: right;
  margin-right: 60px;
  color: #000;
  font-weight: bold;
}
.options_table TD SPAN[id$=_lbl].readonly {
  float: right;
  margin-right: 60px;
  color: #000;
  font-weight: normal;
}
.options_table INPUT.textbox {
  text-align: right;
  width: 5em;
  font-size: 90%;
}
.options_table .checkbox {
  float: left;
  margin-left: 1em;
}
.options_table .checkbox INPUT {
  float: left;
}
.options_table INPUT[type=checkbox] {
  float: left;
}
.options_table SELECT {
  text-align: center;
  width: 7em;
  font-size: 75%;
}
.options_table TR.alt {
  background-color: transparent;
}
.options_table HR {
  width: 100%;
}
.options_table .product SELECT {
  width: 8em;
}
.options_table .payment_type {
  background-color: transparent;
}
.options_table .term {
  background-color: transparent;
}
.options_table .interest {
  background-color: transparent;
}
.options_table TD.group {
  text-align: left;
  width: 10em;
  font-weight: bold;
}
.options_table TD.label {
  text-align: left;
  width: 20em;
  padding-left: 8px;
}
.options_table .amtfin TD {
  background-color: transparent;
  padding-left: 30px;
  font-weight: bold;
}
.options_table .disability TD {
  background-color: transparent;
  padding-left: 30px;
  font-weight: bold;
}
.options_table .credit_life TD {
  background-color: transparent;
  padding-left: 30px;
  font-weight: bold;
}
.options_table TD.label_indent {
  text-align: left !important;
  padding-left: 2em;
  width: 10em;
}
.options_table .base_payment TD {
  background-color: transparent;
  padding-left: 30px;
}
.options_table .payment TD {
  color: green;
  background-color: transparent;
  font-weight: bold;
  padding-left: 30px;
}
.options_table .space {
  height: 15px;
}
.options_table .space TD {
  width: 100%;
}
.options_table .end {
  background-color: #fff;
  width: 0px;
}
.options_table .sorter {
  border-left: #7d8dbb 1px solid;
  width: 20px;
  border-right: #7d8dbb 1px solid;
}
.options_table .sorter IMG {
  border-bottom: 0px;
  border-left: 0px;
  padding-bottom: 2px;
  border-top: 0px;
  border-right: 0px;
}
.options_table A:hover IMG {
  border-bottom: blue 1px solid;
  padding-bottom: 2px;
}
.options_table .divider {
  height: 10px;
}
.options_table .divider HR {
  display: none;
}
.options_table .divider TD {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  height: 0px;
  padding-top: 0px;
  background-color: #000;
}

.optionsT2_table TD.label {
  text-align: left;
  width: 22em;
  padding-left: 8px;
}

.eRateTable TR {
  background-color: transparent;
}

.rating {
  text-align: left;
}
.rating .left {
  text-align: left;
}
.rating .left TD {
  text-align: left;
  width: auto;
}
.rating SELECT {
  font-family: "Verdana";
  color: #333;
  font-size: small;
  width: auto;
}
.rating INPUT[type=checkbox] {
  float: none;
}

.toggle {
  border-collapse: collapse;
}
.toggle .left {
  text-align: center;
  width: 15%;
  padding-left: 0px;
}
.toggle .left INPUT {
  padding-left: 0px;
}
.toggle TABLE {
  width: 100%;
}
.toggle TABLE TR {
  background-color: transparent;
}
.toggle DIV SPAN[id$=_lblr] {
  float: right;
  padding-right: 60px;
}

.setup {
  border-bottom: #333 2px solid;
  border-left: #555 1px solid;
  background-color: #f5f5f5;
  width: 30em;
  border-top: #555 1px solid;
  border-right: #333 2px solid;
}

.setup_table {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
.setup_table TH {
  border-bottom: #555 1px solid;
  border-left: #555 1px solid;
  background: url(../img/bg_header.jpg) #aaf;
  border-top: #555 1px solid;
  border-right: #555 1px solid;
}
.setup_table TD {
  border-bottom: #555 1px solid;
  border-left: #555 1px solid;
  background-color: #ffe;
  border-top: #555 1px solid;
  border-right: #555 1px solid;
}
.setup_table TD IMG {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
}
.setup_table TD A {
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  color: #000;
  text-decoration: none;
  padding-top: 1px;
}
.setup_table TD A:visited {
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  color: #000;
  text-decoration: none;
  padding-top: 1px;
}
.setup_table TD A:hover {
  border-bottom: #aaa 1px solid;
  border-left: #aaa 1px solid;
  padding-bottom: 0px;
  background-color: #ffa;
  padding-left: 0px;
  padding-right: 0px;
  border-top: #aaa 1px solid;
  border-right: #aaa 1px solid;
  padding-top: 0px;
}
.setup_table .group {
  text-align: left;
  border-left: 0px;
  background-color: transparent;
  padding-left: 1em;
  font-size: 110%;
  font-weight: bold;
  border-right: 0px;
  padding-top: 0.5em;
}
.setup_table .empty {
  text-align: center;
  color: #555;
  padding-top: 0.5em;
}
.setup_table .hover TD {
  background-color: red;
}

.setup_list UL {
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.setup_list LI {
  display: block;
  clear: both;
}
.setup_list LI .label {
  text-align: right;
  width: 30%;
  padding-right: 5px;
  float: left;
  text-align: right;
  width: 40%;
  padding-right: 5px;
  float: left;
}
.setup_list LI UL.label_long LABEL {
  text-align: right;
  width: 50%;
  padding-right: 5px;
  float: left;
}
.setup_list LI .line_edit INPUT {
  width: 90%;
  float: none;
}
.setup_list LI.setup_group {
  border-bottom: #888 1px solid;
  border-left: 0px;
  line-height: normal;
  margin-top: 0.5em;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
  background: url(../img/grey_fade4_small.jpg) -2px 50%;
  color: #fff;
  border-top: 0px;
  border-right: 0px;
}
.setup_list LI.field LABEL {
  /*
  text-align: right;
  width: 30%;
  padding-right: 5px;
  float: left;
  */
}
.setup_list LI.field INPUT {
  /*
  width: 65%;
  float: left;
  */
}
.setup_list LI.field TEXTAREA {
  /*
  width: 65%;
  float: left;
  width: 55%;
  float: left;
  */
}
.setup_list LI.field SELECT {
  /*
  float: left;
  */
}
.setup_list FIELDSET FOOTER {
  margin-left: 14px;
  font-size: x-small;
  color: red;
  font-weight: bold;
}

.setup_list2 {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px 0.5em 1em;
  padding-left: 0px;
  width: 45%;
  padding-right: 0px;
  float: left;
  list-style-image: none;
  padding-top: 0px;
  /*
  LI.field {
  	LABEL {
  		text-align: right;
  		width: 40%;
  		padding-right: 5px;
  		float: left;
  	}
  	INPUT {
  		width: 55%;
  		float: left;
  	}
  }
  */
}

/*
.trades_table {
	TABLE {
		border-bottom: 0px;
		border-left: 0px;
		padding-bottom: 0px;
		margin: 2px 0px;
		padding-left: 0px;
		padding-right: 0px;
		border-collapse: collapse;
		border-top: 0px;
		border-right: 0px;
		padding-top: 0px;
	}
	TD {
		text-align: center;
		padding-bottom: 0px;
		margin: 0px;
		padding-left: 0px;
		width: 50%;
		padding-right: 0px;
		padding-top: 0px;
	}
	INPUT {
		text-align: right;
		width: 5em;
		font-size: smaller;
	}
}
*/
/*
.tabs {
	position: relative;
	padding-bottom: 0px;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	list-style-image: none;
	padding-top: 0px;
	top: 1px;
	LI {
		padding-bottom: 0px;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
		background: url(../img/tab_right.gif) no-repeat right top;
		float: left;
		padding-top: 0px;
		text-align: center;
		A {
			padding-bottom: 4px;
			padding-left: 30px;
			padding-right: 0px;
			display: block;
			background: url(../img/tab_left2.jpg) no-repeat 0px 0px;
			color: #000;
			text-decoration: none;
			padding-top: 3px;
			text-align: right;
			padding-right: 0.5em;
			&:hover {
				color: yellow;
			}
		}
	}
	LI.last {
		background: url(../img/tab_right2.jpg) no-repeat right top;
		A {
			padding-right: 10px;
		}
	}
	LI.first {
		A {
			background: url(../img/tab_left0.jpg) no-repeat left top;
		}
		A.selected {
			background: url(../img/tab_left0.jpg) no-repeat left top;
			color: #222;
		}
	}
	LI.selected {
		background: url(../img/tabs_right.gif) no-repeat right top;
		A {
			background: url(../img/tabs_left.jpg) no-repeat left top;
			color: #222;
		}
	}
	LI.next {
		A {
			background: url(../img/tabs_left2.jpg) no-repeat left top;
		}
	}
	LI.lastsel {
		A {
			padding-right: 10px;
			background: url(../img/tabs_left.jpg) no-repeat left top;
			color: #222;
		}
		background: url(../img/tabs_right2.jpg) no-repeat right top;
	}
	LI.firstsel {
		A {
			background: url(../img/tabs_left3.jpg) no-repeat left top;
			color: #222;
		}
		background: url(../img/tabs_right.gif) no-repeat right top;
	}
}
*/
.dealheader {
  z-index: 900;
  padding-bottom: 0px;
  margin: 0px 0px 0px 2px;
  padding-left: 0px;
  width: 100%;
  padding-right: 0px;
  display: block;
  background: url(../img/grey_fade4_small.jpg) #8393c1;
  float: left;
  height: 26px;
  border-top: #3b4679 1px solid;
  padding-top: 0px;
}

/*
.menuname {
	color: #fff;
	font-weight: bold;
}
*/
.DealBuyer {
  border-bottom: #aaccee 1px solid;
  border-left: #aaccee 1px solid;
  padding-bottom: 1em;
  margin: 0px 5px 1em;
  padding-left: 1em;
  padding-right: 1em;
  background: #fff;
  border-top: #aaccee 1px solid;
  border-right: #aaccee 1px solid;
  padding-top: 1em;
}
.DealBuyer INPUT.checkbox {
  width: auto;
}
.DealBuyer INPUT[type=radio] {
  width: auto;
}
.DealBuyer .radio INPUT {
  width: auto;
}
.DealBuyer BUTTON {
  width: 8em;
  float: left;
}
.DealBuyer .row {
  display: block;
  clear: both;
}
.DealBuyer .item {
  width: 9em;
  float: left;
}

.info_outline {
  padding-bottom: 2px;
  background-color: #f5f5f5;
  margin-top: 4px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
}

.outline {
  position: relative;
  padding-bottom: 2px;
  background-color: #f5f5f5;
  margin: 1px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
}

.fieldOutline {
  position: relative;
  padding-bottom: 2px;
  background-color: #f5f5f5;
  margin: 1px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  background-color: #B4BDD8;
}
.fieldOutline .r {
  float: right;
}
.fieldOutline .l {
  float: left;
}

.txtYear {
  width: 3.5em !important;
}

/*
.module {
	border-bottom: 0px;
	width: 100%;
	border-top: 0px;
	A {
		color: white;
		text-decoration: none;
		font-weight: bold;
		&:visited {
			color: white;
			text-decoration: none;
			vertical-align: middle;
		}
		&:hover {
			text-decoration: none;
		}
	}
	A.blackLink {
		color: black;
	}
	.header {
		padding-left: 1em;
		padding-right: 1em;
		height: 1.5em;
		clear: both;
		border-top: #aaa 1px solid;
	}
	.headerSetup {
		padding-left: 1em;
		padding-right: 1em;
		height: 1.5em;
		clear: both;
		border-top: #aaa 1px solid;
	}
	.headerSetupSelected {
		padding-left: 1em;
		padding-right: 1em;
		height: 1.5em;
		clear: both;
		border-top: #aaa 1px solid;
	}
	.footer {
		border-bottom: #000 1px solid;
		text-align: right;
		padding-bottom: 2px;
		margin-top: 15px;
		padding-left: 0px;
		padding-right: 12px;
		background: #f5fafa;
		clear: both;
		border-top: #000 1px solid;
		padding-top: 2px;
		.buttonwrapper {
			float: right;
		}
		.buttonwrapper_disabled {
			float: right;
		}
	}
	.groupHeader {
		padding-right: 1em;
		height: 1.5em;
		clear: both;
		font-weight: bold;
	}
	.expand {
		vertical-align: middle;
		background-color: #7F8EBC;
	}
	.content {
		border-bottom: 0px;
		border-left: 0px;
		background: #CCD2E4;
		clear: both;
		border-top: 0px;
		border-right: 0px;
	}
	.empty {
		border-bottom: 0px;
		text-align: center;
		border-left: 0px;
		padding-bottom: 0.5em;
		padding-left: 0px;
		padding-right: 0px;
		background: #fff;
		border-top: 0px;
		border-right: 0px;
		padding-top: 0.5em;
	}
	FIELDSET {
		padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
		background: #eee;
		padding-top: 1em;
		margin-top: 6px;
		LEGEND {
			border-bottom: #000 1px solid;
			border-left: #000 1px solid;
			padding-bottom: 2px;
			padding-left: 2px;
			padding-right: 2px;
			background: #263057;
			border-top: #000 1px solid;
			border-right: #000 1px solid;
			padding-top: 2px;
		}
	}
}
*/
.groupHeader SPAN {
  font-size: 17px;
}

/*
.moduleHeader {
	padding-left: 1em;
	padding-right: 1em;
	background-color: #263057;
	height: 2em;
	clear: both;
	border-top: #666 1px solid;
	vertical-align: middle;
	DIV {
		color: white;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		height: 100%;
	}
}
*/
.expand A {
  color: #fff;
}
.expand A:visited {
  color: white;
}

.outerContent {
  border-bottom: #151d42 3px solid;
  border-left: #151d42 3px solid;
  border-top: #151d42 3px solid;
  border-right: #151d42 3px solid;
}

.innerContent {
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
}

.headerInsert {
  padding-right: 1em;
  height: 1.5em;
  clear: both;
  border-top: #666 1px solid;
  font-weight: bold;
}
.headerInsert A {
  color: blue;
}
.headerInsert A:visited {
  color: blue;
}

.content H3 {
  border-bottom: #777 1px solid;
  padding-bottom: 0px;
  background-color: #98bcce;
  margin: 0px 0px 5px;
  padding-left: 0.5em;
  padding-right: 0px;
  padding-top: 3px;
}

.print_list {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  list-style-image: none;
  padding-top: 0px;
}

.print_d {
  color: #aaa;
}

.menu_content {
  min-width: 900px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

.setup_content {
  min-width: 800px;
  padding-bottom: 1em;
  background-color: #fff;
  padding-left: 1em;
  padding-right: 1em;
  float: left;
  margin-left: auto;
  margin-right: auto;
}
.setup_content .footer {
  text-align: right;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  background: #CCD2E4;
  border-top: #aaa 1px solid;
  padding-top: 4px;
}
.setup_content .lower {
  position: relative;
  top: 25px;
}

/*
.setup_panel {
	border-bottom: 0px;
	border-left: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	padding-right: 1em;
	border-top: 0px;
	border-right: 0px;
	padding-top: 0px;
	H3.left {
		position: relative;
		padding-bottom: 2px;
		margin: 0px;
		padding-left: 2px;
		padding-right: 2px;
		font-size: 18px;
		font-weight: bold;
		padding-top: 2px;
		left: 0px;
	}
	H2 {
		border-bottom: #aaa 1px solid;
		padding-bottom: 5px;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
	}
	.dealgrid {
		width: 55em;
	}
}
*/
.left_menu {
  border-bottom: 0px;
  position: relative;
  border-left: 0px;
  width: 128px;
  float: left;
  margin-left: 1em;
  border-top: 0px;
  border-right: 0px;
  top: 5px;
  left: 1px;
}
.left_menu A {
  display: block;
  color: #000;
  text-decoration: none;
}
.left_menu A:visited {
  color: #000;
  text-decoration: none;
}
.left_menu UL {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  list-style-image: none;
  padding-top: 0px;
}
.left_menu LI {
  border-bottom: #888 1px solid;
  position: relative;
  border-left: #888 1px solid;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  background: #ccc;
  border-top: #888 1px solid;
  margin-right: 5px;
  border-right: #888 1px solid;
  padding-top: 4px;
  left: 5px;
}
.left_menu LI.selected {
  border-bottom: #000 1px solid;
  padding-bottom: 3px;
  background-color: #fff;
  padding-left: 3px;
  padding-right: 3px;
  border-top: #888 1px solid;
  margin-right: 0px;
  border-right: 0px;
  padding-top: 3px;
  left: 0px;
}

.setup_dealOptions {
  width: 100%;
}
.setup_dealOptions TH {
  width: 24%;
}
.setup_dealOptions TD {
  width: 16%;
}
.setup_dealOptions TD.del {
  text-align: right;
  width: 8%;
}
.setup_dealOptions TD.term {
  text-align: center;
  width: 8%;
}
.setup_dealOptions .label {
  max-width: 20em;
}
.setup_dealOptions .indent {
  padding-left: 2em;
}
.setup_dealOptions .label_indent {
  padding-left: 2em;
  max-width: 20em;
}
.setup_dealOptions .group_label {
  max-width: 20em;
  font-weight: bold;
}
.setup_dealOptions .table_msg {
  border-bottom: #777 1px solid;
  text-align: center;
  border-left: #777 1px solid;
  padding-bottom: 1em;
  border-top: #777 1px solid;
  border-right: #777 1px solid;
  padding-top: 1em;
}
.setup_dealOptions IMG {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
}

.colorTable {
  border-bottom: #aaa 1px solid;
  border-left: #aaa 1px solid;
  background-color: #eee;
  border-top: #aaa 1px solid;
  border-right: #aaa 1px solid;
}
.colorTable TD DIV {
  margin-left: 10px;
}

.editMenuPickerButton {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  width: 180px;
  font-size: smaller;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}

.customMenuColorTable {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 1em;
  padding-right: 0px;
  list-style-image: none;
  padding-top: 0px;
}
.customMenuColorTable LI {
  clear: both;
}
.customMenuColorTable SPAN {
  float: left;
}
.customMenuColorTable .pickerButton {
  float: left;
}

FIELDSET.font_editor {
  padding-bottom: 0.5em;
  margin-top: 0.5em;
  padding-left: 0.5em;
  width: 200px;
  padding-right: 0.5em;
  float: left;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-top: 0.5em;
}

.font_editor UL {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  list-style-image: none;
  padding-top: 0px;
}
.font_editor LI {
  float: left;
}
.font_editor .pickerButton {
  float: left;
}

.setup_vehicles TD {
  border-bottom: 0px;
  text-align: left;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
}

.dealerList {
  border-collapse: collapse;
}
.dealerList A {
  color: blue;
  text-decoration: none;
}
.dealerList A:visited {
  color: blue;
  text-decoration: none;
}
.dealerList A:hover {
  text-decoration: underline;
}
.dealerList TH {
  border-bottom: #000 1px solid;
  border-left: 0px;
  background: #aaa;
  border-top: 0px;
  border-right: 0px;
}

OPTION.groupname {
  font-style: italic;
  padding-left: 0px;
  color: #777;
}

OPTION.indent {
  padding-left: 20px;
}

.MoneyPercent INPUT {
  width: 3em;
}
.MoneyPercent SELECT {
  width: 3em;
}

/*
A.squarebutton {
	background-color: transparent;
	text-decoration: none;
	SPAN {
		display: block;
		background: none;
		color: #fff;
		padding: 2px;
		IMG {
			vertical-align: middle;
			margin-right: 2px;
		}
		&:hover {
			cursor: pointer;
			color: yellow;
			text-decoration: none;
		}
	}
}
*/
/*--------------------------------------------*/
/*
A.rightbutton {
	background-color: transparent;
	text-decoration: none;
	&:link {
		color: white;
	}
	&:visited {
		color: white;
	}
	SPAN {
		display: block;
		background: none;
		padding: 2px;
		IMG {
			padding: 0px 2px 0px 2px;
			vertical-align: middle;
		}
	}
	&:hover {
		background-position: left bottom;
	}
}
*/
/*---------------------------------------------*/
/*
.buttonwrapper {
	background-color: #8c9cbf;
	background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);

	border: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
	-moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
	color: #fff;
	font: normal 16px "helvetica neue", helvetica, arial, sans-serif;
	padding: 2px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #000;
	float: left;
	overflow: hidden;
	margin-left: 4px;
	SPAN {
		&:hover {
			color: red;
			cursor: pointer;
			text-decoration: none;
		}
	}
	A {
		cursor: pointer;
		color: #fff;
		text-decoration: none;
	}
}
*/
/*
.buttonwrapper_small {
	background-color: #8c9cbf;
	background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);

	border: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
	-moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
	color: #fff;
	font: normal 12px "helvetica neue", helvetica, arial, sans-serif;
	padding: 0px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #000;
	float: left;
	overflow: hidden;
	margin: 1px;
	A {
		&:hover {
			cursor: pointer;
			color: yellow;
		}
	}
}
*/
.buttonwrapper_small_fullwidth {
  background-color: #8c9cbf;
  background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
  font: normal 12px "helvetica neue", helvetica, arial, sans-serif;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000;
  float: left;
  overflow: hidden;
  margin: 1px;
  width: 100%;
}

.buttonwrapper_small_nofloat {
  background-color: #8c9cbf;
  background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
  font: normal 12px "helvetica neue", helvetica, arial, sans-serif;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000;
  float: none;
  overflow: hidden;
  margin: 1px;
}

/*
.buttonwrapper_small_right {
	background-color: #8c9cbf;
	background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);

	border: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
	-moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
	color: #fff;
	font: normal 12px "helvetica neue", helvetica, arial, sans-serif;
	padding: 0px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #000;
	float: right;
	overflow: hidden;
	margin: 1px;
	A {
		&:hover {
			cursor: pointer;
			color: yellow;
		}
	}
}
*/
/*---------------------------------------------*/
.buttonwrapper_disabled {
  background-color: gray;
  border: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
  font: normal 16px "helvetica neue", helvetica, arial, sans-serif;
  padding: 2px;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000;
  float: left;
  overflow: hidden;
  margin-left: 4px;
}
.buttonwrapper_disabled span:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.buttonwrapper_disabled A {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

/*---------------------------------------------*/
/*
.rightwrapper {
	background-color: #8c9cbf;
	background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);

	border: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
	-moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
	color: #fff;
	font: normal 16px "helvetica neue", helvetica, arial, sans-serif;
	padding: 0px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #000;
	float: right;
	overflow: hidden;
	margin-left: 4px;
	SPAN {
		&:hover {
			color: yellow;
			cursor: pointer;
		}
	}
}
*/
/*
.action {
	color: white;
	IMG {
		position: relative;
		margin-right: 4px;
		top: 2px;
	}
	A {
		color: white;
		text-decoration: none;
		&:hover {
			color: yellow;
			text-decoration: none;
		}
		&:visited {
			color: #3b4679;
		}
	}
}
*/
.optionaction {
  color: #000;
}
.optionaction IMG {
  position: relative;
  margin-right: 4px;
  top: 2px;
}
.optionaction A {
  color: #000;
  text-decoration: none;
  margin-left: 8px;
}
.optionaction A:hover {
  color: #0e1328;
  text-decoration: underline;
}
.optionaction A:visited {
  color: #3b4679;
}

/*
.action_left {
	background-color: #8c9cbf;
	background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);


	border: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
	-moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
	color: #fff;
	font: normal 16px "helvetica neue", helvetica, arial, sans-serif;
	padding: 2px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #000;
	float: left;
	overflow: hidden;
	margin-left: 4px;
	&:hover {
		color: yellow;
		cursor: pointer;
	}
}
*/
/*
.action_right {
	background-color: #8c9cbf;
	background-image: linear-gradient(to top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);

	border: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
	-moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
	color: #fff;
	font: normal 16px "helvetica neue", helvetica, arial, sans-serif;
	padding: 2px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #000;
	float: right;
	overflow: hidden;
	margin-left: 4px;
	IMG {
		margin-bottom: -3px;
	}
}
*/
.action_normal {
  border-bottom: #88af38 2px solid;
  border-left: #88af38 2px solid;
  background: #e8ecf9;
  margin-left: 3px;
  border-top: #88af38 2px solid;
  border-right: #88af38 2px solid;
}

#dealOptions {
  min-width: 725px;
  float: none;
  margin-left: 0px;
  margin-right: 5px;
}

.field .l {
  float: left;
}
.field .r {
  float: right;
}

.window .content {
  padding: 0px 0px 0px 4px;
}
.window .content H2 {
  border-bottom: #aacbee 1px solid;
  padding-bottom: 0px;
  background-color: #8393c1;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #fff;
  font-size: 130%;
  padding-top: 0px;
}
.window h2 {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  border-bottom: solid 1px #666;
  text-shadow: 2px 2px #000000;
  background-image: url("../img/grey_fade4_small.jpg");
}
.window LABEL {
  font-size: 14px;
}
.window H2 INPUT {
  margin-top: 6px;
}

.header_left {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 17px;
  text-shadow: 1px 1px #000000;
  background-color: #7F8EBC;
  vertical-align: middle;
  background-image: url("../img/grey_fade4_small.jpg");
}

.admin {
  color: blue;
}

.modal_form UL {
  padding-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  list-style-image: none;
  padding-top: 0px;
}
.modal_form UL LI {
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.modal_form UL LI .txt {
  width: 30%;
}
.modal_form UL LI.field LABEL {
  width: 45%;
  display: block;
  float: left;
}
.modal_form UL LI.header {
  border-bottom: #000 1px solid;
  text-align: center;
  font-weight: bold;
}

.req {
  color: red;
}

.warranty_rates {
  border-collapse: collapse;
  margin-left: 2em;
}

.warranty_rates_panel {
  margin-left: 2em;
}

.rates_table .header_row {
  width: 100%;
  float: left;
  font-weight: bold;
}
.rates_table .row {
  width: 100%;
  float: left;
}
.rates_table .c1 {
  padding-left: 1em;
  width: 10em;
  float: left;
}
.rates_table .c2 {
  text-align: center;
  width: 10em;
  float: left;
}
.rates_table .c3 {
  text-align: center;
  width: 20em;
  float: left;
}
.rates_table .c4 {
  text-align: center;
  width: 7em;
  float: left;
}

.warranty_header {
  border-bottom: #000 1px solid;
  margin-top: 1em;
  width: 100%;
  height: 1.75em;
  font-size: larger;
  border-top: #000 1px solid;
  padding-top: 5px;
}
.warranty_header A {
  font-family: Georgia;
}

.popup {
  z-index: 1000;
  border-bottom: #000 2px solid;
  position: absolute;
  border-left: #000 1px solid;
  padding-bottom: 0.5em;
  background-color: white;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-top: #000 1px solid;
  border-right: #000 2px solid;
  padding-top: 0.5em;
}
.popup H4 {
  margin-top: 0px;
  width: 192px;
  float: left;
}
.popup A.close {
  position: relative;
  text-align: right;
  float: left;
  top: -3px;
  left: 5px;
}

#windowResidual {
  margin-top: 1.5em;
  width: 210px;
  left: 20px;
}

#popupConversion {
  margin-top: 1.5em;
  width: 210px;
  left: 20px;
}

#popupOptions {
  margin-top: 1.5em;
  width: 210px;
  left: 20px;
}

.setup_box {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  padding-bottom: 1em;
  margin: 0.5em;
  padding-left: 1em;
  width: 45%;
  padding-right: 1em;
  float: left;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  padding-top: 0px;
}
.setup_box .setup_list LABEL {
  width: 5em;
  float: left;
}

#actionContainer .action {
  margin-right: 1em;
}
#actionContainer .action A {
  color: white;
}
#actionContainer .action A:visited {
  color: white;
}

.usage_left {
  width: 75%;
  float: left;
}

.usage_right {
  width: 25%;
  float: left;
}

.dealInfoWindow {
  /*
  H2 {
  	border-bottom: #3b4679 1px solid;
  	text-align: center;
  	margin-top: 2px;
  	display: block;
  	background: url(../img/grey_fade4_small.jpg);
  	color: #ffffff;
  	font-size: 17px;
  	text-shadow: 1px 1px #000000;
  }
  */
}
.dealInfoWindow .content H2 {
  /*
  border-bottom: #aacbee 1px solid;
  padding-bottom: 0px;
  background-color: #8393c1;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #fff;
  font-size: 130%;
  padding-top: 0px;
  */
}
.dealInfoWindow H2 {
  text-align: center;
}

#dealInfo_rowRoll LABEL {
  display: inline;
  float: none;
}

.column_1 {
  float: left;
  width: 100%;
}
.column_1 .dealgrid2 {
  width: 100%;
}

.column_2 {
  float: left;
  width: 100%;
}
.column_2 .dealgrid2 {
  width: 100%;
}

.column_3 {
  float: left;
  width: 100%;
}
.column_3 .dealgrid2 {
  width: 100%;
}

.column_4 {
  float: left;
  width: 70%;
}
.column_4 .dealgrid2 {
  width: 100%;
}
.column_4 .dealgrid2 TH {
  text-align: right;
  padding-right: 4px;
}
.column_4 .dealgrid2 TR TH.enrollment {
  text-align: left;
  padding-left: 40px;
}
.column_4 .dealgrid2 TR TD.enrollment {
  text-align: left;
}

.column_5 {
  float: left;
  width: 100%;
}
.column_5 .dealgrid2 {
  width: 100%;
}

.dealgrid {
  width: 300px;
}
.dealgrid .header {
  text-align: center;
  background-color: #aaa;
  font-weight: bold;
}
.dealgrid .header2 {
  text-align: center;
  background-color: #ccc;
  font-weight: bold;
}
.dealgrid TH {
  text-align: right;
  width: 55%;
}
.dealgrid TR {
  background-color: #ddd;
}

.finalDealControls {
  background-color: #CCD2E4;
  margin-bottom: 15px;
  border-collapse: collapse;
  width: 100%;
}
.finalDealControls TD {
  padding: 0px;
  width: 33%;
  border: 1px solid #333B6A;
  vertical-align: top;
}
.finalDealControls TR {
  margin-bottom: 8px;
}

#finalProducts_pnlEnrollmentProducts input[readonly] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
}

#do_ppcProductProperties_windowProductProperties_pnlProductProperties input[readonly] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
}

.dealgrid2 {
  width: 500px;
  border-collapse: collapse;
  margin-bottom: 8px;
}
.dealgrid2 TD {
  width: 50%;
  border: none;
  vertical-align: middle;
}
.dealgrid2 .zeroCol {
  width: 0px;
  padding: 0px 6px 0px 2px;
  margin: 0px;
  border: none;
  text-align: right;
}
.dealgrid2 .header2 {
  text-align: left;
  background-color: #CCD2E4;
  font-weight: bold;
  color: #fff;
  background-color: #A5ACC3;
}
.dealgrid2 .header TD {
  text-shadow: 2px 2px #000000;
  font-size: 16px;
}
.dealgrid2 TR {
  background-color: #CCD2E4;
}
.dealgrid2 TR:not([class=header]) TH {
  text-align: right;
  padding-right: 4px;
}

.dealgrid3 {
  width: 100%;
  margin-bottom: 8px;
  border-collapse: collapse;
}
.dealgrid3 TD {
  width: auto;
  border: none;
  vertical-align: middle;
}
.dealgrid3 .addTrade {
  margin-right: 20px;
}
.dealgrid3 .header2 {
  text-align: left;
  background-color: #CCD2E4;
  font-weight: bold;
  color: #fff;
  background-color: #A5ACC3;
}

.setupgrid .header {
  text-align: center;
  background-color: #aaa;
  font-weight: bold;
}
.setupgrid TR {
  background-color: #ddd;
}

.setupgrid2 {
  border-collapse: collapse;
}
.setupgrid2 TR {
  background-color: #ddd;
}
.setupgrid2 TR.alt {
  background-color: #eee;
}
.setupgrid2 TD {
  text-align: right;
}

TABLE.normal LABEL {
  position: static;
  display: inline;
  float: none;
  top: 0px;
}
TABLE.normal INPUT {
  text-align: left;
  width: auto;
}

.timepicker {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
}
.timepicker LEGEND {
  display: none;
}
.timepicker .node {
  float: right;
}

.widget-report-list .timepicker .node {
  float: none;
}

.action_warn {
  text-align: left !important;
  display: inline;
  font-weight: normal;
}
.action_warn A {
  text-align: left;
}

/*
.windowOption {
	position: relative;
	float: right;
	color: #fff !important;
	font-weight: normal !important;
	margin-right: 1em;
	top: -2px;
}
*/
.report_main {
  margin-left: 2em;
}
.report_main H3 {
  margin-bottom: 0px;
}
.report_main .Tree {
  border-bottom: #aaa 1px solid;
  border-left: #aaa 1px solid;
  border-top: #aaa 1px solid;
  border-right: #aaa 1px solid;
}

#portal {
  margin-top: -1em;
}
#portal .portal-column {
  margin: 0px 1% 20px;
  width: 31%;
  float: left;
}
#portal #portal-column-block-list {
  z-index: 1001;
  border-bottom: #000 1px solid;
  position: absolute;
  border-left: #000 1px solid;
  width: 200px;
  background: #fff;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  top: 180px;
  left: 10px;
}
#portal .block .block-toggle {
  float: right;
  cursor: pointer;
}
#portal .block .block-toggle SPAN {
  display: none;
}
#portal .block-left {
  background: url(../img/grey_fade4_small.jpg) no-repeat left 0px;
  overflow: hidden;
  border-top: #3b4679 1px solid;
}
#portal .block-right {
  background: url(../img/grey_fade4_small.jpg) no-repeat right 0px;
  overflow: hidden;
}
#portal .block-center {
  background: url(../img/grey_fade4_small.jpg) repeat-x 0px 0px;
  margin-left: 2px;
  overflow: hidden;
  margin-right: 2px;
}
#portal .block-list-handle {
  border-bottom: 0px;
  text-align: center;
  border-left: 0px;
  padding-bottom: 4px;
  font-variant: normal;
  font-style: normal;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: "Tahoma", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  background: none transparent scroll repeat 0% 0%;
  height: auto;
  color: #fff;
  font-size: 12px;
  border-top: 0px;
  cursor: move;
  font-weight: bolder;
  border-right: 0px;
  padding-top: 4px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/corner_right.png) #7f9fff no-repeat right top;
  height: 20px;
  padding-top: 2px;
}
#portal .handle {
  border-bottom: 0px;
  text-align: center;
  border-left: 0px;
  padding-bottom: 4px;
  font-variant: normal;
  font-style: normal;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: "Tahoma", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  background: none transparent scroll repeat 0% 0%;
  height: auto;
  color: #fff;
  font-size: 12px;
  border-top: 0px;
  cursor: move;
  font-weight: bolder;
  border-right: 0px;
  padding-top: 4px;
}
#portal .right-corner {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/corner_right.png) #7f9fff no-repeat right top;
  height: 20px;
  padding-top: 2px;
}
#portal .content {
  border-bottom: #3b4679 1px solid;
  border-left: #3b4679 1px solid;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background: url(../img/bg_widget.jpg) #fff repeat-x left bottom;
  border-top: 0px;
  border-right: #3b4679 1px solid;
  padding-top: 2px;
}

#ctl00_cp1_divLinkEditDashboard {
  text-align: right;
  padding-bottom: 0px;
  margin: 1em 2em 0px 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
#ctl00_cp1_divLinkEditDashboard #portal-block-list-link {
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-decoration: none;
  padding-top: 0px;
}
#ctl00_cp1_divLinkEditDashboard A:hover {
  background: #ddf;
  text-decoration: underline;
}
#ctl00_cp1_divLinkEditDashboard IMG {
  margin-bottom: -3px;
}

.portal-column H2 {
  background: #7f9fff;
  height: 8px;
  text-align: center;
  margin: 5px 0px;
  height: 1px;
  font-size: 0px;
}

#portal-block-list-link {
  margin-left: 1em;
}

#portal-column-block-list H3 {
  text-align: center;
  font-family: Sans-serif;
  background: #7f9fff;
  font-size: 10pt;
}
#portal-column-block-list H2 {
  text-align: center;
  font-family: Sans-serif;
  background: #7f9fff;
  font-size: 10pt;
}
#portal-column-block-list H2.block-list-handle {
  text-align: center;
  width: 200px;
  font-family: Tahoma;
  background: #fff;
  color: #000;
  font-size: 10pt;
}
#portal-column-block-list H2.block-list-handle A {
  margin-bottom: 0px !important;
}
#portal-column-block-list .block {
  text-align: left;
}
#portal-column-block-list A SPAN {
  text-align: left;
  font-weight: bold;
}

.block-buttons {
  text-align: right;
  margin-top: -20px;
  margin-right: 2px;
}
.block-buttons A {
  margin-right: 3px;
}

.block {
  border-bottom: 0px;
  border-left: 0px;
  margin-top: 1em;
  border-top: 0px;
  border-right: 0px;
}
.block H3 {
  border-bottom: #000 1px solid;
  text-align: left;
  margin: 0px;
  font-family: Sans-Serif;
  background: none transparent scroll repeat 0% 0%;
  color: #222;
  font-size: 11pt;
}

.widget-deals {
  width: 100%;
  border-collapse: collapse;
}
.widget-deals TR {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}
.widget-deals TD {
  line-height: 1.5em;
  background: #fff;
  overflow: hidden;
}
.widget-deals .c1 {
  width: 5%;
  float: none;
}
.widget-deals .c2 {
  width: 40%;
  float: none;
}
.widget-deals .c3 {
  width: 55%;
  float: none;
}

.widget-grid {
  margin: 0.5em auto;
}
.widget-grid TD {
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  background: #fff;
}
.widget-grid TH {
  padding-left: 3px;
  padding-right: 3px;
  background: url(../img/bg_th.jpg) repeat-x left bottom;
}
.widget-grid .header TD {
  padding-left: 3px;
  padding-right: 3px;
  background: url(../img/bg_th.jpg) repeat-x left bottom;
}
.widget-grid .summary TD {
  background-color: #aacbee;
}

.widget-mtd {
  font-size: 10px;
}

.widget-clock H6 {
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: small;
  padding-top: 0px;
}
.widget-clock TABLE {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.widget-clock .clock {
  font-family: Courier New;
}
.widget-clock .clock_title {
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}
.widget-clock TD {
  text-align: center;
}

.widget-clock-table {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.widget-calendar TABLE {
  margin-left: auto;
  margin-right: auto;
}

.reports H5 {
  text-align: center;
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: Sans-Serif;
  font-size: larger;
  padding-top: 0px;
}

.report {
  border-collapse: collapse;
  margin-bottom: 1em;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
}
.report .header TD {
  text-align: center;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  white-space: normal;
  background: url(../img/report_header.gif) repeat-x 0px -16px;
  color: #07519a;
  border-top: 0px;
  font-weight: bold;
  padding-top: 3px;
}
.report .header TH {
  border-bottom: 0px;
  text-align: center;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  white-space: normal;
  background: url(../img/report_header.gif) repeat-x 0px 0px;
  color: #00a;
  font-size: 11px;
  font-weight: bold;
  padding-top: 3px;
}
.report .header TD.lc {
  text-align: left;
  border-left: #000 1px solid;
  padding-left: 1em;
}
.report .header TD.lcb {
  text-align: left;
  border-left: #000 2px solid;
  padding-left: 1em;
}
.report .header TD.rc {
  border-right: #000 1px solid;
}
.report .header TD.rcb {
  border-right: #000 2px solid;
}
.report .header TD.topb {
  border-top: #000 2px solid;
}
.report .header TD.bottomb {
  border-bottom: #000 2px solid;
}
.report .header TH.empty {
  border-bottom: 0px;
  border-left: 0px;
  background: #fff;
  border-top: 0px;
  border-right: 0px;
}
.report .header TH.empty_bottom {
  border-bottom: #000 1px solid;
  border-left: 0px;
  background: #fff;
  border-top: 0px;
  border-right: 0px;
}
.report .alt {
  background: #eee;
}
.report .hi {
  background: url(../img/row_highlight.gif) repeat-x 0px 0px;
  color: #600;
}
.report .hi TD.sort {
  background: url(../img/row_highlight.gif) repeat-x 0px 0px;
  color: #600;
}
.report .totals {
  background-color: #ddd;
  font-weight: bold;
}
.report .totals TD.sort {
  background: #ddd;
}
.report TD {
  border-bottom: #000 1px solid;
  text-align: center;
  border-left: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Arial, tahoma, helvetica, sans-serif;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
  border-top: #000 1px solid;
  border-right: 0px;
  padding-top: 0px;
}
.report TD.left {
  text-align: left;
}
.report TD.sort {
  background: #ffffcc;
}
.report TH {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}
.report TD.neg {
  color: #c00;
}
.report TD.pos {
  color: #0a0;
}
.report TD.lc {
  text-align: left;
  border-left: #000 1px solid;
  padding-left: 1em;
}
.report TD.lcb {
  text-align: left;
  border-left: #000 2px solid;
  padding-left: 1em;
}
.report TD.indent {
  padding-left: 2em;
}
.report TD.rc {
  border-right: #000 1px solid;
}
.report TD.rcb {
  border-right: #000 2px solid;
}
.report TD.topb {
  border-top: #000 2px solid;
}
.report TD.bottomb {
  border-bottom: #000 2px solid;
}
.report TR.indent {
  background-color: #d8d8d8;
}
.report .summary {
  background: #bbddff;
  font-weight: bold;
}

.report-chart IMG {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.reports-print-options {
  margin-left: 1em;
}

.report_header {
  margin: 0px 1em 1em;
  font-family: Tahoma;
  background: #eee;
  clear: both;
}
.report_header .hdr-date {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.report_header .hdr-vehicles {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.report_header .hdr-employees {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.report_header .left-side {
  float: left;
  margin-left: 2em;
  font-size: larger;
  font-weight: bold;
}
.report_header .left-side .minor {
  font-size: smaller;
}
.report_header .right-side {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  line-height: 1.5em;
  margin-top: 0.5em;
  background: #eee;
  float: right;
  font-size: 14px;
  border-top: #000 1px solid;
  font-weight: bold;
  margin-right: 2em;
  border-right: #000 1px solid;
}
.report_header .right-side A {
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  padding-top: 2px;
}
.report_header .right-side A:visited {
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  padding-top: 2px;
}
.report_header .right-side A:hover {
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  background: #f5f5f5;
  padding-top: 2px;
}
.report_header H2 {
  text-align: center;
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: large;
  font-weight: bold;
  padding-top: 0px;
}
.report_header H3 {
  text-align: center;
  padding-bottom: 0px;
  margin: 0px 0px 1em;
  padding-left: 0px;
  padding-right: 0px;
  font-size: small;
  font-weight: normal;
  padding-top: 0px;
}

.report_section {
  text-align: center;
  font-weight: bold;
}

.sub-report .report {
  width: 100%;
}

.modify_report {
  text-align: right;
  margin-top: -30px;
  width: 80%;
  float: right;
}
.modify_report TABLE {
  float: right;
}
.modify_report .timepicker {
  width: 200px;
}
.modify_report .timepicker INPUT {
  width: 80px;
  float: none;
}
.modify_report INPUT {
  float: right;
  margin-right: 10px;
}

.hierarchy-panel {
  margin-top: 0.5em;
  margin-left: 1em;
}
.hierarchy-panel DIV {
  float: left;
}

.hierarchy-list {
  width: 350px;
  margin-left: 2em;
}
.hierarchy-list H5 {
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
.hierarchy-list .Tree {
  border-bottom: #000 1px solid;
  border-left: #888 1px solid;
  border-top: #888 1px solid;
  border-right: #000 1px solid;
}

#setupReports_ulGoals .alt {
  background-color: #eee;
}

.product-outer {
  text-align: center;
  width: 100%;
  float: left;
  clear: both;
}
.product-outer INPUT {
  text-align: center;
  width: 5em;
  font-size: small;
}

.c0 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.c1 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.c2 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.c3 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.c4 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.c5 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.c6 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.c7 {
  padding-bottom: 5px;
  padding-left: 0px;
  width: 8em;
  padding-right: 0px;
  float: left;
  padding-top: 5px;
}

.edit-dealers {
  border-bottom: #000 1px solid;
  text-align: center;
  border-left: #000 1px solid;
  border-collapse: collapse;
  margin-left: 1em;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}
.edit-dealers TH {
  background-color: #eee;
}
.edit-dealers TD {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}

.tax_group TD {
  font-style: italic;
  padding-left: 4px;
  background: #ddd;
  color: #444;
  margin-left: -1px;
}

#contentMenu_spanTicker {
  background: #3b4679;
  height: 24px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
}

.ticker-value {
  font-size: 16px;
  font-weight: normal;
  margin-right: 1em;
}

.tableMarkup TD {
  text-align: center;
  width: 20%;
}
.tableMarkup TH {
  text-align: center;
  width: 20%;
}

.surcharges {
  border-collapse: collapse;
}
.surcharges TD {
  padding-left: 1em;
  padding-right: 1em;
}
.surcharges TH {
  background: url(../img/bg_header.jpg) 0px 0px;
}

FIELDSET {
  /*
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: #CBD2F7;
  padding-top: 0.5em;
  */
}
FIELDSET LEGEND {
  /*
  border-bottom: #888 1px solid;
  border-left: #888 1px solid;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  background: #29335B;
  color: white;
  border-top: #888 1px solid;
  font-weight: bold;
  border-right: #888 1px solid;
  padding-top: 1px;
  */
}

.goals_table {
  width: 100%;
  border-collapse: collapse;
}
.goals_table INPUT {
  text-align: center;
  font-family: Arial;
  font-size: small;
}
.goals_table INPUT.dollars {
  width: 5em;
}
.goals_table INPUT.pct {
  width: 3em;
}
.goals_table TR.indent {
  background-color: #cce;
}
.goals_table TH {
  border-bottom: #000 2px solid;
  border-left: #000 2px solid;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
}
.goals_table TD.left {
  text-align: left;
  padding-left: 1em;
}
.goals_table TD {
  border-bottom: #777 1px solid;
  text-align: center;
  border-left: #777 1px solid;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  border-top: #777 1px solid;
  border-right: #777 1px solid;
  padding-top: 2px;
}
.goals_table .alt {
  background-color: #eee;
}
.goals_table .indent TD {
  padding-left: 1em;
}
.goals_table .indent TD.indent {
  padding-left: 4em;
}
.goals_table .indent INPUT {
  font-size: smaller !important;
}

.edit-columns {
  list-style-type: none;
  list-style-image: none;
}
.edit-columns LI {
  float: left;
  height: 50px;
}
.edit-columns .left {
  text-align: center;
  width: 160px;
  cursor: pointer;
}
.edit-columns .right {
  width: 100px;
}
.edit-columns .button {
  width: 24px;
  float: left;
}

.tab-page {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  height: 500px;
  overflow: scroll;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}

.report-options {
  font-size: 12px;
}
.report-options INPUT {
  text-align: center;
}

.report-header {
  background: #c5d9f1;
  color: #000;
}

.parent-product {
  background-color: #c5d9f1;
}

.report-sub-header {
  background: #d8d8d8;
  color: #000;
}

.sub-product {
  background: #d8d8d8;
  color: #000;
}

.report-cell {
  background: #fff;
  color: #000;
}

.terms_header {
  border-bottom: #aaa 1px solid;
  text-align: center;
  border-left: #ddd 1px solid;
  margin: 0px 3px;
  padding-left: 0.5em;
  background: url(../img/grey_fade4Red_small.jpg);
  height: 20px;
  border-top: #ccc 1px solid;
  border-right: #aaa 1px solid;
  color: #fff;
  text-shadow: 2px 2px #000000;
}

.VeratadOK {
  text-decoration: none;
}

.VeratadWarning {
  color: #fd680f;
  text-decoration: underline;
}

.VeratadFail {
  color: red;
  text-decoration: underline;
}

.MenuDiv {
  height: 40px;
  width: 100%;
  background-color: #C8CFE4;
  vertical-align: middle;
  text-align: center;
  line-height: 40px;
  font-size: large;
  cursor: pointer;
}
.MenuDiv:hover {
  background-color: Yellow;
  border: solid;
  border-width: 1px;
}

.MenuDivSelected {
  background-color: #FFFF7F;
  border: solid;
  border-width: 1px;
}

.pluginStepTitle {
  border-bottom: #3b4679 1px solid;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  display: block;
  background: url(../img/grey_fade4_small.jpg);
  color: #ffffff;
  font-size: 100%;
}

/*
.tableHover {
	td {
		border-right: 1px solid #8393C1;
		margin: 0;
		padding-left: 4px;
		padding-right: 4px;
	}
	tr {
		&:hover {
			border: 1px solid Red;
		}
	}
}
*/
.feeOptionsTableTextCell label {
  font-size: x-small;
}
.feeOptionsTableTextCell input {
  font-size: x-small;
}

.dealBuyerSection {
  font-weight: bold;
  width: 80%;
  height: 80%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
  color: #000;
}

.eRating {
  background-color: transparent;
  width: 600px;
  height: 100%;
  text-align: center;
}
.eRating FIELDSET {
  background-color: #B4BDD8;
}

.eRatingMissing {
  color: #970505;
  font-weight: bold;
  font-size: medium;
}

.eRatingMissingBullet {
  width: 4px;
  text-align: right;
  padding-left: 24px;
  color: #970505;
  font-weight: bold;
}

.eRatingTest {
  background-color: transparent;
  width: 800px;
  height: 100%;
  text-align: center;
}

.serverInfo {
  color: #fff;
}

.serverInfoRight {
  color: #fff;
  float: right;
}

.eRatingOption {
  margin-left: 30px;
}

.eRatingOptionSelect {
  margin-left: 10px;
}

#pnlOtherDocs {
  overflow: auto;
  max-height: 300px;
}

#tblOtherDocs {
  width: 100%;
}
#tblOtherDocs td {
  width: 100%;
  /* Menu Forms, Product Forms, Red Flag */
  /* Signed Menu Forms or Product Forms */
}
#tblOtherDocs td a {
  display: inline-block;
  background-color: #adabab;
  text-align: center;
  vertical-align: middle;
  margin: 3px 0 3px 3px;
  padding: 4px 7px;
  border-radius: 2px;
  text-decoration: none;
  color: black;
}
#tblOtherDocs td a:hover {
  text-decoration: underline;
}
#tblOtherDocs td a.signed {
  background-color: #56a568;
  color: white;
}
#tblOtherDocs tr.header {
  background-image: none;
}
#tblOtherDocs tr.odd {
  background-color: #E8ECF9;
}
#tblOtherDocs tr.even {
  background-color: #C7CEE3;
}

/* Fixes a bug where enter key on non-ie browsers causes this element to display above others. */
#popupBehavior_backgroundElement {
  display: none;
}

.horizontal-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
.horizontal-list li {
  margin: 1px 10px 4px 0px;
  padding: 2px;
  /*background-color: rgb(124,124,255, 0.4);*/
  border: 1px solid rgba(124, 124, 124, 0.75);
  box-shadow: 1px 1px 2px 1px rgba(124, 124, 124, 0.4);
}

#do_chkZeroPlanZeroDown {
  float: none;
}

/* Variables */
/* Mixins */
.modal-popup {
  position: fixed;
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.27, 0.125, 0, 1) 0s;
  opacity: 0;
  color: #696969;
  /* Optional slide up transition */
}
.modal-popup > .window {
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  border-radius: 4px;
  min-width: 60%;
  max-height: 90%;
  min-height: 100px;
  background-color: #FFFFFF;
  opacity: 0;
  overflow: hidden;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  transition-property: top, transform, left, opacity, bottom, right;
  transition-timing-function: cubic-bezier(0.27, 0.125, 0, 1);
  transition-duration: 0.3s;
  transition-delay: 0;
  /*
  transition: transform $transition-type $transition-duration 0s,
  //opacity $transition-type $transition-duration 3.6s,
  top $transition-type $transition-duration 0s,
  left $transition-type $transition-duration 0s,
  bottom $transition-type $transition-duration 0s,
  right $transition-type $transition-duration 0s;
  */
}
.modal-popup > .window.big {
  min-width: 50%;
}
@media (max-width: 400px) and (orientation: portrait) {
  .modal-popup > .window.big {
    min-width: 90%;
  }
}
.modal-popup > .window > .header {
  flex: 0 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  border-bottom: 1px solid #dbdadd;
  background-color: #FFFFFF;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.modal-popup > .window > .header .title {
  position: absolute;
  top: 0;
  left: 110px;
  font-weight: 700;
  font-size: 16px;
  width: calc(100% - 220px);
  text-align: center;
  padding: 20px 0;
}
.modal-popup > .window > .header .button {
  padding: 20px 0;
  width: 110px;
}
.modal-popup > .window > .body {
  position: relative;
  padding: 20px;
  overflow-y: auto;
  height: 100%;
  flex: 1 1 100%;
  font-size: 16px;
}
.modal-popup > .window > .body.nowrap {
  white-space: nowrap;
}
.modal-popup > .window > .body.center {
  text-align: center;
}
.modal-popup > .window > .footer {
  display: flex;
  flex: 0 0 40px;
  padding: 5px 0;
  /* Default */
  /* flex-flow: row nowrap; */
  justify-content: space-evenly;
  align-items: center;
  overflow: hidden;
  border-width: 0.05em 0 0 0;
  border-style: solid;
  border-color: #dbdadd;
}
.modal-popup > .window > .footer.center > div {
  flex: 0 1 25%;
}
.modal-popup > .window > .footer.center > div:nth-child(2) {
  flex-basis: 50%;
}
.modal-popup > .window > .footer > * {
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
}
.modal-popup > .window > .footer > *.yellow {
  background-color: #FFFF00;
}
.modal-popup > .window > .footer > *:first-child {
  text-align: left;
}
.modal-popup > .window > .footer > *:first-child.button {
  margin-left: 10px;
}
.modal-popup > .window > .footer > *:nth-child(2) {
  text-align: center;
}
.modal-popup > .window > .footer > *:last-child {
  text-align: right;
}
.modal-popup > .window > .footer > *:last-child.button {
  margin-right: 10px;
}
.modal-popup > .window > .footer > *.button:nth-child(n+2) {
  margin-left: 10px;
}
.modal-popup[data-theme=data-ms-win] > .window > .header {
  flex-basis: 60px;
  padding: 0px 0px;
}
.modal-popup[data-theme=data-ms-win] > .window > .header .close-button {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  justify-self: center;
  justify-items: center;
  position: absolute;
  right: 10px;
  top: 0px;
  cursor: pointer;
  z-index: 2;
  height: 100%;
}
.modal-popup[data-theme=data-ms-win] > .window > .header .close-button img {
  width: 40px;
  height: 40px;
}
.modal-popup[data-theme=data-ms-win] > .window > .body {
  margin-bottom: 8px;
}
.modal-popup[data-theme=data-ms-win] > .window > .footer {
  display: inline-block;
  flex-basis: auto;
  padding: 15px 5px 5px 5px;
  margin-right: 0px;
  text-align: right;
}
.modal-popup[data-theme=data-ms-win] > .window > .footer.noborder {
  border-width: 0;
}
.modal-popup[data-theme=data-ms-win] .toolbar {
  margin-bottom: 5px;
  text-align: right;
}
.modal-popup[data-theme=data-ms-win] .toolbar .button {
  padding: 7px 10px;
  background: none;
  background-color: #eee;
}
.modal-popup[data-theme=data-mobile] > .header {
  background: linear-gradient(to bottom, #6495ED 0%, #3d7aeb 80%);
  color: white;
  flex-basis: 40px;
  padding: 0px 5px 0px 5px;
}
.modal-popup[data-theme=data-mobile] > .header .close-button {
  position: absolute;
  right: 10px;
  top: 7px;
  cursor: pointer;
  z-index: 2;
}
.modal-popup[data-theme=data-mobile] > .header .close-button img {
  width: 25px;
  height: 25px;
}
.modal-popup[data-theme=data-mobile] > .body {
  padding: 10px 5px 10px 5px;
}
.modal-popup[data-theme=data-mobile] > .footer {
  display: inline-block;
  flex-basis: auto;
  padding: 15px 5px 5px 5px;
  margin-right: 0px;
  text-align: right;
}
.modal-popup[data-theme=data-mobile] > .footer.noborder {
  border-width: 0;
}
.modal-popup[data-theme=data-mobile] .button {
  padding: 10px 15px;
  border-color: #9c9c9c;
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 80%);
  color: #272727;
}
.modal-popup[data-theme=data-mobile] .toolbar {
  margin-bottom: 14px;
}
.modal-popup[data-theme=data-mobile] .toolbar .button {
  padding: 7px 10px;
  background: none;
  background-color: white;
}
.modal-popup.show {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.modal-popup.show > .window {
  transition-timing-function: cubic-bezier(0.27, 0.125, 0, 1);
  transition-duration: 0.3s;
  opacity: 1;
}
.modal-popup.slideup {
  justify-content: center;
  align-items: center;
}
.modal-popup.slideup.show .window {
  transform: translate3d(-50%, -50%, 0);
}
.modal-popup.slideup > .window {
  opacity: 1;
  transform: translate3d(-50%, 50vh, 0);
}
.modal-popup.slidedown {
  justify-content: center;
  align-items: center;
}
.modal-popup.slidedown.show .window {
  transform: translate3d(-50%, -50%, 0);
}
.modal-popup.slidedown > .window {
  opacity: 1;
  transform: translate3d(-50%, calc(-50vh - 100%), 0);
}
.modal-popup.slideleft {
  justify-content: center;
  align-items: center;
}
.modal-popup.slideleft.show .window {
  transform: translate3d(-50%, -50%, 0);
}
.modal-popup.slideleft > .window {
  opacity: 1;
  transform: translate3d(calc(50vw + 50%), -50%, 0);
}
.modal-popup.slideright {
  justify-content: center;
  align-items: center;
}
.modal-popup.slideright.show .window {
  transform: translate3d(-50%, -50%, 0);
}
.modal-popup.slideright > .window {
  opacity: 1;
  transform: translate3d(calc(-50vw - 50%), -50%, 0);
}

.slide {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #FFFFFF;
  opacity: 0;
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.27, 0.125, 0, 1);
  transition-duration: 0.3s;
  transition-delay: 10ms;
  /* Optional slide up transition */
}
.slide > .header {
  margin: 0;
  color: inherit;
  font-size: inherit;
  text-shadow: none;
  vertical-align: middle;
  background: none;
  display: flex;
  /* Default */
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  /* padding: 20px 30px 10px 30px; */
  border-bottom: 1px solid #dbdadd;
  background-color: #FFFFFF;
  overflow: hidden;
  /*
  .arrow {
  	margin-left: 20px;
  	margin-top: 20px;
  }
  */
}
.slide > .header.no-border {
  border-style: none;
}
.slide > .header > * {
  position: relative;
  flex: 0 1 25%;
}
> .slide > .header > *:first-child {
  flex: 0 1 75%;
}
.slide > .header > .title {
  font-weight: 600;
}
.slide > .body {
  /* padding: 20px; */
  flex: 1;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.slide > .body.nowrap {
  white-space: nowrap;
}
.slide > .body.center {
  text-align: center;
}
.slide.show {
  opacity: 1;
}
.slide.slideup {
  transform: translate3d(0, 100%, 0);
  opacity: 1;
}
.slide.slideup.show {
  transform: translate3d(0, 0, 0);
}
.slide.slidedown {
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}
.slide.slidedown.show {
  transform: translate3d(0, 0, 0);
}
.slide.slideleft {
  transform: translate3d(100%, 0, 0);
  opacity: 1;
}
.slide.slideleft.show {
  transform: translate3d(0, 0, 0);
}
.slide.slideright {
  transform: translate3d(-100%, 0, 0);
  opacity: 1;
}
.slide.slideright.show {
  transform: translate3d(0, 0, 0);
}

.prevent-overflow {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
}

#announcement-window .window {
  max-height: 70%;
  min-height: 50%;
  width: 100%;
  min-width: 40%;
  max-width: 60%;
  background-color: #fafad1;
}
#announcement-window .body {
  padding-left: 30px;
  padding-right: 30px;
}
#announcement-window .body span {
  color: black;
  font-size: 14px;
  font-weight: 600;
}
#announcement-window .header {
  background-color: #fafad1;
  padding-left: 20px;
}
#announcement-window .close-button {
  cursor: pointer;
  margin-right: 20px;
}
#announcement-window .footer {
  margin-top: auto;
  text-align: left;
  justify-content: start;
  padding: 15px 20px;
}
#announcement-window .checkbox {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-image: url(../img/unchecked-box.svg);
  background-size: 26px 24px;
  padding-left: 36px;
  justify-self: flex-start;
  height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
#announcement-window .checkbox:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#announcement-window .checkbox[data-checked="1"] {
  background-image: url(../img/checked.svg?1234);
}
#announcement-window .checkbox label {
  vertical-align: middle;
}
#announcement-window .anncoucement-item {
  margin-bottom: 30px;
}
#announcement-window ul {
  list-style-type: decimal;
  margin-top: 20px;
  margin-left: 30px;
  width: auto;
}
#announcement-window ul li {
  padding-left: 10px;
}
#announcement-window ul li + li {
  margin-top: 10px;
}

/* Mixins */
.hamburger-icon {
  cursor: pointer;
  background-image: url("../img/menu-button.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center center;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  transition: background-color 0.4s ease;
  transform: translate3d(0, 0, 0);
}
.hamburger-icon:hover {
  background-color: rgb(235, 235, 235);
}

/* Old Styles */
.menu {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #CCCCCC;
  margin-top: 0;
  min-width: 350px;
  padding: 5px 0 5px 0;
  font-size: 16px;
  background-color: white;
  border-radius: 0 5px 5px 0;
  box-shadow: 0px 1px 10px #C1C1C1;
  transform: translate3d(-375px, 0, 0);
  transition: all 0.3s ease;
  z-index: 10;
  border-width: 0 0 0.05em 0;
  border-style: solid;
  border-color: #cccccc;
}
.menu .title {
  display: flex;
  padding: 10px 0 10px 0;
  background-color: white;
}
.menu .title .backbutton {
  flex: 0 0 auto;
  margin: 0px 0 0 10px;
  padding: 5px 0 5px 0;
  cursor: pointer;
  width: 50px;
}
.menu .title .image {
  margin-left: auto;
  flex: 0 0 auto;
  padding-right: 10px;
}
.menu .title .image img {
  height: 24px;
}
.menu.show {
  transform: translate3d(0, 0, 0);
}
.menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu li {
  cursor: pointer;
  padding-left: 10px;
}
.menu li:not(:last-child):not(.search-container):not(.button-item) {
  border-bottom: 1px solid #CCCCCC;
}
.menu li > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.menu li .selected {
  background-color: #109CF1;
  color: white;
}
.menu li .menu-item {
  width: 100%;
  padding: 18px 5px 18px 10px;
}
.menu li .menu-item .image {
  flex: 0 0 30px;
}
.menu .arrow {
  position: relative;
}
.menu .arrow:after {
  content: " ";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate3d(-50%, 0, 0);
  border: solid #c7c7cc;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align: middle;
  transition: transform 200ms ease;
  height: 12px;
  width: 12px;
  overflow: hidden;
  margin-top: -7px;
}
.menu .arrow.right:after {
  transform: rotate(-45deg);
}
.menu .arrow.left {
  margin-left: 8px;
  transform: rotate(135deg);
}
.menu .arrow.left.solid {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid white;
  transform: rotate(0deg);
  padding: 0 !important;
  margin-right: 10px;
}
.menu .arrow.up {
  transform: rotate(-135deg);
}
.menu .arrow.up.solid {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  transform: rotate(0deg);
  padding: 0 !important;
  margin-bottom: 0;
}
.menu .arrow.down:after {
  transform: rotate(45deg);
}
.sub-menu {
  transform: translate3d(0, 0, 0);
  z-index: 9;
  overflow: auto;
}
.sub-menu.show {
  transform: translate3d(360px, 0, 0);
  max-height: calc(100vh - 100px);
}
.sub-menu .accordian {
  display: block;
  transition: all 0.2s ease;
  max-height: 0;
  overflow: hidden;
  color: #109CF1;
}
.sub-menu .accordian.expand {
  max-height: none;
}
.sub-menu .accordian > li {
  font-weight: 600;
}
.sub-menu .accordian > li:active {
  background-color: #e5e5e5;
  display: block;
}
.sub-menu .accordian .small li {
  font-size: 12px;
  color: #333333;
  padding: 10px 20px;
}
.sub-menu .title {
  font-size: 18px;
  font-weight: 700;
}
.sub-menu .title .center {
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}

.header {
  position: relative;
  overflow: visible;
  text-align: center;
}
.header > ul {
  padding: 0;
  margin: 0;
  display: inline-block;
}
.header ul {
  list-style-type: none;
}
.header .flex {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
}
.header #button-bar .search-container {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
}
.header #button-bar .search-container input[type=text] {
  font-size: 20px;
  border-color: inherit;
  background-color: transparent;
  box-shadow: none;
  border: 1px solid #dbdadd;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  padding: 10px 40px 10px 35px;
  width: 100%;
  background-image: url(../img/search.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 5px center;
}
.header #button-bar .search-container input[type=text]:focus {
  outline: none;
  display: inline;
}
.header #button-bar .reset-searchinput {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  /* top: 14px; */
  vertical-align: middle;
  right: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-image: url(../img/reset.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
}
.header #button-bar input[type=text] {
  padding: 10px 20px;
  border-radius: 4px;
  border: thin solid #dbdadd;
  font-size: 16px;
}
.header .button-item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s ease;
  border: thin solid #CCCCCC;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
  padding: 10px 35px 10px 10px;
}
.header .button-item:hover {
  background-color: var(--blue-color-dark);
}
.header .main-menu {
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.header .main-menu > ul > li + li {
  margin-left: 20px;
}
.header .arrow {
  position: relative;
}
.header .arrow:after {
  content: " ";
  position: absolute;
  right: 10px;
  margin-left: auto;
  transform: rotate(-45deg);
  border: solid #c7c7cc;
  border-width: 0 2px 2px 0;
  transition: transform 0.2s ease;
  height: 11px;
  width: 11px;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  margin-top: 0px;
}
.header .arrow.right:after {
  transform: rotate(-45deg);
}
.header .arrow.right:after {
  transform: rotate(-45deg);
}
.header .arrow.right.solid:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid black;
  border-right: none;
  padding: 0 !important;
}
.header .arrow.up:after {
  transform: rotate(-135deg);
}
.header .arrow.up.solid:after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #c7c7cc;
  transform: rotate(0deg);
  padding: 0 !important;
  margin-bottom: 0;
}
.header .arrow.down:after {
  transform: rotate(45deg);
}
.header .dropdown-menu {
  position: relative;
  display: inline-block;
  left: 0;
  background-color: #505050;
  color: white;
  font-size: 13px;
  min-width: 200px;
  max-height: 0;
}
.header .dropdown-menu.show {
  max-height: none;
  padding: 10px 10px;
}
.header .dropdown-menu li {
  display: inline-block;
  padding: 10px 0px;
  width: 100%;
  cursor: pointer;
}
.header .dropdown-menu li + li {
  border-top: 1px solid white;
}

.buttonbar-sub-menu {
  position: absolute;
  top: 58px;
  left: 24px;
  z-index: 999;
  border: 1px solid #cccccc;
  background-color: white;
  color: black;
  overflow: hidden;
  display: none;
  min-width: 300px;
  box-shadow: 4px 10px 10px 0 rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  font-size: 15px;
  padding: 10px 10px;
  overflow-y: auto;
}
.buttonbar-sub-menu input[type=text]::-moz-placeholder {
  font-size: 14px;
}
.buttonbar-sub-menu input[type=text]::placeholder {
  font-size: 14px;
}
.buttonbar-sub-menu.show {
  display: inline-block;
}
.buttonbar-sub-menu + .sub-menu {
  left: 330px;
}
.buttonbar-sub-menu .arrow:after {
  margin-top: 5px;
  top: 12px;
}
.buttonbar-sub-menu li {
  display: block;
  padding: 13px 10px;
  cursor: pointer;
}
.buttonbar-sub-menu li + li {
  border-top: 1px solid gray;
}
.buttonbar-sub-menu li.down {
  background-color: var(--blue-color);
  color: white;
}
.buttonbar-accordian {
  display: block;
  padding-left: 20px;
  display: none;
  background-color: white;
  color: black;
  margin-top: 15px;
}
.buttonbar-accordian.show {
  display: inline-block;
}

#dealership-list {
  position: absolute;
  background-color: white;
  border: 1px solid black;
  display: block;
  max-height: 500px;
  overflow-y: auto;
  max-width: 400px;
  z-index: 999;
  top: 58px;
  left: 700px;
  padding: 60px 10px 10px 10px;
  display: none;
}
.setup-page.setup-menus .group_color_picker {
  vertical-align: middle;
  margin-left: 20px;
}
.setup-page.setup-menus .footer {
  margin-bottom: 5px;
}
.setup-page.setup-menus .setup_list {
  margin-bottom: 20px;
}
.setup-page.setup-menus .setup_list > .field label {
  margin-right: 10px;
}
.setup-page.setup-menus .setup_list .hint {
  font-size: 12px;
  margin-bottom: 3px;
  font-weight: 400;
}
.setup-page.setup-menus .setup_list .line {
  margin-bottom: 5px;
  margin-left: 15px;
}
.setup-page.setup-menus .setup_list .line-edit {
  margin-bottom: 20px;
}
.setup-page.setup-menus .setup_list .flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.setup-page.setup-menus .setup_list .flex > table {
  table-layout: fixed;
  flex: 0 0 300px;
  height: 1%;
}
.setup-page.setup-menus .addmultipackages {
  flex: 1 0 1%;
}
.setup-page.setup-menus .addmultipackages .select-title {
  font-size: 12px;
  margin-bottom: 3px;
}
.setup-page.setup-menus .addmultipackages li {
  vertical-align: middle;
  background-color: white;
  display: inline-block;
  cursor: pointer;
  border: 2px solid transparent;
  height: 59px;
  width: 82px;
  position: relative;
  margin-bottom: 5px;
  margin-right: 5px;
  transition: all 0.2s ease;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.setup-page.setup-menus .addmultipackages li[data-selected="1"]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.7;
  border: 3px solid black;
}
.setup-page.setup-menus .addmultipackages li[data-selected="1"]:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  background-image: url("../img/checked-green-round.svg");
  background-size: 29px;
  background-repeat: no-repeat;
}
.setup-page.setup-menus .addmultipackages li img {
  width: 100%;
  vertical-align: middle;
}
.setup-page.setup-menus .addmultipackages li:hover:not([data-selected="1"]) {
  border-color: black;
}
.setup-page.setup-menus table.setup_dealOptions .group > td {
  padding: 10px 5px !important;
  background-color: #4a4a4a;
  color: white;
}
.setup-page.setup-menus table.setup_dealOptions .group > td.group_label {
  font-weight: 400;
  font-size: 14px;
}
.setup-page.setup-menus table.setup_dealOptions .group_items > td {
  background-color: #e8e8e8;
}

.ui-v2 {
  /* Remove Old UI from existing stylesheet */
  /* New Modal Screen */
}
.ui-v2 .style-chevron {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  display: flex;
  height: 24px;
  flex: 0 0 24px;
  justify-content: center;
  transition: transform 0.4s ease 0s;
  width: 24px;
  margin-right: 30px;
}
.ui-v2 .style-chevron.open {
  transform: rotate3d(0, 0, 1, -180deg);
}
.ui-v2 .vehicle-desc {
  color: white;
  margin-left: 30px;
}
.ui-v2 .css-l21b5k-StyledIcon {
  height: 16px;
  width: 16px;
  fill: #006BC2;
  stroke: #006BC2;
}
.ui-v2 .header {
  text-align: inherit;
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  text-shadow: none;
  vertical-align: inherit;
  background-image: none;
}
.ui-v2.modal-v2 {
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  transition: opacity 0.3s ease 0.2s;
  opacity: 0;
}
.ui-v2.modal-v2.darker {
  background-color: rgba(0, 0, 0, 0.7);
}
.ui-v2.modal-v2.show {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.ui-v2.modal-v2.show > .window {
  transition-timing-function: ease;
  transition-duration: 0.4s;
  opacity: 1;
}
.ui-v2.modal-v2.dialog .window .body {
  display: flex;
  flex-flow: column nowrap;
  justify-items: center;
  align-items: center;
}
.ui-v2.modal-v2.dialog .window .body .msg {
  flex: 0 0 auto;
  font-size: 1.3em;
}
.ui-v2.modal-v2.dialog .window .body .button {
  margin-top: 10px;
  width: 80px;
  height: 60px;
  font-size: 1.3em;
}
.ui-v2.modal-v2.dialog .window .body .button:nth-child(n+2) {
  margin-left: 30px;
}
.ui-v2.modal-v2.dialog .window .body .button.yes {
  color: #007000;
  font-weight: 600;
}
.ui-v2.modal-v2.dialog .window .body .button.no {
  color: #c20000;
  font-weight: 600;
}
.ui-v2.modal-v2 > .window {
  position: absolute;
  border-radius: 4px;
  max-height: 90%;
  min-height: 100px;
  min-width: 60%;
  background-color: #FFFFFF;
  opacity: 0;
  overflow: hidden;
  will-change: transform, opacity;
  display: flex;
  flex-flow: column nowrap;
  transition-property: top, transform, left, opacity, bottom, right;
  transition-timing-function: linear;
  transition-duration: 0.2s;
  transition-delay: 0;
  max-width: 70%;
  /*
  position: absolute;
  //@include border-radius(28px);
  @include border-radius(10px);
  //min-width: 80%;
  //min-height: 80%;
  //max-height: 90%;
  //max-width: 90%;
  height: 90%;
  //width: 90%;
  //width: auto;
  //background-color: $white;
  opacity: 0;
  overflow: hidden;
  will-change: transform, opacity;
  display: flex;
  flex-flow: column nowrap;
  transform: translate3d(0, calc(-50vh - 50%), 0);
  //left: 50% !important;
  //transform: translateX(-50%);
  // transform-origin: bottom left;
  // Centers the window vertically
  // Me
  // top: 50%;
  // transform: translateX(-50%) translateY(-50%);
  // Center horizontally
  // Me
  // left: 50%;
  // Transition to move the window off the screen
  transition-property: top, transform, left, opacity, bottom, right;
  transition-timing-function: linear;
  transition-duration: .2s;
  //transition-duration: $windowTransitionTime;
  transition-delay: 0;
  */
}
.ui-v2.modal-v2 > .window.big {
  min-width: 50%;
}
@media (max-width: 400px) and (orientation: portrait) {
  .ui-v2.modal-v2 > .window.big {
    min-width: 90%;
  }
}
.ui-v2.modal-v2 > .window > .header {
  position: relative;
  align-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  padding: 8px 0;
  color: white;
  background: linear-gradient(to bottom, var(--deal-header-background-start) 0%, var(--deal-header-background-end));
  /*
  .title {
  	font-weight: 600;
  	position: absolute;
  	width: 100%;
  	left: 0;
  	top: 15px;
  	text-align: center;
  	font-size: 1.4em;
  	user-select: none;
  }
  */
}
.ui-v2.modal-v2 > .window > .header .title {
  position: absolute;
  text-align: center;
  width: 100%;
}
.ui-v2.modal-v2 > .window > .header .close-button {
  float: right;
  cursor: pointer;
  margin-right: 10px;
}
.ui-v2.modal-v2 > .window > .header .close-button img {
  transform: rotate(45deg);
  width: 1em;
  height: 1em;
}
.ui-v2.modal-v2 > .window > .header > * {
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
}
.ui-v2.modal-v2 > .window > .header > *.yellow {
  background-color: #FFFF00;
}
.ui-v2.modal-v2 > .window > .header > *:nth-child(2) {
  text-align: center;
  flex: 0 1 auto;
  margin-left: 7px;
  margin-right: 7px;
}
.ui-v2.modal-v2 > .window > .header > *:last-child {
  text-align: right;
  position: relative;
}
.ui-v2.modal-v2 > .window > .header > *:last-child.button {
  right: 10px;
  justify-content: flex-end;
}
.ui-v2.modal-v2 > .window > .header > *.button {
  font-size: 1em;
  padding-left: 0px;
  padding-right: 0px;
}
.ui-v2.modal-v2 > .window > .body {
  padding: 20px 20px 100px 20px;
  overflow-y: auto;
  flex: 1 1 100%;
  background-color: #f5f5f5;
}
.ui-v2.modal-v2 > .window > .body.nowrap {
  white-space: nowrap;
}
.ui-v2.modal-v2 > .window > .body.center {
  text-align: center;
}
.ui-v2.modal-v2 > .window > .footer {
  display: flex;
  flex: 0 0 40px;
  /* Default */
  /* flex-flow: row nowrap; */
  justify-content: space-evenly;
  align-items: center;
  overflow: hidden;
  border-width: 0.05em 0 0 0;
  border-style: solid;
  border-color: #dbdadd;
}
.ui-v2.modal-v2 > .window > .footer.center > div {
  flex: 0 1 25%;
}
.ui-v2.modal-v2 > .window > .footer.center > div:nth-child(2) {
  flex-basis: 50%;
}
.ui-v2.modal-v2 > .window > .footer > * {
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
}
.ui-v2.modal-v2 > .window > .footer > *.yellow {
  background-color: #FFFF00;
}
.ui-v2.modal-v2 > .window > .footer > *:first-child {
  text-align: left;
}
.ui-v2.modal-v2 > .window > .footer > *:first-child.button {
  margin-left: 10px;
}
.ui-v2.modal-v2 > .window > .footer > *:nth-child(2) {
  text-align: center;
}
.ui-v2.modal-v2 > .window > .footer > *:last-child {
  text-align: right;
}
.ui-v2.modal-v2 > .window > .footer > *:last-child.button {
  margin-right: 10px;
}
.ui-v2.modal-v2 > .window > .footer > *.button {
  min-width: 100px;
}
.ui-v2.modal-v2 > .window > .footer > *.button:nth-child(n+2) {
  margin-left: 10px;
}
.ui-v2 .inline-flex {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-around;
}
.ui-v2 .flex {
  display: flex;
  flex-flow: row wrap;
}
.ui-v2 #condition,
.ui-v2 #license-plate,
.ui-v2 #vin-id,
.ui-v2 #kbb-plate,
.ui-v2 #make-model {
  flex: 1 1 auto;
}
.ui-v2 #condition select,
.ui-v2 #condition input,
.ui-v2 #license-plate select,
.ui-v2 #license-plate input,
.ui-v2 #vin-id select,
.ui-v2 #vin-id input,
.ui-v2 #kbb-plate select,
.ui-v2 #kbb-plate input,
.ui-v2 #make-model select,
.ui-v2 #make-model input {
  width: 100%;
}
.ui-v2 #condition input[type=text],
.ui-v2 #license-plate input[type=text],
.ui-v2 #vin-id input[type=text],
.ui-v2 #kbb-plate input[type=text],
.ui-v2 #make-model input[type=text] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.ui-v2 select {
  padding: 10px 5px;
}
.ui-v2 #kbb-year {
  flex: 0 0 200px;
}
.ui-v2 #kbb-year select {
  width: 200px;
}
.ui-v2 #kbb-zip input[type=text] {
  width: 350px;
}
.ui-v2 #kbb-make {
  flex: 1 0 auto;
}
.ui-v2 #kbb-make select {
  width: 350px;
}
.ui-v2 #kbb-model {
  flex: 1 0 auto;
}
.ui-v2 #kbb-model select {
  width: 200px;
}
.ui-v2 #kbb-vin input[type=text] {
  min-width: 350px;
}
.ui-v2 #kbb-mileage {
  flex: 1 0 auto;
}
.ui-v2 #kbb-email {
  flex: 1 1 48%;
}
.ui-v2 #kbb-state input[type=text] {
  min-width: 250px;
}
.ui-v2 #kbb-state select {
  min-width: 200px;
}
.ui-v2 .select-style {
  align-items: stretch;
  justify-content: space-around;
}
.ui-v2 .select-style .flex-item.selected {
  background-color: #e6f5fe;
  border-color: #0799f8;
}
.ui-v2 .input-container {
  display: inline-block;
  padding: 5px;
}
.ui-v2 .hidden {
  visibility: hidden;
}
.ui-v2 section {
  margin-top: 50px;
  background-color: #1f3e74;
  padding: 20px;
  border-radius: 6px;
}
.ui-v2 section.final {
  background-color: #e6e6e6;
  color: black;
}
.ui-v2 section.final .flex {
  justify-content: flex-start;
  background-color: white;
}
.ui-v2 section.final iframe {
  width: 400px;
  height: 550px;
  border: none;
  overflow: hidden;
  padding: 10px 10px 10px 10px;
}
.ui-v2 section.final .title {
  color: black;
  display: block;
}
.ui-v2 section.final .button {
  min-width: 100px;
  padding: 10px 5px;
}
.ui-v2 section .title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: white;
}
.ui-v2 section #condition {
  margin-bottom: 10px;
}
.ui-v2 section #condition input[type=text] {
  width: 350px;
}
.ui-v2 .accordion {
  overflow: hidden;
  background-color: white;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 6px 0px;
  transition: height, max-height 0.3s ease;
}
.ui-v2 .accordion .check-item,
.ui-v2 .accordion .flex-item {
  margin-top: 20px;
  margin-bottom: 20px;
}
.ui-v2 .check-item,
.ui-v2 .flex-item {
  flex: 0 0 45%;
  border: 1px solid #969696;
}
.ui-v2 .style-item {
  border-radius: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 10px;
  cursor: pointer;
  height: 100%;
}
.ui-v2 .style-item:hover .radio-button:before {
  box-shadow: rgba(192, 192, 192, 0.6) 0px 0px 0px 8px;
}
.ui-v2 .style-item label {
  vertical-align: middle;
}
.ui-v2 .radio-button {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.ui-v2 .radio-button input[type=radio] {
  display: none;
}
.ui-v2 .radio-button span,
.ui-v2 .radio-button label {
  display: inline-block;
  margin-left: 28px;
  vertical-align: middle;
  margin-top: -2px;
}
.ui-v2 .radio-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #969696;
  vertical-align: middle;
  border-radius: 100%;
  transition: box-shadow 200ms ease;
}
.ui-v2 .radio-button:after {
  position: absolute;
  top: 4px;
  left: 4px;
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  vertical-align: middle;
  border-radius: 100%;
}
.ui-v2 .radio-button[data-selected="1"]:after {
  background-color: #0799f8;
}
.ui-v2 .button-container {
  margin: 20px 0 20px 0px;
}
.ui-v2 #submit-kbb-form,
.ui-v2 #btnlookup-kbb-form {
  display: inline-block;
}
.ui-v2 .body .button {
  background-color: #4277d4;
  color: white;
  border-color: transparent;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 4px 6px 0px;
  position: relative;
  font-size: 18px;
  transition: all 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ui-v2 .body .button:active {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px 0px;
}
.ui-v2 .body .button.disabled {
  background-color: gray;
  color: #dedede;
}
.ui-v2 .body .button.disabled:active {
  box-shadow: rgba(0, 0, 0, 0.5) 2px 4px 6px 0px;
}
.ui-v2 .body .button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.ui-v2 .body .button.animate span:after {
  content: "»";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  vertical-align: middle;
}
.ui-v2 .body .button:hover.animate span {
  padding-right: 25px;
}
.ui-v2 .body .button:hover.animate span:after {
  opacity: 1;
  right: 0;
}
.ui-v2 .body .button.next {
  border: 2px solid #6ca2ff;
  min-width: 100px;
  padding: 5px 5px;
  margin: 5px;
}
.ui-v2 .body .button.next.disabled {
  border: none;
}
.ui-v2 .body .button.next:active {
  border-width: 2px;
  border-color: #bdbdbd;
}
.ui-v2 #kbb-style {
  gap: 20px;
  align-self: middle;
}
.ui-v2 #kbb-style input[type=text] {
  padding: 6px 5px;
}
.ui-v2 #kbb-styles select {
  width: 350px;
}
.ui-v2 #badge-container {
  text-align: center;
  background-color: white;
  padding: 30px;
}
.ui-v2 #badge-container .title {
  margin-bottom: 10px;
}
.ui-v2 #badge-container .button-container {
  display: inline-block;
}
.ui-v2 #badge-container .save {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}
.ui-v2 #badge-container .save input {
  width: inherit;
}
.ui-v2 #badge-container .save.input-container {
  display: block;
}
.ui-v2 #select-lookup {
  justify-self: flex-start;
  display: inline-flex;
}
.ui-v2 #select-lookup .flex-item {
  flex: 0 0 auto;
  margin-right: 40px;
  border-width: 0;
  color: white;
}
.ui-v2 #select-lookup .radio-button:before {
  background-color: white;
}
.ui-v2 .checkbox {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 3px center;
  background-image: url(../img/unchecked-box.svg);
  background-size: 23px 20px;
  vertical-align: middle;
}
.ui-v2 .checkbox[data-checked="1"] {
  background-image: url(../img/checked.svg);
}
.ui-v2 .checkbox.notaxcredit {
  width: 40px;
  display: inline-block;
}

#payoff-form .window {
  min-width: 60%;
  min-height: 40%;
}
#payoff-form table {
  width: 100%;
}
#payoff-form table th,
#payoff-form table td {
  padding: 0 10px;
  text-align: right;
}
#payoff-form table th:nth-child(1),
#payoff-form table td:nth-child(1) {
  text-align: left;
}
#payoff-form table td {
  text-align: right;
  padding: 5px 10px;
  font-weight: 600;
  border-width: 1px 1px 1px 1px;
  border-color: #cccccc;
  border-style: solid;
  width: 20%;
}
#payoff-form table td:nth-child(1) {
  text-align: left;
  width: 30%;
}
#payoff-form table td:nth-child(5) {
  border-width: 0px 0 0px 0;
}
#payoff-form table .button.select {
  text-align: center;
}/*# sourceMappingURL=vision.css.map */