@import url(fonts.css);
@import url(animate.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=ABeeZee:400,400italic);
/*font-family: 'ABeeZee', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Abel);
/*font-family: 'Abel', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Aldrich);
/*font-family: 'Aldrich', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*font-family: 'Lato', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/*font-family: 'Droid Sans', sans-serif;*/
header .pull-right ul, header .pull-right ul li, nav ul, nav ul li {
	float: left
}
a {
	color: #01aaea;
	-o-transition: color .2s ease-out, background .2s ease-in;
	-ms-transition: color .2s ease-out, background .2s ease-in;
	-moz-transition: color .2s ease-out, background .2s ease-in;
	-webkit-transition: color .2s ease-out, background .2s ease-in;
	transition: color .2s ease-out, background .2s ease-in;
	outline: 0;
	text-decoration: none
}
.QuoteStep3 .grayBar .pull-right ul li ul li a:hover, .addGreenLink:hover, .adminAccountSettingsCol a:hover, .adminAccountSettingsRow ul li a:hover, .adminSettingRow a:hover, .attachment:hover, .createNewSection ul li a:hover, .downloadLink:hover, .login-container a:hover, .paymentPopup a.close:hover, .reply:hover, .sentBT:hover, .sort ul.dropDown li ul a:hover, a.blue_link:hover, header .pull-right ul li ul li a:hover, input.post-comment:hover, input.sentBT:hover {
	text-decoration: underline
}
*, :after, :before {
	box-sizing: border-box
}
*, .switch-button-background, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
::-moz-selection {
 color:#fff;
 background:#b2d7ff
}
::selection {
	color: #fff;
	background: #b2d7ff
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}
ul, ul li {
	list-style-type: none
}
.editableDiv ul, .editableDiv ul li {
	list-style-type:disc;
}
.editableDiv ol, .editableDiv ul {
	margin-left:14px;
}
img {
	border: 0
}
body {
	font-family: 'Open Sans', sans-serif;
	color:#8993a6;
	font-size: 14px;
	overflow-x: hidden;
	font-weight: 400
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
nav span.nav-icon {
	display: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
input, select {
	vertical-align: middle
}
.uneditable-input, input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], select, textarea {
	display: inline-block;
	padding: 10px 12px;
	font-size: 14px;
	color: #424956;
	vertical-align: middle;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #CAD8DD;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	height:40px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
select {
	height:40px;
	padding: 7px 12px;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background:#fff url(../images/select-arrow-new.png) no-repeat right center;
	/*background:#f5f7fa url(../images/tbl-down-arrow.png) no-repeat calc(100% - 15px) center;*/
	color:#8891a5;
	font-weight:600;
}
select option {
	background:#fff;
}
select option[selected="selected"] {
    background:#3b92ce;
    color:#fff;
}
header a.logo {
	vertical-align: middle;
	display: table-cell;
	float:left;
	width: 60px;
 	height: 60px;	
	text-align:center;
	/*padding-top:12px;*/
}
header a.logo.logoNew {
	background:#00aeef;
}
.SelectDropdonw:focus, .uneditable-input:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, textarea:focus, select:focus {
	border-color: #3E91CE;
	border:2px solid #3E91CE;
	outline: 0;
	/*-webkit-box-shadow: inset 0 1px 1px #a9e6ff, 0 0 8px #a9e6ff;
	-moz-box-shadow: inset 0 1px 1px #a9e6ff, 0 0 8px #a9e6ff;
	box-shadow: inset 0 1px 1px #a9e6ff, 0 0 8px #a9e6ff*/
}
 input::-moz-placeholder, textarea::-moz-placeholder {
 color:#bac4d8;
 opacity: 1;
}
 input::-ms-input-placeholder, textarea::-ms-input-placeholder {
 color:#bac4d8;
 opacity: 1;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color:#bac4d8;
 opacity: 1;
}
input.half {
	width: 49.5%
}
input.w85 {
	width: 85px
}
.errorInput {
	border:2px solid #D3414E !important;	
}
input[type=submit], input[type=button] {
	border:1px solid #257BBF;
	background:#3E91CE;
	font-size: 11px;
	padding: 0 20px;
	line-height:40px;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	outline: 0;
	-o-transition: color .2s ease-out, background .2s ease-in;
	-ms-transition: color .2s ease-out, background .2s ease-in;
	-moz-transition: color .2s ease-out, background .2s ease-in;
	-webkit-transition: color .2s ease-out, background .2s ease-in;
	transition: color .2s ease-out, background .2s ease-in;
	width: 100%
}
input.medium[type=button]:hover, input[type=submit]:hover, input[type=button]:hover {
	background: #00adef;
	border:1px solid #257BBF;
}
/*input.small[type=submit], input.small[type=button] {
	line-height: 46px;
	width: 144px;
	padding: 0;
	margin: 10px 0 0;
	background: #383838
}*/
input.cancel[type=submit], input.cancel[type=button] {
	background: 0 0;
	color: #fff;
	width: auto;
	line-height:26px;
	margin: 10px 0 0;
	text-transform: none
}
.blue-bt, .updatesDiv h2 {
	text-transform: uppercase
}
/*input.small[type=submit]:hover, input.small[type=button]:hover {
	background: #273d62
}*/
input.gray[type=submit], input.gray[type=button] {
	background: #03a2cc
}
input.gray[type=submit]:hover, input.gray[type=button]:hover {
	background: #0196bd
}
input.green[type=submit], input.green[type=button] {
	background: #60bc5b
}
input.green[type=submit]:hover, input.green[type=button]:hover {
	background: #6bbe66
}
textarea {
	resize: none
}
select.disabled , textarea.disabled , input.disabled {
	background: #ececec;	
}
.wraper {
	height: 100%;
	margin: 0;
	min-height: 100%;
	position: relative
}
/*header, nav {
	height: 111px
}*/
header {
	background: #2195DE;
	display: table;
	position: fixed;
	width: 100%;
	z-index: 2;/*border-bottom: 1px solid #e6e7eb*/
}
header .pull-right ul li, nav ul {
	position: relative
}
header a.logo {	
	width:65px;
	height:60px;
	/*height: 111px;
	padding-left: 15px*/
}
/*nav ul {
	top: 10px
}
nav ul li a {
	line-height: 63px;
	color: #fff;
	font-family: gothambold;
	font-weight: 400;
	font-size: 14px;
	padding: 0 25px
}
nav ul li a.active {
	color: #1c2e4d;
	background: #fff;
	cursor: default
}*/
header .pull-right {
	/*margin-right: 15px;*/
	margin-top: 0
}
header .pull-right ul li a.Options, header .pull-right ul li a.Search, header .pull-right ul li a.alertTop, header .pull-right ul li a.Help {
	float: left;
	background: url(../images/search-normal.svg) center 3px no-repeat;
	width:45px;
	height: 60px;
	/*text-indent: -9999px;	*/
	font-size: 22px;
  line-height: 57px;
	text-align: center;
	background:none !important;
	color:#fff;
}
/*header .pull-right ul li a:hover {
	opacity:1
}*/
header .pull-right ul li a.Search {
	background-size:20px 20px;
	background-position:center center;
}
header .pull-right ul li a.Search:hover {
	background: url(../images/search.svg) no-repeat center center;
	background-size:20px 20px;
}
header .pull-right ul li a.Options {
	background: url(../images/setting-normal.svg) center center no-repeat;
	width:45px;
	background-size:21px 21px;
}
header .pull-right ul li a.Options:hover {
	background: url(../images/setting.svg) center center no-repeat;	
	background-size:21px 21px;
}
header .pull-right ul li a.Help {
	background: url(../images/questionmark-normal.svg) center center no-repeat;
	width:45px;
	background-size:21px 21px;
	display:none;
}
header .pull-right ul li a.Help:hover {
	background:#12151d url(../images/questionmark.svg) center center no-repeat;	
	background-size:21px 21px;
}
header .pull-right ul li a.alertTop {
	background: url(../images/alert-normal.svg) center center no-repeat;
	width:45px;
	position: relative;
	background-size:21px 21px;
}
header .pull-right ul li a.alertTop:hover {
	background:#12151d url(../images/alert.svg) center center no-repeat;	
	background-size:21px 21px;
}
header .pull-right ul li a.alertTop.active {
	background-color: transparent!important
}
header .pull-right ul li a.Options:hover, header .pull-right ul li a.Search:hover, header .pull-right ul li a.alertTop:hover, header .pull-right ul li a.Help:hover {
	color:#fff !important;
}
header span.alertTop {
	position: absolute;
	top: 8px;
	right: 8px;
	border-radius: 50%;
	background: #ed1c24;
	color: #fff;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	text-indent: 0;
	z-index:1;
}
header .pull-right ul li a.active, header .pull-right ul li a:hover {
	background-color: #12151d;
	/*border-radius: 2px 2px 0 0*/
}
header .pull-right ul li ul {
	position: absolute;
	top: 60px;
	right: 0;
	width:160px;
	background: #03a2cc;
	border-radius: 0 0 2px 2px;
	padding-top: 15px;
	display: none
}
.row, .searchForm, header .pull-right ul li ul li, header .pull-right ul li ul li a {
	float: left;
	width: 100%
}
header .pull-right ul li ul li a {
	padding:15px;
	color: #fff
}
/*header .pull-right ul li ul li a.logOut {
	margin-top: 10px;
	border-top: 1px solid #0a86a7;
	padding: 17px 30px 22px;
	color: #53d5f7
}*/
.searchForm {
	padding: 0 15px 15px
}
.updatesDiv {
	position: fixed;
	top: 0;
	right: -422px;
	width: 410px;
	border-left: 1px solid #e6e7eb;
	border-right: 1px solid #e6e7eb;
	height: 100%;
	background: #fff;
	z-index: 9999;
	box-shadow: 0 0 5px #f1f1f1
}
.updatesDiv h2 {
	float: left;
	width: 100%;
	padding: 26px 27px 17px;
	color: #1c2e4d;
	font-weight: 400;
	font-size: 16px;
	text-transform:none;
	border-bottom:1px solid #e6e7eb;
}
.updatesDiv h2 div {
	color: #ccc;
	cursor: pointer
}
.updatesDiv h2 span {
	float: left;
	background: url(../images/updates-icon.png) center left no-repeat;
	width: 43px;
	height: 12px;
	margin-top: 2px;	
}
/*.updatesDiv h2 span:hover {
	opacity: .7
}*/
.updatesDiv h2 span b {
	float: left;
	margin: -8px 0 0 13px;
	border-radius: 50%;
	background: #ed1c24;
	color: #fff;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 8px;	
}
.updatesDiv ul.tabs li, .updatesDiv ul.tabsDetail ul li h6 {	
	font-weight: 400;
	color:#1b1b1b;
	font-size:14px;
}
.updatesDiv ul.tabs, .updatesDiv ul.tabs li, .updatesDiv ul.tabsDetail, .updatesDiv ul.tabsDetail li, .updatesDiv ul.tabsDetail ul, .updatesDiv ul.tabsDetail ul li, .updatesDiv ul.tabsDetail ul li h6 {
	float: left;
	width: 100%
}
.updatesDiv ul.tabsDetail ul li .blue_link {
	font-size:13px;
	font-weight:600;
	color:#1c1c1c;
}
.updatesDiv ul.tabsDetail ul li p {
	font-size:13px;
	color:#5e5e5e;
}
.updatesDiv ul.tabs {
	margin-left: -1px;
	width: calc(100% + 1px)
}
.updatesDiv ul.tabs li {
	width: 50%;
	border: 1px solid #e6e6e6;
	line-height: 48px;
	text-align: center;
	color: #1c2e4d;
	cursor: pointer;
	border-left: 0
}
.updatesDiv ul.tabs li.active span {
	color: #03a2cc;
	border-bottom: 5px solid #03a2cc;
	float: left;
	width: 100%;
	line-height: 44px;
	cursor: default
}
.updatesDiv ul.tabs li:hover {
	color: #03a2cc
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.updatesDiv ul.tabs li.active span {
	line-height: 45px
}
}
.updatesDiv ul.tabsDetail>li {
	padding: 30px;
	display: none
}
.updatesDiv ul.tabsDetail>li.show {
	display: block;
	overflow:auto;
}
.updatesDiv ul.tabsDetail ul li {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom: 1px solid #e6e7eb;	
}
.updatesDiv ul.tabsDetail ul li a {
	font-weight:600;
	color:#1b1b1b;
}
.updatesDiv ul.tabsDetail ul li a:hover {
	text-decoration:underline;
}
.updatesDiv ul.tabsDetail ul li:last-child {
	margin-bottom: 0
}
.updatesDiv ul.tabsDetail ul li h6 {
	/*color: #1c2e4d;
	font-size: 14px;*/
	margin-bottom: 6px;
	font-weight:600;
}
.updatesDiv ul.tabsDetail ul li p, .updatesDiv ul.tabsDetail ul li span {
	line-height: 18px;
	font-size: 13px
}
.blue-bt, .leftCol ul.menu li a, h2, h3 {
	font-weight: 400;
	font-size: 14px
}
.updatesDiv ul.tabsDetail ul li span {
	margin-top: 10px;
	display: block;
	color:#8891a5;
	font-size:11px;
	float:left;
	width:100%;
}
.updatesDiv ul.tabsDetail ul li span.comment {
	border:1px solid #e6e7eb;
	border-radius:2px;
	padding:10px;
	float:left;
	width:100%;
	font-size:13px;
	color:#898989;
}
.contentContainer {
	display: list-item;
	list-style-type: none;
	padding: 60px 0 40px
}
.tblDislay {
	display: table;
	width: 100%
}
.leftCol {
	position: fixed;
	top: 60px;
	left: 0;
	width: 61px;
	height: 100%;
	/*border-right: 1px solid #e6e6e6;*/
	padding: 0 15px;
	background: #29456b;
	z-index: 99999;
	display:none;
}
.leftCol:hover {
	width: 200px;
}
.leftCol:hover nav {
	overflow: visible;
}
.createNewSection {
	float: left;
	/*width: 100%;*/
	position: relative
}
.addBtNew {
	float:left;
	/*background:url(../images/main-plus.svg) no-repeat center center;*/
	width:40px;
	height:40px;
	margin-right:15px;
	position:relative;
	top:34px;
	transition: transform 0.25s;
	font-size:18px;
	text-align:center;
	line-height:40px;
	color:#fff;
	border-radius:50%;
	background:#00adf2 url(../images/main-plus.svg) no-repeat center center;
  background-size: 16px;
}
.addBtNew i {
	display:none;
}
.addBtNew:hover {
	background:#3990d0 url(../images/main-plus.svg) no-repeat center center;
	background-size: 16px;
}
.addBtNew.active {
	/*background:url(../images/addBtNew_1_close.png) no-repeat center center;*/
	transform: rotate(135deg);
  transition: transform 0.5s;
	background:#3990d0 url(../images/main-plus.svg) no-repeat center center;
	background-size: 16px;
}
.blue-bt {
	float: left;
	width: 100%;
	background:#3E91CE;
	padding: 0 14px 0 20px;
	color: #fff;
	/*font-family: gothambold;*/
	border-radius: 2px;
	line-height: 40px;
	font-weight:600;
	border: 1px solid #257BBF;
}
.blue-bt span {
	background: url(../images/white-arrow-down.png) center right no-repeat;
	width: 100%;
	display: block
}
.blue-bt.active, .blue-bt:hover, .createNewSection ul {
	color: #fff;
	background: #383838
}
.blue-bt:hover {
	background: #00adef;
  border: 1px solid #257BBF;
}
.blue-bt.active {
	border-radius: 2px 2px 0 0
}
.createNewSection ul {
	width:190px;
	position: absolute;
	padding:0;
	display: none;
	top:86px;
	right:-60px;
	z-index: 99;
	background: #fff;
	border-radius:10px;
	box-shadow: 0 0 8px #ccc;
}
/*.createNewSection ul:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 174, 239, 0);
	border-bottom-color: #00aeef;
	border-width: 7px;
	margin-left: -7px;
}*/
.createNewSection ul li {
	float: left;
	width: 100%;
	/*padding-bottom: 10px*/
	border-bottom:1px solid #d6e1e7;	
}
.createNewSection ul li:last-child {
	border-bottom:0;
}
.createNewSection ul li a {
	float: left;
	width: 100%;
	color: #424a56;
	font-size:12px;
	background:none !important;
	text-transform:uppercase;
	font-weight:600;
	padding:15px;
}
.createNewSection ul li a:hover {
	color:#fff;
	background:#03aeef !important;
	text-decoration:none !important;
}
.createNewSection ul li:last-child a {
	border-radius:0 0 10px 10px;
}
.createNewSection ul li:first-child a {
	border-radius:10px 10px 0 0;
}
.leftCol ul.menu {
	float: left;
	width: 100%;
	padding: 40px 20px 0
}
.leftCol ul.menu li {
	float: left;
	width: 100%;
	padding-bottom: 22px
}
.leftCol ul.menu li a {
	float: left;
	color: #1c2e4d;
	font-family: montserratregular;
	text-transform: uppercase;
}
.leftCol ul.menu li a:hover {
	color: #009fff
}
.leftCol ul.menu li a span {
	float: right;
	background: #f26522;
	min-width: 20px;
	text-align: center;
	height: 20px;
	color: #fff;
	border-radius: 50%;
	line-height: 20px;
	margin: -3px 0 0 5px
}
.rightCol {
	display: list-item;
	list-style-type: none;
	/*padding-left: 61px*/
}
.dashBoardGraphCol {
	float: left;
	width: 50%;
	padding: 45px 30px 0;
	min-height: 281px
}
h2, h3 {
	float: left;
	width: 100%;
	color: #1c2e4d;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	/*text-transform: uppercase;*/
}
h2 {
	font-size: 14px
}
.dashboardTbl h2 {
	padding-left: 30px;
	margin-top: 50px;
	margin-bottom: 20px
}
.dashBoardGraphCol h3 {
	margin-left: 12px;
	margin-bottom: 22px
}
ul.graphVal {
	display: list-item;
	list-style-type: none;
	padding-left: 124px
}
ul.graphVal li {
	float: left;
	width: 50%;
	max-width: 230px;
	margin: 15px 0 0;
	padding-left: 30px
}
ul.graphVal li span {
	width: 12px;
	height: 12px;
	float: left;
	border: 3px solid #008dc4;
	border-radius: 50%;
	margin: 2px 10px 0 0
}
ul.graphVal li span.grayClr {
	border-color: #898989
}
ul.graphVal li span.greenClr {
	border-color: #5bbf4a
}
ul.graphVal li span.redClr {
	border-color: #d3404e
}
ul.graphVal li span.orangeClr {
	border-color: #e65819
}
ul.graphVal li div {
	display: list-item;
	padding-left: 22px
}
.gray-bg {
	background: #f2f4f7;
	margin-top: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:700;
}
.gray-bg span {
	padding: 15px;
	display: inline-block
}
.gray-bg span strong {
	margin-left: 10px;
	font-weight: 400
}
.gray-bg .ViewAll {
	float: right;
	font-size: 13px;
	border-left: 1px solid #dadada;
	padding: 15px 30px;
	font-family: GothamBook
}
.dashboardTbl table {
	border: 1px solid #e6e6e6;
	margin-bottom: 0;
	border-left: 0;
	text-align: left;
	width: 100%
}
.dashboardTbl table tr td, .dashboardTbl table tr th {
	border-bottom: 1px solid #e6e6e6;
	color: #1c2e4d;
	font-size: 13px;
	font-family: montserratregular;
	font-weight: 400;
	width: 20%;
	padding: 15px;
	vertical-align: middle
}
.dashboardTbl table tr td:nth-child(3), .dashboardTbl table tr th:nth-child(3) {
	width: 25%
}
.dashboardTbl table tr td:nth-child(4), .dashboardTbl table tr th:nth-child(4) {
	width: 15%
}
.dashboardTbl table tr th {
	background: #f2f4f7;
	color: #000;
	font-weight: 400
}
.dashboardTbl table tr td:first-child, .dashboardTbl table tr th:first-child {
	padding-left: 30px
}
.dashboardTbl table tr td>span, .dashboardTbl table tr td>strong {
	color: #9c9c9c;
	font-size: 12px;
	display: block;
	font-family: GothamBook;
	margin-top: 5px
}
.greenBt, .next-prvBts a.next, .next-prvBts a.prev, .redBt {
	font-family: montserratregular;
	font-weight: 400
}
.dashboardTbl table tr td>strong {
	font-weight: 400;
	display: inline-block;
	font-size: 13px
}
.greenBt, .redBt {
	display:inline-block;
	color: #4ca03a;
	font-size: 13px;
	line-height:28px;
	width: 100px;	
	border: 1px solid #4ca03a;
	text-align: center
}
.select-options li, .stepsTabs {
	border-bottom: 1px solid #dadada
}
.greenBt:hover {
	color: #439831;
	border-color: #439831
}
.redBt {
	color: #d3414e;
	border-color: #d3414e;
	margin-left:6px
}
.redBt:hover {
	color: #af2834;
	border-color: #af2834
}
.leftNavIcon, .mobileNav {
	background: url(../images/icon-mobile-nav.png) center center no-repeat;
	width: 51px;
	height: 60px;
	float: left;
	cursor: pointer;
	display: none
}
.leftNavIcon.active, .leftNavIcon:hover, .mobileNav.active, .mobileNav:hover {
	background-color: #383838;
	border-radius: 2px 2px 0 0
}
.leftNavIcon {
	background: url(../images/icon-left-nav.png) center center no-repeat;
	width: 62px
}
.stepsTabs {
	float: left;
	width: 100%;
	padding: 20px 33px;
	position: relative
}
.next-prvBts {
	position: absolute;
	top: 18px;
	right: 33px
}
.next-prvBts a.next, .next-prvBts a.prev {
	float: left;
	background: url(../images/prev-bt.jpg) right center no-repeat;
	color: #aeb6c1;
	font-size: 13px;
	line-height: 33px;
	padding-right: 45px
}
.sideBarHeading, .stepsTabs ul li, a.sideBarBt {
	float: left;	
}
.next-prvBts a.next {
	background: url(../images/next-bt.jpg) left center no-repeat;
	padding: 0 0 0 45px;
	margin-left: 7px
}
.next-prvBts a:hover {
	opacity: .8
}
.sideBarHeading, a.sideBarBt {
	background: url(../images/blue-icon.png) left center no-repeat;
	color: #1c2e4d;
	font-size: 20px;
	padding-left: 38px
}
.sideBarHeading {
	background: 0 0;
	padding-left: 0
}
a.sideBarBt:hover {
	color: #009fff
}
.QuotePageSideBar, .sideBarGray {
	background: #29456b;
}
.stepsTabs ul {
	float: left;
	margin-left: 15%;
}
.stepsTabs ul li {
	/*margin-left:40px;*/
	color: #fff;
	font-size: 13px;	
	line-height:19px;
	font-weight:400;
}
.stepsTabs ul li.arrow {
	width:66px;
	height:15px;
	background:url(../images/nav-process-arrow.png) no-repeat center center;
}
.stepsTabs ul li span {
	float: left;
	width:19px;
	height:19px;
	text-align: center;
	line-height:19px;
	color: #29456b;
	font-size: 12px;
	background: #d1d1d1;
	border-radius: 50%;
	margin-right: 10px;
	font-weight:600;
	display:none;
}
.stepsTabs ul li b {
	font-weight:400;
}
.stepsTabs ul li.active {
	color: #fff;	
}
.stepsTabs ul li.active {
	border-bottom:3px solid #00adf2;
	padding-bottom:18px;
}
.stepsTabs ul li.active span {
	background: #03a2cc;	
}
.stepsTabs ul li.stepsDone {
	color: #bdbdbd
}
.stepsTabs ul li.stepsDone span {
	background: #bdbdbd
}
.stepsDetails {
	width: 550px;
	margin: auto
}
.stepsDetails>.row {
	margin-top: 60px
}
.formControl {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	position:relative;
	padding-top:24px;
}
.formControl.formControlLast {
	margin-bottom: 0!important
}
.formControl > label {
	color: #8891A5;
	font-size:14px;
	text-transform: uppercase;
	/*float: left;
	width: 100%;*/
	margin-bottom: 8px;
	position:absolute;
	top:0;
	left:0;
	transition:all ease-in 0.3s;
	/*font-weight:600;*/
}
.formControl.hasNoVal > label {
	top:35px;
  left: 13px;
	transition:all ease-in 0.3s;
	font-size:13px;
}
.formControl > label.active {
	color:#3c92cf;
	font-size:11px;
}
.formControl.hasVal > label, .formControl.select-new > label {
	font-size:11px;
}
.stepsDetails .formLeft, .stepsDetails .formRight {
	float: left;
	width: 355px
}
.stepsDetails .formRight {
	width: 195px;
	float: right
}
.margin-top-30 {
	margin-top: 30px
}
.margin-top-20 {
	margin-top: 20px
}
.addGreenLink, .addGreenLinkMinus {
	display: inline-block;
	color: #818181;
	/*margin-left: 5px;*/
	background: url(../images/plus-new.svg) center left no-repeat;
	background-size:17px;
	padding-left: 23px;
	line-height: 17px;
	font-weight:600;
	font-size:12px;	
	text-transform:uppercase;
	text-decoration:none !important;
	font-family: 'Open Sans', sans-serif;
}
.addGreenLinkMinus {
	background: url(../images/minus-new.svg) center left no-repeat;
	background-size:17px;
}
.addGreenLink:hover, .addGreenLinkMinus:hover {
	background: url(../images/plus-new-hover.svg) center left no-repeat;
	background-size:17px;
	color: #22adf2;
}
.addGreenLinkMinus:hover {
	background: url(../images/minus-new-hover.svg) center left no-repeat;
	background-size:17px;
}
.rightForm, .select-hidden, .select-options, .select-options li[rel=hide] {
	display: none
}
.addGreenLink:hover {
	color: #00aeef
}
.select-hidden {
	visibility: hidden;
	padding-right: 10px
}
.select {
	cursor: pointer;
	float: left;
	position: relative;
	width: 100%;
	height: 45px
}
.select-options, .select-styled {
	position: absolute;
	right: 0;
	left: 0;
	text-align:left;
}
.select-styled {
	overflow: hidden;
	top: 0;
	bottom: 0;
	background: url(../images/tbl-down-arrow.png) calc(100% - 15px) center no-repeat #fff;
	padding: 0 12px;
	height:40px;
	line-height:40px;
	border-radius: 2px;
	border:1px solid #CAD8DD;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	font-size: 14px;
	color:#8891a5;
	font-weight:600;
}
.checkbox, .radio {
	cursor: pointer;
	line-height: 20px
}
.select-styled.active {
	border: 2px solid #3E91CE;
	outline: 0;
	background: url(../images/tbl-down-arrow-up.png) calc(100% - 15px) center no-repeat #fff;
	/*-webkit-box-shadow: inset 0 1px 1px #a9e6ff, 0 0 8px #a9e6ff;
	-moz-box-shadow: inset 0 1px 1px #a9e6ff, 0 0 8px #a9e6ff;
	box-shadow: inset 0 1px 1px #a9e6ff, 0 0 8px #a9e6ff*/
}
.select-options {
	top:90%;
	z-index: 99900;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	/*border: 1px solid #dadada;*/
	border-radius: 3px;
	max-height:300px;
	overflow: auto;
	box-shadow: 0 0 8px #ccc;
}
.select-options li {
	margin: 0;
	padding: 12px 0 12px 12px;
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	-o-transition: all .15s ease-in;
	transition: all .15s ease-in;
	font-size:14px;
	color:#8891a5;
	font-weight:normal;
}
.select-options li:last-child {
	border: 0!important
}
.select-options li:hover {
	color: #fff;
  background: #00adef;
}
#paymentDate, #InvoiceDate, #rightForm1 #StartDate, #rightForm1 #EndDate {
	background: url(../images/cal-1.svg) no-repeat calc(100% - 10px) center;	
	background-size:22px;
}
#paymentDate:focus, #InvoiceDate:focus, #rightForm1 #StartDate:focus, #rightForm1 #EndDate:focus {
	background: url(../images/cal-2.svg) no-repeat calc(100% - 10px) center;
	background-size:22px;
}
#ExpiryDate, .hasDatepicker {
	background:#fff url(../images/cal-1.svg) no-repeat calc(100% - 10px) center;
	background-size:22px;
}
#ExpiryDate:focus, .hasDatepicker:focus {
	background:#fff url(../images/cal-2.svg) no-repeat calc(100% - 10px) center;
	background-size:22px;
}
#rightForm1 #StartDate, #rightForm1 #EndDate {
	background: #fff url(../images/cal-1.svg) no-repeat calc(100% - 10px) center;
	background-size:22px;
}
#rightForm1 #StartDate:focus, #rightForm1 #EndDate:focus {
	background: #fff url(../images/cal-2.svg) no-repeat calc(100% - 10px) center;
	background-size:22px;
}
/*#paymentDate {
	width: 50%!important
}*/
.radioListing, .radioListing li {
	float: left;
	width: 100%;
	margin-top: 20px
}
.radioListing {
	border-bottom: 1px solid #dadada;
	padding-bottom: 11px
}
.radioListing li {
	margin-top: 11px;
	text-align: right
}
.radioListing li .left {
	float: left
}
.radio {
	float: left;
	background: url(../images/checkbox-new.svg) left top no-repeat;
	background-size:25px;
	padding-left: 34px;
	margin: 0 20px 0 0;
	line-height:24px;
}
.radio input {
	float: left;
	margin: 0 0 0 -32px;
	width: 24px;
	height: 24px;
	opacity: 0;
	cursor: pointer
}
.radio-checked {
	background: url(../images/checkbox-new.svg) left bottom no-repeat;
	background-size:25px;
}
.radioListing .radio {
	width: 100%;
	margin: 0
}
.radioListing .radio label {
	float: left;
	text-align: left
}
 @keyframes slideInLeft {
 0% {
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%);
 visibility:visible
}
 100% {
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0)
}
}
.AddNewOpened {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	width: 980px
}
.leftForm {
	float: left;
	width: 560px;
	position: relative
}
.NewContactPopup {
	position: absolute;
	top: 99px;
	left: 364px;
	width: 345px;
	display: none;
	z-index: 1
}
.NewContactPopup .inner {
	float: left;
	width: 100%;
	position: relative;
	border: 1px solid #ced4dc;
	background: #f2f4f7;
	border-radius: 2px;
	box-shadow: 2px 2px 5px #e5e8ed;
	padding: 20px
}
.NewContactPopup .formRight, .rightForm {
	float: right
}
.NewContactPopup .inner:after, .NewContactPopup .inner:before {
	right: 100%;
	top: 57%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.NewContactPopup .inner:after {
	border-color: rgba(242,244,247,0);
	border-right-color: #f2f4f7;
	border-width: 10px;
	margin-top: -10px
}
.NewContactPopup .inner:before {
	border-color: rgba(206,212,220,0);
	border-right-color: #ced4dc;
	border-width: 11px;
	margin-top: -11px
}
.NewContactPopup .formLeft, .NewContactPopup .formRight {
	width: 48%!important
}
.rightForm {
	width: 400px;
	background: #f2f4f7;
	padding: 30px;
	position: relative
}
#rightForm1 {
	position: absolute;
	top: 130px;
	right: -149px;
}
.rightForm hr {
	margin-bottom: 20px;
}
.rightForm:after, .rightForm:before, .rightFormInvoice:after, .rightFormInvoice:before {
	right: 100%;
	top: 267px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(242,244,247,0);
	border-right-color: #f2f4f7
}
.rightForm:after, .rightFormInvoice:after {
	border-width: 10px;
	margin-top: -10px
}
.rightForm:before, .rightFormInvoice:before {
	border-width: 16px;
	margin-top: -16px
}
.rightFormInvoice:after, .rightFormInvoice:before {
	top: 450px;
}
.rightFormInvoice#rightForm1:after, .rightFormInvoice#rightForm1:before {
	top: 208px;
}
.closeBT {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 15px;
	color: #000;
	opacity: .8
}
.rightForm h3 {
	margin-bottom: 12px
}
.required {
	color: #e33030
}
.checkbox {
	float: left;
	background: url(../images/check-box.svg) left center no-repeat;
	background-size:23px;
	width: 23px;
	height: 23px;
	padding-left: 30px;
	position:relative;
	cursor:pointer;
	line-height:23px;
}
.checkbox input[type="checkbox"] {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	cursor:pointer;
}
.checked {
	background: url(../images/check-box-checked.svg) left center no-repeat;
	background-size:23px;
}
.rightForm .formControl ul {
	float: left;
	width: 100%;
	margin-bottom: 10px
}
.rightForm .formControl ul li {
	float: left;
	width: 50%
}
hr {
	background: #dadada;
	border: 1px solid #dadada;
	height: 1px;
	margin: 0
}
hr.pageBreak {
	background: 0 0;
	border: 1px dashed #dadada
}
.formControl.half {
	width: 49%
}
.pull-right {
	float: right
}
.stepsDetailsFull {
	width: 90%;
	max-width: 1090px;
	margin: auto
}
.stepsDetailsFull>.row {
	margin-top: 20px
}
.pricingTabs, .pricingTabs li {
	float: left;
	width: 100%
}
.pricingTabs {
	margin-top: 20px;
	margin-bottom: 20px
}
.pricingTabs li {
	width: 33.33%;
	background: #f2f4f7;
	color: #383838;
	text-align: center;
	padding: 39px 0;
	font-size: 13px;
	font-family: GothamBook;
	margin: 0 1px;
	cursor: pointer
}
.boldTxt {
	font-weight: 700;
}
.pricingTabs li:first-child {
	margin-left: 0;
	width: 33%
}
.pricingTabs li:last-child {
	margin-right: 0;
	width: 33%
}
.pricingTabs li span {
	background: url(../images/icon1.png) left center no-repeat;
	padding-left: 53px;
	display: inline-block;
	line-height: 37px;
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	text-align: left;
}
.pricingTabs li:nth-child(2) span {
	line-height: 19px;
	background: url(../images/icon2.png) left center no-repeat
}
.pricingTabs li:nth-child(3) span {
	background: url(../images/icon3.png) left center no-repeat
}
.pricingTabs li.active {
	color: #fff;
	background: #383838;
	position: relative
}
.pricingTabs li.active:after, .pricingTabs li.active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.pricingTabs li.active:after {
	border-color: rgba(25,67,110,0);
	border-top-color: #383838;
	border-width: 5px;
	margin-left: -5px
}
.pricingTabs li.active:before {
	border-color: rgba(25,67,110,0);
	border-top-color: #383838;
	border-width: 11px;
	margin-left: -11px
}
.pricingTabs li.active span {
	background: url(../images/icon1-white.png) left center no-repeat
}
.pricingTabs li:nth-child(2).active span {
	background: url(../images/icon2-white.png) left center no-repeat
}
.pricingTabs li:nth-child(3).active span {
	background: url(../images/icon3-white.png) left center no-repeat
}
.QPC-Detail, .QPC-Detail ul, .priceListDetail, .priceListDetail ul, .priceListDetail ul li, .priceListDetail ul li .inner, .priceListDetail ul li .inner .heading, .priceListDetail ul li .inner .price {
	float: left;
	width: 100%
}
.priceListDetail ul {
	margin: 18px 0;
	width: calc(100% - 2px)
}
.priceListDetail ul li {
	width: 25%;
	padding: 0 9px
}
.priceListDetail ul li:first-child {
	padding-left: 0
}
.priceListDetail ul li:last-child {
	padding-right: 0
}
.priceListDetail ul li .inner {
	border: 1px solid #dddde0;
	padding: 15px;
	cursor: pointer
}
.priceListDetail ul li .inner .heading {
	color: #585858;
	margin-bottom: 8px
}
.priceListDetail ul li .inner p {
	font-size: 11px
}
.priceListDetail ul li .inner .price {
	text-align: right;
	font-size: 16px;
	margin: 20px 0;
	color: #585858
}
.priceListDetail ul li .inner .icon {
	float: left;
	width: 33px;
	height: 33px;
	background: url(../images/icon4.jpg) center center no-repeat
}
.priceListDetail ul li .inner .icon input {
	width: 33px;
	height: 33px;
	margin: 0;
	padding: 0;
	opacity: 0
}
.switchBt, .table-4-col {
	margin-top: 20px
}
.pageSize .table-4-col {
	margin:0;
}
.priceListDetail ul li .inner .icon.selected {
	background: url(../images/icon4-green.jpg) center center no-repeat
}
.table-4-col h2 {
	/*text-transform: none;*/
	width: auto;
	line-height: 44px
}
.table-4-col th {
	background: #F3F4F7;
	border-bottom: 2px solid #dadada;
	padding: 10px;
	color: #585858
}
.table-4-col td {
	padding: 6px 0
}
.table-4-col td:nth-child(2), .table-4-col td:nth-child(3) {
	padding: 6px 30px
}
.table-4-col td input {
	color: #585858
}
.table-4-col td:nth-child(2) input, .table-4-col td:nth-child(3) input {
	text-align: center
}
.table-4-col .pull-right label {
	float: left;
	line-height: 36px
}
.table-4-col .pull-right {
	width: 240px
}
.table-4-col .pull-right .select {
	width: 116px;
	float: right
}
.table-4-col .fullRow {
	padding: 20px 0;
	border-bottom:1px solid #CAD8DD;
}
.totalTable, .totalTable>li {
	float: right;
	width: 50%
}
.totalTable>li {
	width: 100%;
	padding: 6px 0 4px;
	/*border-bottom: 1px solid #dadada;*/
	line-height: 38px;
	color:#4b4b4b;
}
.totalTable>li .pull-right {
	min-width: 137px;
	text-align: right;
	position: relative
}
.totalTable>li .pull-right input {
	width: 76px;
	float: right
}
.totalTable>li .pull-right .select {
	float: right;
	width: 63px;
	text-align: left;
	height: 36px;
	margin-left: -2px
}
.totalTable>li .select-options li {
	padding: 0 0 0 12px
}
.totalTable>li .select-options {
	top: 110%
}
.percentage {
	position: absolute;
	top: 0;
	right: 15px
}
.boldTxt {
	color: #585858
}
.buttonsRow {
	border-top: 2px solid #dadada;
	padding-top: 30px;
	padding-bottom: 30px
}
.buttonsRow input {
	padding: 0;
	width: 245px
}
.QPC-Detail {
	display: none
}
.QPC-Detail ul {
	background: #383838;
	border-bottom: 1px solid #e6e6e6;
	margin-top: 25px;
	padding-left: 4px
}
.QPC-Detail ul li {
	float: left;
	border-right: 1px solid #606060;
	color: #fff;
	padding: 4px 0 0;
	font-family: montserratregular;
	font-weight: 400;
	font-size: 13px
}
.QPC-Detail ul li span {
	line-height: 51px;
	float: left;
	padding: 0 45px;
	cursor: pointer
}
.QPC-Detail td, .QPC-Detail th, .list_table th {
	font-size: 13px;	
	padding:12px !important;
	border-bottom: 1px solid #e6e6e6;
	font-weight:bold;
}
.QPC-Detail ul li span.active {
	background: #fff;
	color: #1c2e4d
}
.QPC-Detail th, .list_table th {
	background: #f2f4f7;
	color: #585858;
	/*text-align: left;	*/
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
.QPC-Detail td {
	color: #1c2e4d
}
.QPC-Detail tr td:nth-child(2) {
	color: #009fff
}
.QPC-Detail tr td:nth-child(2) span {
	color: #9c9c9c;
	display: block
}
.QPC-Detail .Contracts, .QPC-Detail .Proposals, .hide {
	display: none
}
.QPC-Detail table td, .QPC-Detail table th {
	width: 15%
}
.QPC-Detail table td:nth-child(2), .QPC-Detail table th:nth-child(2) {
	width: 25%
}
.QPC-Detail table td:nth-child(1), .QPC-Detail table th:nth-child(1) {
	width: 1%;
	padding-right: 0
}
.disable {
	opacity: .3
}
.stepsDetails.CreateQuoteS1 {
	width: 100%
}
.stepsDetails.CreateQuoteS3 {
	width: 345px
}
.grayBar, .stepsDetails.CreateQuoteS2 {
	width: 100%
}
.grayBar {
	background: #fafafa;
	float: left;
	padding: 25px 0;
	text-align: center
}
.stepsDetails.CreateQuoteS1 textarea, .stepsDetails.CreateQuoteS3 textarea {
	height: 90px
}
.stepsDetails.CreateQuoteS2 section {
	display: list-item;
	list-style-type: none;
	padding: 30px
}
.stepsDetails.CreateQuoteS2 section>.tblDislay {
	padding-top: 30px
}
.settingColMain {
	margin: auto;
	width: 100%;
	max-width: 1232px;
	position: relative
}
.stepsDetails.CreateQuoteS2 .settingsCol {
	position: absolute;
	top: 0;
	right: 0;
	width: 370px;
	border: 1px solid #e6e7eb;
	box-shadow: 0 3px 5px #efefef
}
.stepsDetails.CreateQuoteS2 .settingColLeft {
	display: list-item;
	list-style-type: none;
	padding-right: 400px
}
.stepsDetails.CreateQuoteS2 .settingColLeft .page {
	float: left;
	width: 100%;
	border: 2px solid #dadada;
	height: 973px;
	background: #f3f3f3;
	margin-bottom: 45px
}
.stepsDetails.CreateQuoteS2 .settingColLeft .formControl {
	margin-bottom: 9px
}
.stepsDetails.CreateQuoteS2 .settingColLeft .buttonsRow {
	padding-bottom: 0!important;
	border: 0!important
}
.stepsDetails.CreateQuoteS2 .settingsCol h3 {
	padding: 25px;
	border-bottom: 1px solid #e6e7eb
}
.settingsCol ul.detailSection, .settingsCol ul.detailSection>li {
	float: left;
	width: 100%;
	list-style-type: none;
	margin-bottom: 5px
}
.settingsCol ul.detailSection>li {
	margin-bottom:20px;
}
.settingsCol ul.detailSection {
	padding: 25px 0 0;
	/*border-bottom: 1px solid #e6e7eb;*/
	margin: 0;
	font-size:13px;
}
.settingsCol ul.detailSection a.upload {
	font-family: montserratregular;
	font-weight: 400;
	float: left;
	line-height: 38px
}
.QuoteStep3 .grayBar h2, .sectionTop ul li a span, .settingsCol ul.detailSection h4 {
	font-weight: 400;
	/*font-family: montserratbold*/
}
.settingsCol ul.detailSection .or {
	float: left;
	width: 30px;
	height: 30px;
	background: #cccdd0;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 4px 11px;
	border-radius: 50%
}
.settingsCol ul.detailSection h4 {
	font-size: 13px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
	text-transform:uppercase;
	font-weight:600 !important;
	color:#3E91CE;
}
.settingsCol ul.detailSection li .detailSectionCol {
	width: 65%;
	float: left
}
.settingsCol ul.detailSection li .detailSectionCol:last-child {
	float: right;
	width:30%;
}
.settingsCol ul.detailSection li label {
	float: left;
	line-height: 38px
}
.stepsDetails.CreateQuoteS3 .switchBt {
	margin-top: 0!important
}
.stepsDetails.CreateQuoteS1 .sectionTop {
	border-bottom: 1px solid #dadada;
	padding-bottom: 60px;
	margin-bottom: 60px
}
.stepsDetails.CreateQuoteS1 .inner {
	width: 100%;
	max-width:830px;
	margin: auto
}
.stepsDetails.CreateQuoteS1 .inner h3 {
	margin-top: 50px
}
.stepsDetails.CreateQuoteS1 .inner p {
	margin: 15px 0 25px;
	float: left;
	width: 100%
}
.sectionTop ul {
	float: left;
	width: calc(100% + 16px);
	list-style-type: none;
	margin: 0 -8px
}
.sectionTop ul li {
	width: 25%;
	padding: 0 8px;
	float: left
}
.sectionTop ul li div {
	float: left;
	width: 100%;
	padding: 3px;
	border: 1px solid #dadada;
	position: relative
}
.sectionTop ul li div img {
	float: left;
	width: 100%
}
.sectionTop ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(28,46,77,.9);
	text-align: center;
	vertical-align: middle;
	opacity: 0;
	transition: color .2s ease-out, background .2s ease-in
}
.sectionTop ul li a, .sectionTop ul li:hover a {
	-o-transition: color .2s ease-out, background .2s ease-in;
	-ms-transition: color .2s ease-out, background .2s ease-in;
	-moz-transition: color .2s ease-out, background .2s ease-in;
	-webkit-transition: color .2s ease-out, background .2s ease-in
}
.sectionTop ul li a span {
	border: 1px solid #fff;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 45px;
	padding: 0 40px;
	text-transform: uppercase;
	border-radius: 2px;
	top: 41%;
	position: relative
}
.sectionTop ul li:hover a {
	opacity: 1;
	transition: color .2s ease-out, background .2s ease-in
}
.preview-link:hover, .proposalSettings .back:hover, .proposalSettings .clost-bt-gray:hover, .proposalSettings .next:hover, .proposalSettings li.bts input.cancel:hover {
	opacity: .8
}
.stepsDetails.CreateQuoteS1 .inner .colCreateQuoteTemplate {
	float: left;
	width: 345px
}
.stepsDetails.CreateQuoteS1 .inner .colCreateQuoteTemplate .addlinik {
	float: right;
	margin-bottom: 3px;
}
.stepsDetails.CreateQuoteS1 .inner .colCreateQuoteTemplate:nth-child(2) {
	float: right
}
.switch-button-label {
	position: absolute;
	color: #fff;
	z-index: 1;
	line-height: 23px;
	font-size: 10px;
	cursor: pointer
}
.switch-button-label.off, .switch-button-label.on {
	color: #fff
}
.offBt {
	left:14px;
	top:1px
}
.onBT {
	right:-11px;
	top:1px
}
.switch-button-background {
	float: left;
	background: #8993a6;
	border-radius: 24px;
	-webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,.075), 0 0 3px rgba(0,0,0,.075);
	-moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,.075), 0 0 3px rgba(0,0,0,.075);
	box-shadow: inset 2px 2px 3px rgba(0,0,0,.075), 0 0 3px rgba(0,0,0,.075);
	position: relative;
	box-sizing: border-box
}
.switch-button-background.checked {
	background: #3b92ce
}
.switch-button-button {
	position: absolute;
	left: 1px;
	top:-5px;
	background: #fff;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width:35px!important;
	height:35px!important;
	z-index:2;
	border:1px solid #b2b3b5;
	cursor:pointer;
}
.switch-button-label:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}
.switch-button {
	position: relative;
	width: 49px;
	float: left
}
.switchBt label {
	float: left;
	line-height: 24px;
	margin: 0
}
.switchBt .switch-button {
	float: right
}
/*.stepsDetails.CreateQuoteS1 .inner input[type=submit], .stepsDetails.CreateQuoteS1 .inner input[type=button] {
	float: left;
	width: 245px;
	margin-top: 66px
}*/
.QuoteStep3, .QuoteStep3 .grayBar .pull-left span {
	width: 100%
}
.QuoteStep3>.tblDislay {
	float: left
}
.QuoteStep3 .grayBar {
	padding: 15px 33px 15px;
	text-align: left
}
.QuoteStep3 .grayBar h2 {
	font-size: 20px
}
.QuoteStep3 .grayBar .pull-right ul {
	float: left;
	list-style-type: none
}
.QuoteStep3 .grayBar .pull-right ul li {
	float: left;
	margin: 0 0 0 6px;
	position: relative
}
.grayButton {
	float: left;
	border-radius: 2px;
	background: #aeb6c1;
	color: #fff;
	font-family: gothambold;
	font-weight: 400;
	font-size: 14px;
	line-height: 46px;
	width: 144px;
	text-align: center;
	text-transform: uppercase
}
.QuoteStep4 h2, .adminUsers h2, .customPopup h2, .customers h2, .merge-string-content h2, .new-role h2, .previewPage h2 {
/*text-transform: none*/
}
.grayButton span.hasDropDown {
	background: url(../images/white-arrow-1.png) right center no-repeat;
	padding-right: 23px
}
.QuoteStep3 .grayBar .pull-right ul li ul {
	position: absolute;
	top: 45px;
	right: 0;
	width: 100%;
	background: #383838;
	border-radius: 0 0 2px 2px;
	padding-top: 15px;
	display: none
}
.QuoteStep3 .grayBar .pull-right ul li ul li {
	float: left;
	width: 100%;
	margin: 0
}
.grayButton.active {
	background-color: #383838!important
}
.QuoteStep3 .grayBar .pull-right ul li ul li a {
	padding: 10px 18px;
	color: #fff;
	float: left
}
.QuoteStep3 .grayBar .pull-right ul li ul li a.logOut {
	margin-top: 10px;
	border-top: 1px solid #475979;
	padding: 17px 18px 22px;
	color: #748699;
	width: 100%
}
.grayButton:hover {
	color: #fff;
	background: #bec4cd
}
.QuoteStep3 .grayBar1 {
	background: #fff;
	padding: 15px 20px;
	position: relative;
	border-bottom:1px solid #dadada;
	
}
/*.QuoteStep3 .grayBar1 .blue-bt {
	padding: 0 25px;
	line-height: 46px
}*/
.QuoteStep3 .grayBar1 .blue-bt:hover {
	background: #0196bd;
}
.settingsCol .switch-button {
	float: right;
	margin-top: 9px
}
.previewPage {
	width: 90%;
	max-width: 1023px;
	margin: 30px auto auto;
	box-shadow:none !important;
}
.previewPage .inner {
	float: left;
	width: 100%;
	border: 0 solid #bbbbbb;
	background:#fff;
	    box-shadow: 0 0 10px #bbbbbb;
	/*font-family: GothamBook
	box-shadow: 0 0 10px #bbbbbb !important;*/
}
.previewPageTop {
	float: left;
	width: 100%;
	padding: 25px 40px;
	font-family: inherit
}
.previewPageTop .boldTxt {
	color: #1c2e4d;
	/*font-family: montserratbold;*/
	font-weight: 700;
	font-size: 14px;
	margin: 15px 0
}
.previewPageTop .previewPageCol {
	float: left;
	width: 60%;
	margin-top: 25px
}
.previewPageTop .previewPageCol:nth-child(2), .previewPageTop .previewPageCol:nth-child(4) {
	float: right;
	width: 40%
}
.previewPageTop .previewPageCol ul, .previewPageTop .previewPageCol ul li {
	float: left;
	width: 100%;
	list-style-type: none
}
.previewPageTop .previewPageCol ul li {
	width: auto;
	margin-right: 21px;
	line-height: 18px
}
.previewPageTop .previewPageCol ul li:last-child {
	margin: 0;
	padding: 0;
	border: 0!important
}
.previewPageTop .previewPageCol ul li.borderBottomTxt {
	width: 34px;
	border-bottom: 1px solid #aeb6c1;
	padding-bottom: 10px
}
.previewPageTop .previewPageCol:nth-child(2) li {
	border-right: 1px solid #aeb6c1;
	padding-right: 21px
}
.previewPageTop .previewPageCol:nth-child(2) ul, .previewPageTop .previewPageCol:nth-child(4) ul {
	float: right;
	width: auto
}
.previewPageTop .previewPageCol ul li.price {
	font-size: 30px;
	color: #1c2e4d
}
.margin-top-50 {
	margin-top: 50px
}
.previewPage table td, .previewPage table th {
	border-bottom:1px solid #8891a5;
	padding: 10px;
	/*font-family: gothambold;*/
	text-align: left;
	width: 17%;
	font-weight: 400
}
.previewPage .PricingTbl table td:nth-child(1), .previewPage .PricingTbl table th:nth-child(1) {
	width: 54%
}
.previewPage .PricingTbl table td:nth-child(2), .previewPage .PricingTbl table td:nth-child(3), .previewPage .PricingTbl table th:nth-child(2), .previewPage .PricingTbl table th:nth-child(3) {
	text-align: center;
	font-size: 13px;
}
.previewPage .PricingTbl table td:nth-child(4), .previewPage .PricingTbl table th:nth-child(4) {
	text-align: right;
	width: 12%
}
.previewPage table td {
	border-bottom: 1px solid #8891a5;
	font-family: inherit;
	font-weight: 400
}
.previewPage table.totalTabl td {
	width: 50%
}
.previewPage table.totalTabl tr td:nth-child(2) {
	text-align: right
}
.previewPage table.totalTabl tr.boldTxt td {
	font-family: gothambold;
	color: #585858;
	border-bottom: 0;
	font-weight: 400
}
.previewPage .Notes {
	border-top: 1px solid #dadada;
	padding: 35px 0
}
.previewPage .Notes span {
	font-family: gothambold;
	display: block;
	padding-bottom: 15px;
	font-weight: 400
}
.previewPage h2 {
	font-weight: 700
}
.previewPage .previewPageBottom {
	/*background: #3ed8ab;*/
	background: #FFF;
	padding: 24px;
	text-align: left;
	color: #585858;
	font-family: inherit
}
/*.QuoteStep4 ul li .checkbox, .QuoteStep4 ul li .title, .attachment {
	font-family: gothambold
}*/
.previewPage .buttonsRow {
	border: 0;
	padding: 0;
	margin-top: 60px
}
.settingColMain .previewPage {
	width: 100%;
	margin: 0 0 30px;
	float: left
}
.settingColMain .previewPageTop .previewPageCol:nth-child(1), .settingColMain .previewPageTop .previewPageCol:nth-child(2) {
	width: 50%;
}
.settingColMain .previewPageTop .previewPageCol:nth-child(2) ul {
	float: left;
	margin-left: 55px
}
.QuoteStep4 {
	width: 90%;
	max-width: 936px
}
.QuoteStep4 ul, .QuoteStep4 ul > li {
	float: left;
	width: 100%
}
.QuoteStep4 ul {
	margin-top: 25px
}
.QuoteStep4 ul > li {
	border-bottom: 2px solid #03a2cc;
	padding-bottom: 12px;
	margin-bottom: 18px;
	color: #585858
}
.QuoteStep4 ul > li ul {
	margin: 0;
}
.QuoteStep4 ul > li ul li {
	padding: 12px 0 12px 12px;
	line-height: normal;
	margin: 0;
}
.QuoteStep4 ul li .title {
	float: left;
	color: #585858;
	font-weight: 400;
	width: 68px;
	line-height: 37px
}
.QuoteStep4 ul li .textFieldArea {
	display: list-item;
	list-style-type: none;
	padding-left: 68px;
	line-height: 28px
}
.QuoteStep4 ul li .checkbox, .attachment, .preview-link {
	font-weight: 400;
	line-height: 22px
}
.QuoteStep4 ul li.BorderFull {
	border: 1px solid #dadada;
	padding: 20px;
}
.QuoteStep4 ul li.BorderFull textarea {
	border: 0;
	margin-bottom: 20px;
	box-shadow: none;
	padding: 0;
	overflow: hidden
}
.QuoteStep4 ul li.noBorder {
	border: 0;
	padding: 0
}
.QuoteStep4 ul li .checkbox {
	width: auto;
	margin-right: 55px
}
.attachment {
	background: url(../images/attachment.jpg) left center no-repeat;
	padding-left: 31px;
	float: left;
	color: #424242
}
.QuoteStep4 .buttonsRow {
	border: 0;
	margin: 0;
	padding-bottom: 0;
	padding-top: 10px
}
.text-center {
	text-align: center!important
}
.QuoteStep3 .grayBar.text-center {
	position: relative
}
.preview-link {
	position: absolute;
	top: 25px;
	right: 33px;
	background: url(../images/preview-icon.png) left center no-repeat;
	font-size: 14px;
	font-family: montserratregular;
	padding-left: 28px;
	color: #1c2e4d
}
.proposal-editor, .proposal-editor .proposal-editor-left-col ul, .proposal-editor .proposal-editor-left-col>ul>li, .proposal-editor .proposal-editor-left-col>ul>li>ul, .proposal-editor .proposal-editor-left-col>ul>li>ul>li {
	float: left;
	width: 100%;
	padding: 40px 0 0
}
.proposal-editor {
	position: relative
}
.proposal-editor .proposal-editor-left-col {
	float: left;
	width: 100%;
	position: relative;	
}
.proposal-editor .proposal-editor-left-col .mainIcons {
	margin: 20px 0 0 17px;
	width:calc(100% - 12px);
	overflow:auto;
}
.proposal-editor .proposal-editor-left-col>ul, .proposal-editor .proposal-editor-left-col>ul>li, .proposal-editor .proposal-editor-left-col>ul>li>ul, .proposal-editor .proposal-editor-left-col>ul>li>ul>li {
	padding: 0
}
.proposal-editor .proposal-editor-left-col ul li.openedSubMenu {
	position: relative;
	z-index: 1
}
.proposal-editor .proposal-editor-left-col ul li .block {
	float: left;
	width: 95px;
	height: 80px;
	background: #fff;
	color: #1e2431;
	font-size: 13px;
	text-align: center;
	font-weight: 400;
	border:1.5px solid #CAD8DD;
	/*box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.18);*/
}
.proposal-editor .proposal-editor-left-col .mainIcons li {
	width:100px;
	margin-left:3px;
	margin-bottom:10px;
	float:left;
}
.themeSettings {
	float: left;
	/*margin-left: 30px;
	margin-bottom: 30px;*/
	line-height: 20px
}
.themeSettings .fa {
	font-size: 20px;
	float: left;
	margin-right: 5px
}
.proposal-editor .proposal-editor-left-col ul li .block .fa, .proposal-editor .proposal-editor-left-col ul li .block .glyphicon {
	float: left;
	width: 100%;
	font-size:24px;
	margin-bottom: 5px;
	margin-top:19px
}
.proposal-editor .proposal-editor-left-col ul li .block.twoLines .fa {
	margin-top: 9px
}
.proposal-editor .proposal-editor-left-col ul li .block.Footer .fa {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg)
}
.proposal-editor .proposal-editor-left-col ul li.fieldsBlockLi .block.active:after, .proposal-editor .proposal-editor-left-col ul li.imageBlockLi .block.active:after, 
.proposal-editor .proposal-editor-left-col ul li.signatureBlockLi .block.active:after {
	left: 41%;
	top: 110%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(28,46,77,0);
	border-top-color: #383838;
	border-width: 8px;
	margin-top: -8px
}
.proposal-editor .proposal-editor-left-col>ul>li>ul {
	position: absolute;
	top: 0;
	left: 99px;
	width: 193px;
	display: none
}
.proposal-editor .proposal-editor-left-col>ul>li>ul>li {
	width: 96px;
	padding: 0 0 9px 9px;
	position: relative
}
/*.proposal-editor .proposal-editor-left-col>ul.proposalSettings {
	width:290px;
	margin-left:-60px;
}*/
.proposal-editor .proposal-editor-left-col ul li ul li.fullRow {
	width: 100%
}
.proposal-editor .proposal-editor-left-col ul li ul li .block {
	border: 1px solid #e3e5ec
}
.proposal-editor .proposal-editor-left-col ul li .block.active, .proposal-editor .proposal-editor-left-col ul li .block:hover, .proposal-editor .proposal-editor-left-col ul li.merge-setting-li:hover .block {
	background:#1e2431;
	color: #fff;
	cursor: pointer;
	border-color:#1e2431;
}
.proposal-editor .proposal-editor-left-col ul li .block.active {
	position: relative
}
.proposal-editor .proposal-editor-left-col ul li.openedSubMenu ul {
	display: block
}
.proposal-editor .proposal-editor-left-col>ul>li>ul>li>label {
	line-height: 38px;
	float: right;
	margin-right: 10px;
	color: #1c2e4d
}
.proposal-editor .proposal-editor-left-col>ul>li>ul>li .pick-a-color-markup .color-menu {
	top: -321px
}
.proposalSettings {
	/*padding: 9px 19px 19px!important;
	background: #f3f4f8;
	position: absolute;
	top: -38px;
	left: 0;*/
	z-index: 1;
	/*min-height: 550px;*/
	display: none;
	float:left;
	width:100%;
	margin:20px 0;
}
.proposalSettings .back {
	color: #373737;
	background: url(../images/back-bt-new.png) left center no-repeat;
	line-height: 20px;
	padding-left: 40px;
	float: left;
	margin-bottom: 30px
}
.proposalSettings .next {
	color: #373737;
	background: url(../images/next-bt-gray-new.png) right center no-repeat;
	line-height: 20px;
	padding-right: 40px;
	float: right;
	margin-bottom: 30px
}
.proposalSettings .clost-bt-gray {
	float: right;
	background: url(../images/close-bt-1-new.png) center center no-repeat;
	width: 20px;
	height: 20px;
	text-indent: -9999px
}
.proposalSettings>li {
	margin: 10px 0 0
}
.proposalSettings>li label {
	/*color: #f3f4f8;*/
	float: left;
	width: 100%;
	/*font-family: montserratbold;*/
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 7px
}
.proposalSettings>li > a {
	font-size:12px;
	color:#1F2230;
}
.proposalSettings>li > a:hover {
	text-decoration:underline;
}
.proposalSettings .select-options {
	padding: 0!important;
	font-size: 12px
}
/*.proposalSettings .select-options li {
	font-size: 12px
}*/
.sort textarea, .sort ul.dropDown li a {
	font-size: inherit
}
.proposalSettings>li>.halfCol {
	float: left;
	width: 48%
}
.proposalSettings>li>.halfCol.pull-right {
	float: right
}
.proposalSettings label.color {
	width: auto;
	line-height: 40px;
	font-family: GothamBook;
	margin: 0
}
.proposalSettings .pick-a-color-markup .color-menu {
	left: -182px
}
/*.proposalSettings li.bts {
	position: absolute;
	bottom: 19px;
	left: 19px
}*/
.proposalSettings li.bts input {
	width: 114px;
	margin-top: 0
}
.proposalSettings li.bts input.cancel {
	width: auto;
	color: #fff;
	font-family: GothamBook
}
.back-blue-bt:hover, .blue-rounded-bt:hover, .close-blue:hover, .gray-rounded-bt:hover, .proposal-editor-right-col ul.sectionDetail li .clostbt:hover, a.export:hover, a.import:hover {
	opacity: .7
}
.proposal-editor-right-col {
	/*position: absolute;
	top: 40px;
	right: 0;
	width: 282px*/
	float:left;
	width:100%;
	display:none;
}
.proposal-editor-right-col ul.sectionDetail, .proposal-editor-right-col ul.sectionDetail li {
	float: left;
	width: 100%
}
/*.proposal-editor-right-col ul.sectionDetail {
	margin-top: 20px
}*/
.proposal-editor-right-col ul.sectionDetail li {
	border:1px solid #dee7ea;
	padding: 10px 17px 10px 20px;	
	color: #828ca1;
	line-height: 29px;
	position: relative;
	margin-top:7px;
	background:#f9fbfd;
	cursor:pointer;
}
.proposal-editor-right-col ul.sectionDetail li.active, .proposal-editor-right-col ul.sectionDetail li:hover {
	background:#3b92ce;
	color:#fff;
}
.proposal-editor-right-col ul.sectionDetail li .sectionTitle {
	float: left;
	padding-left: 20px;	
	width:90%;
	color:#373737;
}
.proposal-editor-right-col ul.sectionDetail li .sectionTitle a {
	color:#373737;
}
.proposal-editor-right-col ul.sectionDetail li.active .sectionTitle a, .proposal-editor-right-col ul.sectionDetail li:hover a, .proposal-editor-right-col ul.sectionDetail li:hover .sectionTitle {
	color:#fff;
}
.proposal-editor-right-col ul.sectionDetail li .moveHandle {
	position: absolute;
	top: 20px;
	left:17px;
	background: url(../images/lines-new.png) left center no-repeat;
	width: 10px;
	height: 10px;
	cursor: move
}
.proposal-editor-right-col ul.sectionDetail li.active .moveHandle, .proposal-editor-right-col ul.sectionDetail li:hover .moveHandle {
	background: url(../images/lines-new_hover.png) left center no-repeat;
}
.proposal-editor-right-col ul.sectionDetail li .clostbt {
	float: right;
	width: 11px;
	height: 11px;
	background: url(../images/close-bt-2-new.png) center center no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 8px;
	display:none;
}
.proposal-editor-right-col ul.sectionDetail li.active .clostbt, .proposal-editor-right-col ul.sectionDetail li:hover .clostbt {
	background: url(../images/close-bt-2-active.png) center center no-repeat;
	display:block;
}
.proposal-editor-right-col ul.sectionDetail li .saveBt {
	float: right;
	background: #f3f4f8;
	border-radius: 2px;
	padding: 0 13px;
	line-height: 29px;
	color: #919191;
	margin: 0 10px 0 0;
	cursor: pointer;
	display: none
}
.sort .Initials, .sort textarea, .sort ul.dropDown li a {
	font-family: inherit;
	color: inherit
}
.proposal-editor-right-col ul.sectionDetail li:hover .saveBt {
	display: block
}
.proposal-editor-right-col ul.sectionDetail li .saveBt:hover {
	background: #eee
}
.proposal-editor-center-col {
	display: list-item;
	list-style-type: none;
	padding: 0 375px 0 0;
	background:#fff;
}
.proposal-editor-center-col .page, .proposal-editor-center-col .page.A4, .proposal-editor-center-col .page.American, .proposal-editor-center-col .page.Legal, .proposal-editor-center-col .page.Letter {
	height: 800px;
	width: 210mm;
	margin: auto;
	/*overflow-y: auto;*/
}
.pageParentDiv {
	float:left;
	width:100%;
	/*overflow:auto;
	height:800px;
	padding:30px;
	min-height:550px;*/
}
::-webkit-scrollbar {
 width:7px;
 height:7px
}
::-webkit-scrollbar-button {
 background-color:#ccc;
 height:0
}
::-webkit-scrollbar-track {
 background-color:#efefef
}
::-webkit-scrollbar-track-piece {
 background-color:#efefef
}
::-webkit-scrollbar-thumb {
 height:50px;
 background-color:#ccc;
 border-radius:7px
}
::-webkit-scrollbar-corner {
 background-color:#ccc
}
::-webkit-resizer {
 background-color:#ccc
}
.proposal-editor-center-col .page.American, .proposal-editor-center-col .page.Legal, .proposal-editor-center-col .page.Letter {
	width: 221mm
}
.proposal-editor-center-col .pageInner {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.previewPage.page_size_A4, .proposal-editor-center-col .page.A4 .pageSize {
	width: 210mm;
	height: 297mm;/*background: url(../images/a4-bg.jpg) left top repeat-y;*/
}
.proposal-editor-center-col .page .pageSize {
	position: relative;
}
.proposal-editor-center-col .page .addPage {
	position: absolute;
	bottom: -40px;
	left:0;
	/*left: 0;*/
	width:100%;	
	/*padding: 12px 0;*/
	text-align: center;
	display: block;
	z-index: 3;
	display:none !important;
}
/*.proposal-editor-center-col .page:hover .addPage {
	display:block;
}*/
/*.previewPage.page_size_A4 {
	background: none;
}*/
.previewPage.page_size_A4 .pageSize, .proposal-editor-center-col .page .pageSize {
	/*background: url(../images/a4-bg.jpg) left top repeat-y;*/
	width: 210mm;
	height: 297mm;
}
.previewPage.page_size_Legal, .proposal-editor-center-col .page.Legal .pageSize {
	width: 100%;
	/*min-height: 356mm;background: url(../images/legal-bg.jpg) left top repeat-y*/
}
/*.previewPage.page_size_Legal {
	background: none;
}*/
.previewPage.page_size_Legal .pageSize {
/*background: url(../images/legal-bg.jpg) left top repeat-y;*/
}
.previewPage.page_size_American, .previewPage.page_size_Letter, .proposal-editor-center-col .page.American .pageSize, .proposal-editor-center-col .page.Letter .pageSize {
	width: 216mm;
	min-height: 279mm;/*background: url(../images/letter-bg.jpg) left top repeat-y*/
}
.previewPage.page_size_American, .previewPage.page_size_Letter {
	background: none;
}
.previewPage.page_size_American .pageSize, .previewPage.page_size_Letter .pageSize {
/*background: url(../images/letter-bg.jpg) left top repeat-y;*/
}
.proposal-editor-center-col .page .pageSize {
	margin-top: 20px;
	box-shadow: 0 0 10px #bbb;
	position: relative;
	float: left;
	padding:30px 0;
	border: 0 solid #bbb;
	background:#fff;
	margin-bottom:20px;
	width:100%;
}
#sortable .block {
	float:left;
	width:100%;
	padding: 5px 30px;
}
.sort {
	margin: 0;
}
/*.proposal-editor-center-col .page .pageSize:first-child {
	margin-top: 0 !important;
}*/
.proposal-editor-center-col .page .pageSize .pageNumber {
	position: absolute;
	right: 10px;
	bottom: 10px
}
#mCSB_1 {
	width: 105%!important;
	max-width: 105%!important
}
.InvoiceHistoryList #mCSB_1 {
	width: 100%!important
}
.sort {
	float: left;
	width: 100%;
	border: 1px dashed #fff;
	visibility: hidden;
	padding: 10px 10px 0;
	position: relative
}
.proposal-editor .proposal-editor-left-col .sort {
	display: none
}
.sort.blockNoFocus {
	padding-bottom: 10px
}
.sort:hover {
	border: 1px dashed #00aeef
}
.sort.focus {
	border: 1px solid #00aeef
}
.sort textarea {
	border: 0!important;
	box-shadow: none!important;
	height: 40px;
	padding: 0
}
.pageInner .sort {
	visibility: visible
}
.sort input[type=text] {
	margin-bottom: 10px;
	color: inherit;
	font-family: inherit;
	font-size: inherit
}
.sort .removeIcon, .sort .sortIcon {
	position: absolute;
	top:-4px;
	right: -23px;
	width: 16px;
	height: 16px;
	/*background: url(../images/editor-delete.png) center center no-repeat;*/
	cursor: pointer;
	display: none;
	z-index: 2;
	text-align:center;
	color:#8891A5;
	line-height:16px;	
}
.sort .removeIcon {
	font-size:14px;
}
.sort.focus .removeIcon, .sort.focus .sortIcon, .block:hover .removeIcon, .block:hover .sortIcon {
	display: block
}
.sort .removeIcon:hover {
	/*background: url(../images/editor-delete-hover.png) center center no-repeat;*/
	color:#d3414f;
}
.sort .sortIcon {
	/*background: url(../images/editor-move.png) center center no-repeat;*/
	left:-23px;
	cursor:move;
	top:-2px;
}
.sort .sortIcon:hover {
	/*background: url(../images/editor-move-hover.png) center center no-repeat;*/
	color:#01aaea;
}
.sort ul.dropDown, .sort ul.dropDown li ul {
	list-style-type: none!important;
	background: #efefef
}
.sort ul.dropDown, .sort ul.dropDown li {
	float: left;
	width: 100%
}
.sort ul.dropDown {
	margin: 0 0 20px!important;
	border-bottom: 0
}
.editorDropDownAdd {
	margin-bottom: 20px
}
.sort ul.dropDown li {
	padding: 10px;
	position: relative;
	list-style-type: none!important
}
.sort ul.dropDown li ul {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	margin: 0!important
}
.sort ul.dropDown li ul li {
	border-top: 1px solid #ddd;
	list-style-type: none!important
}
.sort ul.dropDown li:hover ul {
	display: block
}
.sort ul.dropDown .fa {
	float: right;
	font-size: 18px;
	cursor: pointer
}
.sort .halfCol {
	width: 48%;
	float: left
}
.sort .halfCol.right {
	float: right
}
.sort .Initials {
	float: left;
	margin-bottom: 10px;
	font-size: inherit
}
#editorDropDownAddLinkVal, #editorDropDownAddTxtVal, .editorDropDownAdd, .editorDropDownTextField {
	display: none
}
.sort.focus .editorDropDownAdd, .sort.focus .editorDropDownTextField {
	display: inline-block
}
.editorAddImg, .editorAddVideo {
	float: left;
	width: 100%;
	text-align: center;
	background: #f3f4f7;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	position: relative
}
.editorTbl td, .editorTbl thead td {
	padding: 10px;
	text-align: left;
	font-weight:bold;
}
.editorTbl td {
	font-weight:normal;
}
.uploadifive-queue-item-inner {
	color: #a6a8b0!important
}
.editorAddVideo {
	background: 0 0
}
.editorAddVideo textarea {
	font-size: 14px;
	color: #000;
	height: auto;
	margin: 0;
	float: left
}
.editorAddVideo .addGreenLink {
	font-size: 13px;
	float: left;
	margin: 20px 0 0
}
.editorAddVideo iframe {
	float: left;
	width: 100%!important
}
#videoLink {
	display: none
}
.editorAddImg {
	height: 250px;
	display: table
}
.imageUploaded .editorAddImg {
	display: block
}
.editorTbl {
	/*border: 1px solid #ccc;*/
	margin-bottom: 10px
}
.editorTbl thead td {
	background: #F3F4F7;
	color:#bbc4d8;
	position: relative;
	border-bottom: 2px solid #dadada;
	font-family:'Open Sans', sans-serif;
	font-size: 13px;
	font-weight:bold;
	white-space:nowrap;
}
.editorTbl thead td .editableDiv {
	font-weight:bold;	
	/*color:inherit;*/
}
/*.sort.focus .editorTbl thead td .editableDiv {
	color:#4b4b4b;
}
.editorTbl tbody td .editableDiv {
	color:#bbc4d8;
}
.sort.focus .editorTbl tbody td .editableDiv {
	color:#4b4b4b;
}*/
.sort .table-4-col th {
	font-size:inherit;
}
.sort .table-4-col td {
	font-size:inherit;
	padding:10px;
	color:#4b4b4b;
}
.sort .totalTable>li {
	padding:0;
}
.editorTbl tbody td {
	border-bottom: 1px solid #dadada;
	padding:10px;
}
.editorTbl thead td .fa-remove {
	position: absolute;
	top:12px;
	right:10px;	
	display: none;
	cursor: pointer
}
.editorTbl thead td:hover .fa-remove {
	display: block
}
.editorTbl thead tr td:first-child .fa-remove {
	display: none!important
}
.editorTbl input {
	border: 0!important;
	padding: 0;
	margin: 0!important;
	box-shadow: none!important;
	background: 0 0;
	height: auto
}
.editorTbl thead input {
	color: #fff!important;
	font-weight: 700
}
.editorTbl tbody tr td {
	position: relative
}
.editorTbl tbody tr td .fa-remove {
	display: none!important;
	position: absolute;
	top:12px;
	right:10px;
	cursor: pointer
}
.editorTbl tbody tr:hover td:last-child .fa-remove {
	display: block!important
}
.editorTbl tbody tr.firstRow:hover td:last-child .fa-remove {
	display: none!important
}
.customPopup, .proposal-popups {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(66,73,86,.9);
	display: none;
	z-index: 99999;
	overflow:auto;
}
.customPopup .popups-content, .proposal-popups-content {
	position: relative;
	width:550px;
	margin: auto;
	top: 10%
}
.customPopup .popups-content {
	width: 90%;
	max-width: 822px
}
.customPopup .inner, .proposal-popups-content .inner {
	float: left;
	width: 100%;
	background: #f9fbfd;
	/*padding: 60px 60px 30px;*/
	border:1px solid #dfdfdf;
	border-radius:10px;
}
.customPopup .inner h2.popupTitle {
	float:left;
	width:calc(100% + 2px);
	text-align:left;
	/*background:#fff;*/
	padding:20px;
	font-size:20px;
	color:#3a92ce;
	font-weight:600;
	margin:-1px 0 0 -1px;
	border-radius:2px 2px 0 0;
}
.customPopup .inner .popup-close-bt {
	position:absolute;
	top:-30px;
	right:-30px;
	width:30px;
	height:30px;
	background:url(../images/close-popup-new.svg) no-repeat center center;
	background-size:cover;
}
.customPopup .inner .popup-close-bt:hover {
	background:url(../images/delete-hover.svg) no-repeat center center;
	background-size:cover;
}
.customPopup .inner .popupInnerContainer, .customPopup .inner .popupFooter {
	float:left;
	width:100%;
	padding:17px 20px;
	/*background:#f9fbfd;
	border-top:1px solid #dce6ea;
	border-bottom:1px solid #dce6ea;*/
}
.customPopup .inner .popupFooter {
	/*background:#fff;
	border:0;*/
}
.customPopup .inner .popupFooter .newBt {
	float:left;
}
.customPopup .inner .popupFooter .popup-cancel-bt {
	color:#9aa2b3;
	float:left;
	padding:0 30px;
	line-height:40px;
	font-size:12px;
	text-transform:uppercase;
	background:none;
	border:1px solid #d9e3e7;
  border-radius:2px;
	margin-left:20px;
}
.customPopup .inner .popupFooter .popup-cancel-bt:hover {
	border:1px solid #368fcd;
	color:#368fcd;
}
.customPopup .formControl {
	margin-top: 20px;
	margin-bottom: 0
}
.customPopup .formControl.margin-top-50 {
	margin-top: 50px
}
.proposal-popups-content .inner h2 {
	/*text-transform: none;*/
	margin-bottom: 20px
}
.proposal-popups-content .inner textarea {
	height: 90px;
	margin-bottom: 40px
}
.proposal-editor-right-col h3 {
	width: auto;
	line-height: 29px
}
.addSectionDropDown {
	float: left;
	margin:20px 0 13px;
}
.addSectionDropDown li {
	float: left;
	position: relative;
	width: 100%
}
.addSectionDropDown li ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 204px;
	background: #fff;	
	border-radius: 2px;
  box-shadow: 0 0 5px #ccc;
	display: none;
	z-index: 999
}
/*.addSectionDropDown li:hover ul {
	display: block
}
.addSectionDropDown li ul li {
	padding: 0 25px
}*/
.addSectionDropDown li ul a {
	float: left;
	width: 100%;
	padding: 10px;
	color: #1F2230;
	font-weight: normal;
	font-size:14px;
	text-decoration:none !important;
}
.addSectionDropDown li ul a:hover {
	color: #fff;
  background: #00adef;
	text-decoration:none !important;
}
.addSectionDropDown .addSectionLink {
	float: left;
	background: #fff url(../images/select-arrow-new.png) no-repeat right center;
	color:#1F2230;
	width:100%;
	padding:0 10px;
	line-height:37px;
	border:1px solid #CAD8DD;
	/*text-transform:uppercase;*/
	font-weight: 600;
  padding-right: 45px;
	font-size: 14px;
	/*padding: 0 11px;
	border-radius: 2px;
	line-height: 29px*/
}
.addSectionDropDown li ul a:hover {
	text-decoration: underline
}
#fromLibrary h2, .pricingPopup h2 {
	margin-bottom: 5px
}
#fromLibrary ul, .pricingPopup ul {
	margin: 20px 0 40px;
	float: left;
	width: 100%;
	height: 200px
}
#fromLibrary ul li, .pricingPopup ul li {
	float: left;
	width: 100%;
	padding: 17px 0;
	border-bottom: 1px solid #e8e8e8
}
#fromLibrary .checkbox, .pricingPopup .checkbox {
	width: 100%;
	color: #009fff
}
.pricingPopup .checkbox {
	margin: 0!important
}
.mCSB_scrollTools .mCSB_draggerRail {
	border: 0!important
}
.merge-string {
	position: fixed;
	top: 10%;
	width: 100%;
	left: 0;
	height: 100%;
	z-index: 9999;
	display: none
}
.merge-string-content {
	position: relative;
	width: 650px;
	margin: auto
}
.merge-string-content .inner {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 100px #ccc;
	padding: 30px
}
.merge-string-content h2 {
	margin-bottom: 15px
}
.merge-string ul, .merge-string ul li {
	float: left;
	width: 25%
}
.merge-string ul {
	border: 1px solid #d8dce1;
	width: 100%;
	margin-top: 25px;
	position: relative;
	height: 260px
}
.merge-string ul li .tabTitle {
	float: left;
	color: #1c2e4d;
	width: 100%;
	text-align: center;
	line-height: 39px;
	background: #f3f4f8;
	cursor: pointer;
	border-right: 1px solid #fff
}
.merge-string ul li:last-child .tabTitle {
	border: 0
}
.merge-string ul li .tabTitle.active {
	background: #fff
}
.merge-string ul li .tabDetail {
	float: left;
	width: 590px;
	padding: 0 50px;
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	margin: 30px 0;
	height: 150px
}
.merge-string ul li:first-child .tabDetail {
	display: block
}
.merge-string ul li .tabDetail ul {
	border: 0;
	margin: 0;
	height: auto
}
.merge-string ul li .tabDetail li {
	width: 50%;
	margin-top: 10px
}
.merge-string ul li .tabDetail li .checkbox {
	padding-left: 25px
}
.merge-string ul li .tabDetail li .checkbox span {
	line-height: 20px;
	background: #fff568;
	padding: 0 5px;
	display: inline-block;
	color: #454545
}
.merge-string .pull-right {
	margin-top: 25px
}
.merge-string .pull-right a, .merge-string .pull-right input {
/*	float: left;
	width: 165px;
	text-align: center;
	line-height: 56px*/
}
/*.merge-string .pull-right a {
	color: #000;
	width: 115px
}
.merge-string .pull-right a:hover {
	color: #009fff
}*/
.editorAddColumn, .editorAddRow {
	margin-bottom: 10px;
	margin-right:30px;
	display: none
}
.sort.focus .editorAddColumn, .sort.focus .editorAddRow {
	display: inline-block;
	margin-top: 20px;
}
.pageInner .sort .checkboxParent {
	width: 50%;
	margin-bottom: 20px;
	float:left;
}
.pageInner .sort .checkboxParent input[type=text] {
	width: 70%;
	border: 0!important;
	box-shadow: none!important;
	margin: 0!important;
	line-height: 20px;
	padding: 0!important;
	height: 20px;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight:normal;
}
.pageInner .sort .checkboxParent .editableDiv {
	width:calc(100% - 20px);
	float: left;
	line-height: 20px;
	padding:0 20px 0 10px;
}
/*.pageInner .sort .checkboxParent .editableDiv[data-text] {
	color:#8993a6;
}
.pageInner .sort .checkboxParent .editableDiv {
	color:#4b4b4b;
}*/
.footerImg .editorAddImg, .pageInner .sort.footerImg {
	padding: 0
}
.editorCheckBoxAdd, .editorCheckBoxRemove {
	margin-bottom: 20px;
	display: none;
	margin-top: 20px;
	margin-right:30px;
	float:left;
	padding:0;
	background:none !important;
}
.editorAddRow, .editorAddColumn {
	padding:0;
	background:none !important;
}
.editorCheckBoxAdd i, .editorCheckBoxRemove i, .editorAddRow i, .editorAddColumn i {
	font-size: 18px;
	position: relative;
	top: 1px;
	margin-right:3px;
}
.sort.focus .editorCheckBoxAdd, .sort.focus .editorCheckBoxRemove {
	display: inline-block;	
}
.editorCheckBoxRow, .todayDate, .ui-draggable-handle {
	float: left;
	width: 100%
}
.todayDate {
	color: inherit;
	font-family: inherit;
	font-size: inherit
}
.pageInner .pricingPopup.proposal-popups {
	display: none;
	font-weight: 400
}
.pageInner .pricingPopup.proposal-popups .checkbox {
	width: 100%
}
.pageInner .sort.headerImg, .pageInner .sort.headerText {
	margin: 0;
	width: 100%;
	border-width: 0
}
.pageInner .sort.headerImg {
	padding: 0;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-top: -20px;
}
.pageInner .sort.footerImg.focus, .pageInner .sort.footerTxt.focus, .pageInner .sort.headerImg.focus, .pageInner .sort.headerText.focus {
	border-width: 1px
}
.sort.footerTxt textarea, .sort.headerText textarea {
	background: 0 0
}
.sort.footerImg .editorAddImg, .sort.headerImg .editorAddImg {
	margin-bottom: 0
}
.headerPlaceHolder:nth-child(2) .sort {
	margin-top: 0!important
}
.forDisable {
	position: absolute;
	top: 0;
	left: 9px;
	width: 87px;
	height: 84px;
	background: rgba(255,255,255,.7);
	z-index: 1;
	display: none
}
.move {
	position: absolute;
	bottom: -25px;
	right: 30px;
	width: 22px;
	height: 22px;
	background: url(../images/moveUp.jpg) center center no-repeat;
	display: none;
	z-index: 999
}
.footerPlaceHolder:last-child .move, .headerPlaceHolder:first-child .move {
	background: url(../images/moveDown.jpg) center center no-repeat
}
.sort.focus .move {
	display: block
}
.footerImg .removeIcon, .footerTxt .removeIcon {
	top: -25px
}
.adminSettingRow .select-options, .companySetup .select-options {
	top: 100%
}
.footerPlaceHolder {
	position: absolute;
	left: 0;
	bottom: 0
}
.pageInner .sort.footerImg, .pageInner .sort.footerTxt {
	margin: 0
}
.ui-sortable-placeholder {
	border: 1px solid #e3e3e3;
	background-color: #e3e3e3;
	float: left;
	width: 100%;
	height: 20px;
	visibility: visible!important
}
.proposal-editor-right-col ul.sectionDetail .ui-sortable-placeholder {
	height: 10px;
	box-shadow: none!important;
	border: 0!important
}
.ui-sortable-helper {
	width: 160px!important;
	height: 70px!important;
	border: 5px solid #e3e3e3!important;
	text-indent: -99999px!important;
	background: 0 0!important
}
.proposal-editor-right-col ul.sectionDetail .ui-sortable-helper {
	width: 262px!important
}
#sortable .ui-sortable-helper, .proposal-editor-right-col ul.sectionDetail .ui-sortable-helper .clostbt, .proposal-editor-right-col ul.sectionDetail .ui-sortable-helper .moveHandle, .proposal-editor-right-col ul.sectionDetail .ui-sortable-helper .proposal-popups, .proposal-editor-right-col ul.sectionDetail .ui-sortable-helper .sectionTitle, .proposal-editor-right-col ul.sectionDetail .ui-sortable-helper a {
	display: none!important
}
.sectionDetail .sort {
	display: none
}
.removeSectionPopup .pull-center {
	float: left;
	width: 100%;
	text-align: center
}
.removeSectionPopup .pull-center input {
	float: none;
	display: inline-block;
	width: 40%;
	margin:0 10px;
}
.removeSectionPopup h2 {
	text-align: center;
	margin-bottom: 40px
}
.sort.dateIcon {
	padding: 10px;
	margin: 10px 0 0
}
.option_heading1Font, .option_heading1FontSize, .option_pageTextFont, .option_pageTextFontSize, .option_priceTableHeaderFont, .option_priceTableItemDecFontSize, .option_priceTableItemRowFont, .option_propertiesAddressFontSize, .option_propertiesFontStyle, .option_propertiesHeadingFontSize, .option_propertiesQuoteDetailsFontSize, .option_subHeadingFont, .option_subHeadingFontSize {
	height: 200px;
	overflow: auto
}
.heading1Styles .color-menu-tabs, .pageTextStyles .color-menu-tabs, .subHeadingStyles .color-menu-tabs {
	display: none!important
}
.customers .inner ul, .customers .inner ul li {
	display: inline-block
}
.proposal-editor .proposal-editor-left-col ul li .block.subHeadingBlock .fa {
	font-size: 20px;
	padding-top: 0
}
.pricingPopup .sort .checkbox {
	width: 100%!important
}
.leftCol.adminLeftPanel {
	background: #f2f4f7;
	padding: 50px!important
}
.adminLeftPanel ul.menu {
	padding: 0
}
.leftCol.adminLeftPanel ul.menu li {
	padding-bottom: 30px
}
.companySetup {
	float: left;
	width: 100%;
	padding: 30px 30px 25px;
	border-bottom: 1px solid #e6e6e6
}
.companySetup:last-child {
	border-bottom: 0;
	padding-top: 15px
}
.companySetup h3 {
	margin-top: 15px
}
.companySetup .innerRow {
	float: left;
	width: 890px
}
.companySetup .innerRow .row .formControl {
	float: left;
	width: 49%;
	margin: 15px 0 0
}
.companySetup .innerRow .row .formControl label {
	margin: 0;
	font-weight: 700
}
.customers h2, .new-role .inner input[type=text] {
	margin-bottom: 35px
}
.companySetup .innerRow .row .formControl .select, .companySetup .innerRow .row .formControl input {
	margin-top: 7px
}
.companySetup .innerRow .row .formControl .select {
	height: 37px
}
.companySetup .innerRow .row .formControl:nth-child(2) {
	float: right
}
.companySetup .innerRow .row .formControl .pull-left, .companySetup .innerRow .row .formControl .pull-right {
	margin-top: 18px
}
.adminAccountSettingsRow input[type=submit], .companySetup input[type=submit] {
	width: auto;
	padding: 0 70px
}
.adminAccountSettingsRow input[type=submit] {
	padding: 0 100px
}
/*.new-role {
	padding: 30px;
	border-bottom: 1px solid #e6e6e6
}*/
.new-role:last-child {
	border: 0;
	/*padding: 30px 30px 0*/
}
.new-role {
	margin-top:40px;
}
.adminSettingRow, .customers h2 {
	border-bottom: 1px solid #e6e6e6
}
.back-blue-bt {
	float: left;
	width: 29px;
	height: 18px;
	background: url(../images/blue-arrow-back.png) center center no-repeat;
	text-indent: -9999px;
	margin-top: 4px
}
.new-role h2 {
	width: auto;
	margin-left: 20px
}
.new-role .inner {
	float: left;
	width:100%;
	max-width: 680px;
}
/*.new-role .inner.large {
	width: 510px
}*/
.new-role ul, .new-role ul li {
	float: left;
	width: 100%
}
.new-role ul li {
	margin-top: 17px;
	width:45%;
}
.new-role ul li:nth-child(even) {
	float:right;
}
.new-role ul li .switch-button {
	float: right
}
.new-role ul li .pull-left {
	line-height: 20px;
	/*width: 80%;*/
	font-size: 13px;
}
.customers h2 {
	padding: 30px
}
.customers .inner {
	float: left;
	width: 100%;
	padding: 0 30px 30px
}
.customers .inner ul {
	text-align: center;
	margin-top: 70px;
	width: 100%
}
.customers .inner ul li.or {
	width: 33px;
	height: 140px;
	background: url(../images/or.png);
	display: inline-block;
	margin: 0 90px 0 75px;
}
a.export, a.import {
	float: left;
	background: url(../images/import.png) left top no-repeat;
	line-height: 72px;
	padding-left: 70px;
	font-size:20px;		
	color:#03a2cc;
	height:56px;
}
a.export {
	background: url(../images/export_new_1.png) left top no-repeat
}
.customers .inner ul li a {
	margin-top: -78px
}
.adminDashboard h3 {
	margin-bottom: 15px
}
.adminDashboard ul {
	margin-bottom: 70px
}
.settingsCol .color-menu-tabs {
	display: none
}
.previewPageHeader {
	float: left;
	width: calc(100% + 80px);
	margin: -25px 0 0 -40px;
	padding: 40px 40px;
}
.previewPageHeader .showLogoImag {
	max-height:120px;
}
.adminSettingRow {
	padding: 30px
}
/*.adminSettingRow:last-child {
	border-bottom: 0;
	position: fixed;
	bottom: 0;
	border-top: 1px solid #e6e6e6;
	padding-bottom: 20px;
	background: #fff
}*/
.adminSettingRow:nth-last-child(2) {
	padding-bottom: 100px
}
.adminSettingRow .parentListing {
	float: left;
	width: 100%
}
.adminSettingRow .parentListing>li {
	float: left;
	margin: 17px 40px 0 0;
	min-width: 345px
}
.adminSettingRow .parentListing li.auto-width {
	min-width: inherit
}
.adminSettingRow .parentListing li .pull-left {
	line-height: 23px
}
.adminSettingRow .switch-button {
	float: right
}
.adminSettingRow .w85 {
	margin-left: 10px;
	margin-top: -7px
}
.adminSettingRow .parentListing.parentListingSmall {
	width: 345px
}
.adminSettingRow .parentListing.parentListingSmall>li {
	margin-right: 0
}
.adminSettingRow .checkbox {
	width: auto
}
.adminSettingRow .parentListing li.checkBoxRow {
	margin-top:25px;
	width: 100%;
	margin-right: 0
}
.adminSettingRow .parentListing li.checkBoxRow .hide {
	width: 310px;
	margin-top: 10px;
	float: left;
	clear: both;
	display: none
}
.adminSettingRow .parentListing li.checkBoxRow .hide.selectHide {
	clear: none;
	margin: 0;
	width: auto
}
.adminSettingRow.emailTemp .hide {
	width: 100%;
	margin-top: 10px;
	float: left
}
.adminSettingRow .select {
	height: 37px;
	margin-left: 15px;
	margin-top: -9px;
	width: 260px;
	margin-right: 10px
}
.adminSettingRow a {
	color: #009fff
}
.adminSettingRow textarea {
	height: 72px
}
.adminSettingRow.emailTemp ul.parentListing {
	width: 345px;
	padding-right: 20px;
	border-right: 1px solid #e6e6e6
}
.adminSettingRow.emailTemp.emailTempQuote ul.parentListing {
	border: 0;
	padding-right: 0
}
.adminSettingRow.emailTemp.emailTempQuote ul.parentListing:last-child {
	padding-left: 20px;
	border-left: 1px solid #e6e6e6
}
.adminSettingRow.emailTemp li {
	margin-top: 11px;
	margin-right: 0;
	width: 100%
}
.adminSettingRow.emailTemp li:first-child {
	margin-top: 0
}
.adminSettingRow.emailTemp h3 {
	margin-bottom: 17px
}
.adminSettingRow.emailTemp ul:last-child {
	/*margin-left: 20px;*/
	border: 0;
	padding: 0
}
.adminSettingRow.emailTemp ul:last-child li {
	margin-top: 22px
}
.adminSettingRow.emailTemp ul:last-child li:first-child {
	margin-top: 0
}
.emailTemp .w85 {
	float: left;
	margin-right: 10px
}
.adminSettingRow .parentListing.checkboxes {
	width: 100%
}
.adminSettingRow .parentListing.checkboxes li {
	margin-right: 0;
	min-width: 194px
}
.margin-top-0 {
	margin-top: 0!important
}
/*.adminSettingRow input[type=submit] {
	width: auto;
	padding: 0 100px
}*/
.emailTempQuote input.w85 {
	width: 60px;
	margin-left: 0
}
.emailTempQuote li .pull-left:first-child {
	width: 110px
}
.emailTempQuote ul:last-child li .pull-left:first-child {
	width: auto
}
.adminSettingRow.emailTemp.emailTempQuote li {
	margin-top: 20px
}
.adminSettingRow.emailTemp.emailTempQuote ul:last-child li {
	margin-bottom: 3px
}
.adminSettingRow.emailTemp.emailTempQuote li:first-child {
	margin-top: 0
}
.adminSettingRow .editor {
	float: left;
	width: 345px;
	margin-right: 20px;
	margin-bottom: 20px
}
.adminUsers h2 {
	padding: 30px;
	width: auto
}
.adminUsers table {
	border-top: 1px solid #e6e6e6
}
.adminUsers table td, .adminUsers table th {
	color: #4b4b4b;
	font-weight: 400;	
	font-size: 13px;
	padding: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #e6e6e6
}
.adminUsers table th {
	background: #f2f4f7
}
.adminUsers table td:first-child, .adminUsers table th:first-child {
	padding-left: 30px
}
.adminUsers table td {
	padding: 15px
}
.blue-rounded-bt, .gray-rounded-bt {
	float: right;
	width: 143px;
	color: #009fff;
	font-size: 13px;
	text-align: center;
	font-family: montserratregular;
	font-weight: 400;
	line-height: 36px;
	border: 2px solid #009fff;
	border-radius: 20px;
	text-transform: uppercase;
	margin: 23px 30px 0 0
}
.gray-rounded-bt {
	border: 2px solid #949494;
	color: #949494
}
.adminAccountSettingsRow {
	padding: 30px;
	border-bottom: 1px solid #e6e6e6
}
.adminAccountSettingsRow:last-child {
	border-bottom: 0;
	padding-bottom: 0
}
.adminAccountSettingsRow h2 {
	/*text-transform: none;*/
	width: auto;
	margin-top: 9px
}
.adminAccountSettingsRow ul li {
	float: left;
	margin-left: 45px;
	line-height: 20px
}
.adminAccountSettingsCol a, .adminAccountSettingsRow ul li a {
	color: #009fff
}
.adminAccountSettingsRow .grayBgText {
	background: #f2f4f7;
	color: #1c2e4d;
	padding: 12px 15px;
	font-size: 30px;
	float: left;
	border-radius: 2px;
	margin-right: 10px
}
.adminAccountSettingsRow .grayBgText span {
	display: block;
	font-size: 13px;
	color: #000
}
.adminAccountSettingsRow ul li .grayBgText {
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 0;
	padding: 6px
}
.line-height-40 {
	line-height: 40px
}
.adminAccountSettingsCol {
	float: left;
	margin: 0 55px 0 0;
	min-width: 344px
}
.adminAccountSettingsRow .adminAccountSettingsCol:last-child {
	margin: 0
}
.adminAccountSettingsCol label {
	margin-bottom: 5px;
	display: block
}
.adminAccountSettingsCol .textLarge {
	font-size: 24px;
	display: block;
	font-family: gothambold;
	font-weight: 400;
	margin-top: 8px
}
.adminAccountSettingsCol .textLarge span {
	font-family: GothamBook
}
.adminAccountSettingsRow p {
	float: left;
	width: 100%;
	color: #1c2e4d;
	margin: 20px 0 40px
}
.adminAccountSettingsCol .hint {
	display: block;
	margin-top: 5px;
	color: #b4b4b4;
	font-size: 12px
}
.adminAccountSettingsRow .blue-rounded-bt {
	float: left;
	margin: 18px 0 0;
	width: 165px
}
.InvoiceHistoryList {
	float: left;
	width: 100%;
	margin: 20px 0 0;
	height: 300px
}
.InvoiceHistoryList li {
	float: left;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
	color: #1c2e4d
}
.InvoiceHistoryList .mCSB_container {
	margin-right: 40px
}
.close-blue {
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/close-bt-blue.png) center center no-repeat;
	width: 14px;
	height: 14px;
	text-indent: -99999px;
	z-index: 9999
}
.multiSelect {
	height: 100px;
	background:#fff !important;
}
.QuoteDashboard .row, .profile .row {
	border-bottom: 1px solid #CAD8DD;
	padding: 30px
}
.QuoteDashboard .row:last-child, .profile .row:last-child {
	border: 0
}
.QuoteDashboard .row h2, .profile .row h2 {
	/*text-transform: none;*/
	width: auto;
	line-height: 40px
}
.profile .row .blue-rounded-bt {
	margin: 0
}
.profile aside {
	float: left;
	width: 350px
}
.QuoteDashboard ul, .profile ul, .profile ul li {
	float: left;
	width: 100%
}
/*.QuoteDashboard ul {
	margin-top: 4px
}*/
.profile ul li {
	margin-bottom: 12px
}
.profile ul li span {
	color: #1c2e4d
}
.profile .sig {
	float: left;
	border: 1px solid #e6e6e6;
	margin-top: 12px;
	text-align: center
}
.circularProgressRow li {
	float: left;
	width: 22%;
	/*margin-top: 30px;*/
	position: relative;
	margin-right: 4%
}
.circularProgressRow li:last-child {
	margin-right: 0
}
.circularProgressRow li .QuoteDashboardLeft {
	float: left;
	width: 100%;
	padding-left: 100px;
	min-height: 77px;
	padding-top: 16px
}
.circularProgressRow li .QuoteDashboardRight {
	position: absolute;
	top: 0;
	left: 0
}
.circularProgressRow li .title {
	float: left;
	width: 100%;
	font-family: montserratbold;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 15px;
	color: #3c9add
}
.circularProgressRow li:nth-child(2) .title {
	color: #ff8a00
}
.circularProgressRow li:nth-child(3) .title {
	color: #5ed9c7
}
.circularProgressRow li .QuoteDashboardRight div {
	position: relative;
	width: 77px;
	height: 77px
}
.circularProgressRow li .QuoteDashboardRight canvas {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.circularProgressRow li .QuoteDashboardRight span {
	display: none
}
.circularProgressRow li .QuoteDashboardRight input {
	width: 77px
}
.QuoteDashboard .pull-left .pull-left label {
	float: left;
	margin-right: 10px
}
.QuoteDashboard .selectCol {
	width: 85%
}
.QuoteDashboard .proposalDetailsSelectCol.selectCol {
	width: 25%;
	margin-top:24px;
}
.QuoteDashboard .selectCol>ul>li {
	float: left;
	width: 33%;
	padding-left: 10px;
	margin: 0
}
.QuoteDashboard .proposalDetailsSelectCol.selectCol>ul>li {
	width: 100%
}
.QuoteDashboard .selectCol>ul>li>label {
	float: left;
	width: 35%;
	text-align: right;
	padding-right: 10px;
	line-height: 36px
}
/*.QuoteDashboard .selectCol>ul>li>.select {
	width: 100%;
	height: 36px
}*/
.QuoteDashboard .selectCol>ul>li input.half {
	width: 48%;
	background: url(../images/calender.jpg) 11px center no-repeat;
	padding-left: 38px
}
.QuoteDashboard .selectCol>ul>li input.half:last-child {
	float: right
}
.QuoteDashboard ul.tabs {
	float: left;
	width: 100%;	
	/*border-bottom: 1px solid #e6e7eb;*/
	margin-top:25px;	
	margin-bottom:0;
}
.QuoteDashboard ul.tabs li {
	float: left;
margin: 0;
    margin-right: 0px;
cursor: pointer;
line-height: 15px;
color: #8891a5;
text-align: center;
font-weight: 600;
padding: 0 0 5px 0;
	margin-right: 20px;
font-size: 14px;
text-transform: uppercase;
}
.QuoteDashboard ul.tabs li:hover {
	color: #414855;
}
.QuoteDashboard ul.tabs li.active {
	/*color: #03a2cc;*/
	border-bottom:2px solid #00adef;
	cursor:default;
	color:#414855;
}
.HeaderTextClr {
	margin-top: 5px
}
.footerTextClr {
	margin: 5px 0 10px!important
}
.QuoteDashboard .QuoteDashboardTbl {
	width:100%;
	float: left;
}
.QuoteDashboard .QuoteDashboardTbl td, .QuoteDashboard .QuoteDashboardTbl th {
	padding: 15px;
	background: #f2f4f7;
	/*font-family: montserratregular;*/
	text-align: left;
	font-weight: 400;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
.QuoteDashboard .QuoteDashboardTbl td {
	background: 0 0;
	/*font-family: GothamBook;
	color: #000;*/
	border-top:0;
}
.QuoteDashboard .QuoteDashboardTbl td:first-child, .QuoteDashboard .QuoteDashboardTbl th:first-child {
	padding-left:14px
}
/*#QuoteDashboard #ui-datepicker-div {
	margin-left: -123px
}*/
.QuoteSnapshot>.row:first-child {
	border-bottom: 1px solid #dadada;
	padding-right: 20px
}
.QuoteSnapshot>.row:first-child .blueBg {
	background: #383838;
	float: left;
	text-align: center;
	width: 91px;
	padding: 18px 0;
	color: #FFF;
	position: relative
}
.QuoteSnapshot>.row:first-child .blueBg:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(28,46,77,0);
	border-left-color: #383838;
	border-width: 10px;
	margin-top: -10px
}
.QuoteSnapshot>.row:first-child .blueBg span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-family: montserratregular;
	font-weight: 400
}
/*.QuoteSnapshot h2 {
	width: auto;
	text-transform: none;
	margin: 35px 0 0 43px
}
.QuoteSnapshot .blue-rounded-bt, .QuoteSnapshot .gray-rounded-bt {
	margin: 27px 10px 0 0;
	width: auto;
	padding: 0 20px
}
.QuoteSnapshot .innerSection {
	margin: auto;
	width: 95%;
	max-width: 1390px
}
.QuoteSnapshot aside {
	float: left;
	width: 40%;
	padding: 0 40px 0 0;
	margin-top: 70px
}
.QuoteSnapshot aside.last-child {
	width: 20%;
	background: #f2f4f7;
	padding: 20px;
	font-family: montserratbold;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 80px
}
.QuoteSnapshot aside.last-child span {
	display: block;
	text-align: right;
	font-size: 30px;
	font-family: GothamBook;
	color: #1c2e4d;
	margin-top: 40px
}
.QuoteSnapshot aside .leftSection {
	float: left;
	width: 243px
}
.QuoteSnapshot aside .leftSection .label {
	float: left;
	width: 79px;
	background: #3c9add;
	padding: 0 15px;
	color: #fff;
	border-radius: 22px 0 0 22px;
	text-transform: uppercase;
	font-family: gothambold;
	font-weight: 400;
	line-height: 28px;
	margin-top: 30%
}*/
.QuoteSnapshot aside .leftSection .circle {
	font-weight: 400;
	float: left;
	font-family: montserratregular
}
.QuoteSnapshot aside .leftSection .circle {
	width: 164px;
	height: 164px;
	border: 3px solid #3c9add;
	border-radius: 50%;
	margin-left: -3px;
	background: #fbfbfb;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #3c9add
}
.QuoteSnapshot aside .leftSection .circle img {
	display: inline-block;
	width: 100%;
	max-width: 100px;
	margin-top: 30px
}
.QuoteSnapshot aside .leftSection .circle span {
	display: block;
	margin-top: -10px
}
.QuoteSnapshot aside .leftSection.orange .circle {
	color: #ff8a00;
	border: 3px solid #ff8a00
}
.QuoteSnapshot aside .leftSection.orange .label {
	background: #ff8a00
}
.QuoteSnapshot aside .rightSection {
	display: list-item;
	list-style-type: none;
	padding-left: 243px
}
.QuoteSnapshot aside .rightSection ul, .QuoteSnapshot aside .rightSection ul li {
	float: left;
	width: 100%
}
.QuoteSnapshot aside .rightSection ul {
	margin: 10px 0 0 -50px;
	width: calc(100% + 50px)
}
.QuoteSnapshot aside .rightSection ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
	color: #000;
	padding-left: 60px
}
.QuoteSnapshot aside:nth-child(2) .rightSection ul li {
	padding-bottom: 15px;
	margin-bottom: 20px
}
.QuoteSnapshot aside .rightSection ul li:last-child {
	border-bottom: 0
}
.QuoteSnapshot aside .rightSection ul li span {
	color: #505050
}
.QuoteSnapshot .tabs {
	float: left;
	margin: 50px 0 20px;
	/*background: #383838;
	position: relative*/
	text-align:center;
	border-bottom:1px solid #e6e7eb;
	width:100%;
}
.QuoteSnapshot .tabs li {
	/*margin-top: 4px;
	color: #fff;
	padding: 0 65px;
	line-height: 51px;*/
	cursor: pointer;
	display:inline-block;
	margin:0 20px;
	font-size:15px;
	font-weight:700;
	color:#636363;
	padding-bottom:15px;
}
.QuoteSnapshot .tabs li.active {
	color:#03a2cc;
	border-bottom:2px solid #03a2cc;
}
/*.QuoteSnapshot .tabs li.active:first-child {
	border-left: 1px solid #e6e6e6
}
.QuoteSnapshot .tabs li.active:last-child {
	border-right: 1px solid #e6e6e6
}
.QuoteSnapshot .pull-right {
	margin: 100px 0 0
}*/
.downloadLink {
	/*background: url(../images/download-icon-new.png) left center no-repeat;*/
	color: #3e91ce;
	float: left;
	padding-left: 22px;
	line-height: 19px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
}
.QuoteSnapshot .tabDetail {
	/*border: 1px solid #e6e6e6;*/
	float: left;
	width: 100%;
	/*padding: 20px;
	margin-top: -1px*/
}
.QuoteSnapshot .tabDetail ul, .QuoteSnapshot .tabDetail ul li {
	float: left;
	width: 100%
}
.QuoteSnapshot .tabDetail ul li {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
	margin-top: 10px
}
.QuoteSnapshot .tabDetail ul:last-child {
	/*margin-top: 10px*/
}
.QuoteSnapshot .tabDetail ul:last-child li {
	/*padding-bottom: 10px;
	margin-top: 10px*/
}
/*.QuoteSnapshot .tabDetail ul li:last-child {
	border: 0;
	padding-bottom: 0
}*/
.QuoteSnapshot .tabDetail ul li span {
	color: #424956;	
	font-weight:600;
	text-transform:none;
}
/*.see-top h2 span, .sentBT, input.sentBT {
	font-family: GothamBook
}*/
.QuoteSnapshot .tabDetail ul li p {
	margin:30px 0 5px;
	display: block;	
	font-size:13px;
	color:#898989;
}
.reply {
	float: left;
	background: url(../images/reply-icon.jpg) left center no-repeat;
	color: #009fff;
	line-height: 13px;
	padding-left: 28px
}
.QuoteSnapshot textarea {
	height: 150px
}
.sentBT, input.sentBT {
	background: url(../images/send-new.png) left center no-repeat!important;
	color: #02a2cc;
	width: auto;
	margin-top: 20px;
	text-transform: none;
	padding: 0 0 0 28px;
	line-height: inherit
}
.QuoteSnapshot .tabDetail ul li .pull-left span {
	/*color: #505050;
	border-bottom: 1px solid #d3d3d3;
	font-family: GothamBook*/
}
.QuoteSnapshot .tabDetail ul li .pull-right {
	margin: 0
}
.see-top {
	padding: 30px 30px 50px
}
.see-top h2 {
	width: auto
}
.see-top h2 span {
	font-size: 13px;
	display: block;
	color: #000;/*text-transform: none*/
}
.see-top li {
	float: left;
	margin-left: 5px
}
.see-top li .downloadLink, .see-top li .sentBT {
	margin-right: 55px;
	line-height: 46px
}
.see-invocie {
	max-width: 1022px
}
.stepsDetails.CreateQuoteS2 .see-invocie .settingColLeft {
	padding: 0
}
.see-invocie.settingColMain .previewPageTop .previewPageCol:nth-child(2) {
	width: 44%
}
.see-invocie.settingColMain .previewPageTop .previewPageCol:nth-child(1) {
	width: 56%
}
.green-bg-BT, .red-bg-BT {
	float: left;
	background: #60bc5b;
	color: #fff;
	padding: 0 40px;
	line-height: 46px;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	border-radius: 3px
}
.seeColSmall h3, .simpleTabelPage h3 {
/*text-transform: none*/
}
input.post-comment, ul.registration a {
	text-transform: none;
}
.green-bg-BT:hover {
	background: #75cc70
}
.red-bg-BT {
	background: #fa7d7d
}
.red-bg-BT:hover {
	background: #fd9a9a
}
.see-footer {
	margin: 0 0 -40px!important;
	background: #f2f4f7;
	padding: 35px 30px 35px 0;
	text-align: right
}
.formControl.pull-center, .gplus, .paymentPopup ul {
	text-align: center
}
.see-footer span {
	background: url(../images/logo-footer.png) right center no-repeat;
	padding-right: 148px;
	line-height: 19px;
	float: right
}
.stepsDetails.CreateQuoteS2 .two-cols .settingColLeft {
	padding: 0 330px 0 200px
}
.two-cols .previewPageHeader ul {
	float: right
}
.two-cols .previewPageHeader ul li {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px
}
.two-cols .previewPageHeader ul li:last-child {
	border-left: 1px solid #aeb6c1
}
.two-cols .seeColSmall {
	float: left;
	width: 200px;
	margin-top: 25px;
}
.two-cols .seeColSmall h3 {
	padding-left: 15px;
}
.two-cols .seeColSmall li.active {
	background: none;
}
.two-cols .seeColSmall li {
	padding: 15px;
}
.two-cols .seeColSmall .seeLeftColSections {
	border: 0;
}
.bubbleComment, .seeColSmallComments, .seeColSmallComments li, .seeLeftColSections {
	float: left;
	width: 100%
}
.seeLeftColSections {
	border-top: 3px solid #e6e7eb;
	border-bottom: 3px solid #e6e7eb;
	margin: 18px 0 35px
}
.seeLeftColSections li {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #e6e7eb;
	color: #009fff;
	cursor: pointer
}
.seeLeftColSections li:last-child {
	border-bottom: 0
}
.seeLeftColSections li.active {
	background: url(../images/arrow-next.jpg) right center no-repeat;
	opacity: 1!important
}
.seeLeftColSections li:hover {
	opacity: .7
}
.gplus:hover, ul.registration a.colored:hover {
	opacity: .9
}
ul.seeColSmallComments {
	margin-top:10px;
}
.seeColSmallComments li {
	margin-top:10px
}
.bubbleComment {
	position: relative;
	background: #f2f4f7;
	padding:10px 18px;
	border-radius: 3px
}
.bubbleComment:before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 12px;
	border: 0 solid;
	border-left-width: 25px;
	border-bottom-width: 30px;
	border-color: transparent #f2f4f7;
	display: block;
	width: 0
}
.bubbleComment.active {
	background: #02a2cc;
	color: #fff
}
.bubbleComment.active:before {
	border-color: transparent #02a2cc
}
.seeColSmallComments li .bottom {
	float: left;
	width: 100%;
	color: #727272;
	font-size: 12px;
	padding: 10px 0 10px 43px
}
.seeColSmallComments li .bottom span {
	float: right;
	color: #b0b0b0
}
.seeColSmall textarea {
	height: 115px;
	margin-top: 10px
}
input.post-comment {
	background: url(../images/post-comment.png) left center no-repeat!important;
	color: #02a2cc;
	line-height: 22px;
	padding: 0 0 0 32px;
	width: auto
}
.note {
	background: url(../images/arrow.png) top right no-repeat;
	padding: 70px 0 0 32px;
	color: #497895;
	float: left;
	width: 100%;
	margin-top: -30px!important
}
.settingColMain.two-cols .inner {
	min-height: 1000px
}
.InvoiceSnapshop .inner, .settingColMain.two-cols.see-quote .inner {
	background: 0 0!important;
	min-height: inherit!important
}
.stepsDetails.CreateQuoteS2 .two-cols.see-quote .settingColLeft {
	padding: 0 316px 0 0
}
.two-cols.see-quote .seeColSmall {
	position: absolute;
	top: 0;
	right: 0
}
.paymentPopup ul {
	float: left;
	width: 100%;
	margin: 80px 0
}
.paymentPopup ul li {
	display: inline-block
}
.paymentPopup ul li.or {
	background: url(../images/or.png) center top no-repeat;
	height: 114px;
	width: 163px
}
.paymentPopup a.close {
	position: absolute;
	right: 20px;
	bottom: 20px
}
.paymentPopup .inner {
	position: relative
}
.login {
	background: url(../images/login-bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 32px 50px
}
.login header {
	background: 0 0;
	border: none;
	height: auto;
	position: inherit;
	float: left;
	width: 100%
}
.login header a.logo {
	padding: 0;
	float: left;
	height: 59px;
	width: auto
}
.login header nav {
	float: right;
	display: block!important;
	height: auto!important;
	width: auto !important;
	margin: 0 !important;
}
.login nav ul {
	top: 0;
	width: 100% !important;
}
.login header nav li {
	width: auto !important;
	margin: 0 !important;
}
.login nav ul li a {
	font-size: 14px;
	font-family: montserratregular;
	font-weight: 400;
	line-height: 59px;
	padding: 0 0 0 55px
}
.login nav ul li a:hover {
	color: #009fff
}
.padding-170 {
	padding: 170px 0 50px
}
.login-container {
	max-width: 370px;
	margin: auto;
	width:90%;
}
.login-container h3 {
	color:#00aeef;
	font-size:20px;
	font-weight:normal;
	margin:20px 0 10px;
	text-align:center;
}
.login-container .inner {
	background: #f9fbfd;
	padding: 30px;
	border-radius:10px
}
.login-container .inner .formControl {
	margin: 20px 0 0
}
.login-container a {	
	margin-top: 10px;
	display: block
}
.gplus {
	float: left;
	width: 100%;
	background: url(../images/gplus.jpg) left center no-repeat #dd4b38;
	border-radius: 3px;
	line-height: 56px;
	color: #fff!important;
	font-size: 17px;
	text-indent: 57px;
	text-decoration: none!important;
	margin: 0!important
}
.QuoteDashboard table a:hover, .alpha a:hover, .contacts .border-bottom h2 a:hover, .delete:hover, .link-blue:hover, .signature-col-placeholder .row a:hover, .simpleTabelPage .half table a:hover, .simpleTabelPage table a:hover {
	text-decoration: underline
}
.login-container .inner .or {
	width: 100%;
	height: 11px;
	background: url(../images/or-1.png) center center no-repeat
}
.login-container .checkbox {
	width: auto
}
.InvoiceSnapshop {
	margin-bottom: 30px
}
.InvoiceSnapshop .settingColMain .previewPage, .InvoiceSnapshop:last-child {
	margin: 0
}
.InvoiceSnapshop section {
	padding-bottom: 0!important
}
/*.InvoiceSnapshop h2 {
	margin-top: 24px
}*/
.InvoiceSnapshop h2 span {
	font-size: 13px;
	color: #000;
	font-family: GothamBook;
	display: block;
	margin-top: 5px
}
.InvoiceSnapshop .QuoteSnapshot aside {
	width: 100%;
	padding: 0;
	margin: 0 0 50px
}
.InvoiceSnapshop .QuoteSnapshot aside .rightSection {
	float: left;
	width: 100%;
	padding: 30px 0 0 80px
}
.InvoiceSnapshop .QuoteSnapshot aside .rightSection ul {
	margin: 0;
	width: 100%
}
.InvoiceSnapshop .QuoteSnapshot aside .rightSection ul li {
	padding-left: 0
}
.InvoiceSnapshop .QuoteSnapshot aside:nth-child(2) .rightSection ul li {
	padding-bottom: 10px;
	margin-bottom: 10px
}
.InvoiceSnapshop .previewPage .Notes {
	padding-bottom: 0
}
.blue-rounded-bt-filled {
	background: #009fff;
	color: #fff
}
.margin-top-56 {
	margin-top: 56px
}
.InvoiceSnapshop .tab, .InvoiceSnapshop .tab li {
	float: left
}
.InvoiceSnapshop .tab li {
	border: 1px solid #e6e6e6;
	line-height: 50px;
	border-bottom: 0;
	padding: 0 35px;
	font-family: montserratregular;
	font-weight: 400;
	color: #1c2e4d;
	background: #fff;
	position: relative
}
.InvoiceSnapshop .tabDetail {
	float: left;
	width: 100%;
	border: 1px solid #e6e6e6;
	padding: 20px;
	margin-top: -1px
}
.InvoiceSnapshop .tabDetail ul, .InvoiceSnapshop .tabDetail ul li {
	float: left;
	width: 100%
}
.InvoiceSnapshop .tabDetail ul li {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	color: #505050
}
.InvoiceSnapshop .tabDetail ul li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}
.InvoiceSnapshop .tabDetail ul li span {
	font-family: montserratbold;
	font-weight: 400;
	color: #1c2e4d
}
.alpha a, .delete {
	font-family: montserratregular
}
.InvoiceSnapshop .tabDetail ul li div {
	display: block;
	color: #000
}
.InvoiceSnapshop .downloadLink {
	margin-top: 15px
}
.paymentRecordPopup .popups-content.customPopupSmall {
	width: 482px
}
.paymentRecordPopup .formControl.border-bottom {
	border-bottom: 1px solid #dadada;
	padding-bottom: 20px
}
.customPopupSmall ul li, .paymentRecordPopup ul {
	float: left;
	width: calc(100% + 9px);
	margin-left: -9px
}
.paymentRecordPopup ul li {
	float: left;
	width: 33.33%;
	padding-left: 9px;
	margin: 0 0 10px
}
.paymentRecordPopup .checkbox {
	width: 100%
}
.paymentRecordPopup textarea {
	height: 100px;
	margin-top: 5px
}
.paymentRecordPopup form {
	float: left;
	width: 100%
}
.paymentRecordPopup input[type=submit] {
	background: #383838;
	width: 45%;
	line-height: 46px
}
.paymentRecordPopup input[type=submit]:hover {
	background: #2f4467
}
.registration {
	margin-top: 10px!important
}
ul.registration a {
	font-size: 13px!important;
	line-height: 38px!important;
	padding: 0 23px!important
}
ul.registration a.colored {
	background: #0092e7;
	border-radius: 3px;
	color: #fff!important
}
.login-container .inner .formControl input.half {
	width: 48.8%
}
.registration .inner .formControl {
	margin-top: 10px
}
.registration h3 {
	margin-bottom: 10px
}
.padding-100 {
	padding: 100px 0 50px
}
.registration .inner .formControl.margin-top-30 {
	margin-top: 30px
}
.simpleInputsPage h2, .simpleTabelPage h2 {
	border-bottom: 1px solid #dadada;
	width: 100%;
	padding: 30px;/*text-transform: none*/
}
.padding-30 {
	padding: 30px
}
.max-width-880 {
	max-width: 710px
}
.simpleInputsPage .half {
	width: 49%
}
/*.simpleInputsPage input[type=submit] {
	width: 70%
}*/
.position-relative {
	position: relative
}
.position-absolute {
	position: absolute;
	right: -157px;
	top: 32px
}
.simpleTabelPage .blue-rounded-bt, .simpleTabelPage h2 .blue-rounded-bt {
	margin: 0;
	width: auto;
	padding: 0 20px
}
.simpleTabelPage h2 {
	line-height: 36px
}
.QuoteDashboard table td:nth-child(1) a, .simpleTabelPage td:nth-child(1) a {
	color: #03a2cc
}
/*.approvalPage .QuoteDashboardTbs_ li {
	width: 25%!important
}*/
.simpleTabelPage table td, .simpleTabelPage table th {
	background: #f2f4f7;
	padding: 15px;
	color: #4b4b4b;	
	border-bottom: 1px solid #e6e6e6;
	font-weight: 400;
	text-align: left;
	font-size:13px;
	border-top: 1px solid #e6e6e6;
}
.simpleTabelPage table td {
	background: 0 0;
	color: #4b4b4b;
	border-top:0;
}
.simpleTabelPage table td:first-child, .simpleTabelPage table th:first-child {
	padding-left: 30px
}
.link-blue {
	color: #009fff
}
.light-gray-txt {
	color: #000;
	font-size: 12px
}
.simpleTabelPage h3 {
	font-size: 13px;
	width: auto;
	line-height: 42px
}
#firstTime .darkBlueBt, .addBlueLink, .simpleTabelPage h3.subHeading {
	font-weight: 400;
	text-transform: uppercase
}
.border-bottom {
	border-bottom: 1px solid #e6e6e6!important
}
.companies h2 {
	width: auto;
	border: 0;
	padding-bottom: 0;
	padding-right: 0
}
.search-gray {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 18px;
	height: 18px;
	background: url(../images/search-gray.png) center center no-repeat
}
#billingPopup .select-options, #firstTime .firstStep .select-options {
	top: 100%
}
.companies .selectCol {
	margin: 30px 30px 0 0;
	width: 70%
}
.companies .selectCol>ul>li {
	padding-left: 10px;
	float: left;
	width: 20%
}
.companies .selectCol>ul>li:first-child {
	width: 20%
}
.companies .selectCol>ul>li:nth-child(3) {
	width: 25%
}
.companies .selectCol>ul>li:nth-child(4) {
	width: 15%
}
.companies .selectCol>ul>li a.downloadLink {
	line-height: 36px
}
.companies .selectCol>ul>li .blue-rounded-bt {
	padding: 0 10px
}
.delete {
	float: left;
	background: url(../images/delete.png) left top no-repeat;
	line-height: 20px;
	padding-left: 20px;
	color: #4b4b4b!important;
	font-weight: 400;
	font-size:13px;
}
.addBlueLink, .alpha a, .simpleTabelPage .half table a {
	color: #03a2cc
}
.alpha {
	float: right;
	padding: 10px 0 20px
}
.alpha li {
	float: left;
	margin:10px 0 0 14px
}
.alpha li:first-child {
	margin-left: 0;
	min-height: 22px
}
.alpha a {
	font-weight: 400
}
.companies table td:first-child, .companies table th:first-child {
	width: 20px;
	padding-right: 0
}
.companies table td:last-child, .companies table th:last-child {
	text-align: right;
	padding-right: 30px
}
.companies table th:nth-child(2) {
	width: 25%
}
.addBlueLink {
	background: url(../images/plus-blue.png) left center no-repeat;
	padding-left: 39px;
	line-height: 35px;
	font-size: 14px;
	font-family: gothambold
}
.addBlueLink:hover {
	opacity: .8
}
.border-bottom-0 {
	border-bottom: 0!important
}
.contacts .half {
	float: left;
	width: 50%;
	padding: 0 10px 20px 30px
}
.contacts .row .half:last-child {
	padding: 0 30px 20px 10px
}
.simpleTabelPage h3.subHeading {
	font-size: 14px;
	font-family: montserratbold;
	line-height: inherit;
	margin-bottom: 20px
}
.simpleTabelPage .half table {
	border: 1px solid #e6e6e6
}
.simpleTabelPage .half table td, .simpleTabelPage .half table th {
	padding: 15px!important
}
.contacts .back-blue-bt {
	margin: 38px 10px 0 30px
}
/*.contacts .border-bottom h2 {
	width: auto;
	border: 0;
	padding: 30px 30px 30px 0
}*/
.contacts .blue-rounded-bt {
	margin: 30px
}
.contacts .border-bottom h2 a {
	color: #009fff;
	font-size: 13px;
	font-family: montserratregular;
	font-weight: 400
}
.blue-border {
	float: left;
	width: 100%;
	border: 1px solid #009fff;
	padding: 30px;
	margin: 30px 0;
	max-width: 587px
}
.blue-border p {
	width: auto;
	margin: 0
}
.blue-border a {
	float: right!important;
	margin: 0!important
}
.adminAccountSettingsRow .grayBgText.small {
	font-size: 20px
}
#billingPopup form {
	margin-top: 25px
}
#billingPopup form, #billingPopup form>div>div>ul {
	float: left;
	width: 100%
}
#billingPopup form>div>div>ul>li {
	float: left;
	width: 100%;
	margin: 13px 0 0
}
#billingPopup form>div>div>ul>li label {
	float: left;
	width: 132px;
	line-height: 36px
}
#billingPopup form>div>div>ul>li label.w100 {
	width: 100px;
	margin-left: 32px
}
.width260 {
	width: 260px
}
#billingPopup .select {
	height: 36px
}
#billingPopup .w85 {
	width: 85px
}
#billingPopup .w124 {
	width: 124px
}
.margin-left-12 {
	margin-left: 12px
}
#billingPopup .w480 {
	width: 480px
}
#billingPopup textarea {
	height: 71px
}
/*#billingPopup input[type=submit] {
	background: #383838;
	line-height: 46px;
	width: 144px;
	float: left
}*/
#billingPopup form>div>div>ul>li.border-top {
	border-top: 1px solid #dadada;
	margin-top: 30px;
	padding-top: 30px
}
#firstTime h2, #firstTime p {
	text-align: center
}
#firstTime .border-top {
	float: left;
	width: 100%;
	border-top: 1px solid #dadada;
	padding-top: 50px;
	margin-top: 50px;
	text-align: center
}
#firstTime .blue-rounded-bt {
	margin: 20px 0;
	display: inline-block;
	float: none
}
#firstTime ul.firstStepForm {
	display: inline-block;
	width: 420px;
	margin-top: 20px
}
#firstTime ul.firstStepForm>li {
	float: left;
	width: 100%;
	margin: 13px 0 0
}
#firstTime ul.firstStepForm>li .pull-left {
	line-height: 36px
}
#firstTime .firstStep .select {
	width: 240px;
	text-align: left;
	height: 36px
}
#firstTime .darkBlueBt {
	display: inline-block;
	background: #383838;
	color: #fff;
	border-radius: 2px;
	line-height: 46px;
	font-family: gothambold;
	padding: 0 53px;
	margin-top: 40px
}
#firstTime .darkBlueBt:hover {
	opacity: .9
}
.arrow-next:hover, .arrow-prev:hover, .removeRow:hover {
	opacity: .8
}
#firstTime .secondStep {
	position: relative
}
#firstTime .secondStep ul {
	float: left;
	width: 100%;
	margin-top: 20px
}
#firstTime .secondStep ul li {
	float: left;
	width: 100%;
	margin: 11px 0 0
}
#firstTime .secondStep ul li>.row {
	background: #f2f4f7;
	padding: 20px;
	margin: 23px 0 10px;
	border-radius: 3px;
	position: relative
}
#firstTime .secondStep ul li>.row:after {
	bottom: 100%;
	left: 7%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(242,244,247,0);
	border-bottom-color: #f2f4f7;
	border-width: 15px;
	margin-left: -15px
}
#firstTime .secondStep ul li>.row>.row {
	margin-bottom: 20px
}
#firstTime .secondStep ul li>.row>.row:last-child {
	margin-bottom: 0
}
#firstTime .secondStep ul li>.row>.row .w85 {
	width: 85px;
	float: left;
	margin-left: 10px
}
#firstTime .secondStep .blue-rounded-bt {
	margin: 0;
	width: 176px;
	background: #fff
}
#chooseTemplate {
	position: absolute;
	top: 100px;
	left: 10%;
	background: #fff;
	box-shadow: 0 0 80px #ccc;
	padding: 30px;
	width: 80%;
	z-index: 9999
}
#chooseTemplate h2, #chooseTemplate p {
	text-align: left
}
#chooseTemplate ul {
	margin-top: 30px
}
#chooseTemplate ul li a span {
	top: 44%;
	line-height: 32px;
	padding: 0 18px;
	font-size: 11px
}
.arrow-next, .arrow-prev {
	font-weight: 400;
	font-family: montserratregular;
	color: #009fff;
	text-transform: uppercase;
	line-height: 37px
}
#firstTime .thirdStep {
	text-align: center
}
#firstTime .thirdStep ul {
	float: left;
	width: 100%;
	margin: 40px 0
}
#firstTime .thirdStep ul li {
	float: left;
	width: 100%;
	display: none
}
#firstTime .thirdStep ul li.active {
	display: block
}
#firstTime .thirdStep ul li img {
	float: left;
	width: 100%
}
.arrow-prev {
	float: left;
	background: url(../images/arrow-prev.jpg) left center no-repeat;
	padding-left: 46px
}
.arrow-next {
	float: right;
	background: url(../images/arrow-next1.jpg) right center no-repeat;
	padding-right: 46px
}
#firstTime .thirdStep .blue-rounded-bt {
	display: inline-block;
	margin: 0
}
.pricingTbl .tabs {
	float: left;
	width: 100%;
	background: #383838;
	color: #fff;
	font-family: montserratregular;
	font-weight: 400;
	font-size: 13px;
	padding-top: 4px;
	padding-left: 4px
}
.pricingTbl .tabs li {
	float: left;
	width: 20%;
	text-align: center;
	line-height: 47px;
	cursor: pointer;
	border-right: 1px solid #44536c
}
.pricingTbl .tabs li.active {
	background: #fff;
	color: #1c2e4d
}
.pricingTbl .tabsDetail {
	float: left;
	width: 100%
}
.pricingTbl .tabsDetail input.pricingTblTitle {
	text-transform: none;
	font-size: 16px;
	line-height: 36px;
	font-family: gothambold;
	font-weight: 400;
	color: #1c2e4d;
	width: 50%
}
.pricingTbl .tabsDetail .gray-rounded-bt {
	margin: 0 0 17px;
	width: 87px
}
.pricingTbl .tabsDetail table {
	border: 1px solid #e6e6e6
}
.pricingTbl table td, .pricingTbl table th {
	border-bottom: 0;
	width: 17%
}
.pricingTbl table td:first-child, .pricingTbl table th:first-child {
	text-align: left;
	width: 49%
}
.pricingTbl table td:last-child, .pricingTbl table th:last-child {
	text-align: left
}
.green-rounded-bt {
	border-color: #60bc5b;
	color: #60bc5b
}
.removeRow {
	float: left;
	width: 22px;
	height: 22px;
	background: url(../images/minus.png) center center no-repeat;
	text-indent: -99999px;
	cursor: pointer;
	margin: 8px 0 0
}
.pricingTbl table td {
	padding: 10px 15px
}
.pricingTbl table td:first-child textarea {
	width: calc(100% - 32px)!important;
	margin: 0 0 0 10px;
	overflow: hidden
}
.pricingTbl table td:nth-child(2), .pricingTbl table td:nth-child(3) {
	text-align: center
}
.pricingTbl table td:nth-child(2) input, .pricingTbl table td:nth-child(3) input {
	width: 70px;
	text-align: center;
	float: none;
	display: inline-block
}
.pricingTbl table td:nth-child(3) input {
	width: 100px
}
.pricingTbl table .addGreenLink {
	margin: 0
}
.pricingTbl .tabsDetail input[disabled=disabled], .pricingTbl .tabsDetail textarea[disabled=disabled] {
	border: 0;
	padding: 0;
	box-shadow: none;
	margin: 0;
	height: 20px
}
.pricingTbl .tabsDetail input.pricingTblTitle[disabled=disabled] {
	height: auto
}
.pricingTbl .tabsDetail>.row {
	display: none;
	padding: 30px 30px 0
}
.pricingTbl .tabsDetail>.row.active {
	display: block
}
.pricingTbl .tabsDetail>.row>form:first-child .row {
	margin: 0!important
}
.pricingTbl .tabsDetail>.row:last-child {
	padding: 0
}
.pricingTbl .tabsDetail>.row:last-child h3 {
	font-size: 20px;
	/*text-transform: none;*/
	padding: 30px 0 30px 30px
}
.pricingTbl .tabsDetail>.row:last-child table {
	border: 0;
	border-top: 1px solid #e6e6e6
}
.pricingTbl .tabsDetail>.row:last-child table tr td, .pricingTbl .tabsDetail>.row:last-child table tr th {
	width: 15%;
	border-bottom: 1px solid #e6e6e6;
	padding: 15px!important;
	text-align: left
}
.pricingTbl .tabsDetail>.row:last-child table tr td {
	padding: 20px!important
}
.pricingTbl .tabsDetail>.row:last-child table tr td:first-child, .pricingTbl .tabsDetail>.row:last-child table tr th:first-child {
	width: 40%;
	padding-left: 30px!important
}
.pricingTbl .tabsDetail>.row:last-child table tr td:first-child {
	padding-left: 30px!important;
	color: #1c2e4d;
	font-family: montserratregular;
	font-weight: 400
}
.pricingTbl .tabsDetail>.row:last-child table tr td:last-child, .pricingTbl .tabsDetail>.row:last-child table tr th:last-child {
	text-align: center;
	width: 10%
}
.pricingTbl .tabsDetail>.row:last-child table tr td:nth-child(3), .pricingTbl .tabsDetail>.row:last-child table tr th:nth-child(3) {
	width: 20%
}
.section_view {
	padding: 20px
}
.section_view td {
	padding: 15px!important
}
.pagination {
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0!important
}
.pagination li {
	display: inline-block;	
	font-weight: 400
}
.pagination a {
	text-transform: capitalize;
	color: #8993a6 !important;
	margin: 0 5px;
	display:inline-block;
}
.pagination a.selected {
	color: #3e91ce !important;
}
.pagination li a.prev, .pagination li a.next {
	color:#8891a5 !important;
}
.pagination li a.prev.disabled, .pagination li a.next.disabled {
	color:#CAD8DD !important;
}
.section_view .checkbox {
	width: auto;
	margin-right: 20px
}
.totalRow td {
	background: #f2f4f7;
	font-weight: 700
}
.approvalPage .selectCol {
	width: 100%!important
}
.approvalPage .selectCol>ul>li {
	width: 50%!important
}
 @media all and (max-width:1570px) {
.greenBt, .redBt {
	width: 80px
}
ul.graphVal li {
	padding-left: 25px
}
}
 @media all and (max-width:1420px) {
.QuoteSnapshot aside:nth-child(2) .rightSection ul li {
	padding-bottom: 10px;
	margin-bottom: 10px
}
.QuoteSnapshot aside:nth-child(2) .rightSection ul li span {
	float: left;
	width: 100%
}
}
 @media all and (max-width:1370px) {
.greenBt, .redBt {
	width: 75px
}
}
 @media all and (max-width:1330px) {
.greenBt, .redBt {
	width: 34px;
	text-indent: -99999px;
	background: url(../images/accept.png) center center no-repeat;
	height: 34px;
	float: none;
	display: inline-block
}
.redBt {
	background: url(../images/reject.png) center center no-repeat
}
.dashboardTbl table tr td:last-child, .dashboardTbl table tr th:last-child {
	text-align: center
}
}
 @media all and (max-width:1300px) {
/*header a.logo {
	width: 250px
}
.rightCol {
	padding-left: 250px
}
*/.gray-bg span {
	width: 100%
}
.gray-bg .ViewAll {
	float: left;
	border: 0;
	padding-left: 15px;
	padding-top: 0
}
.stepsTabs ul {
	margin-left: 75px
}
.QuoteSnapshot aside {
	width: 50%;
	padding: 0 20px 0 0
}
.QuoteSnapshot aside:nth-child(2) {
	padding: 0 0 0 20px
}
.QuoteSnapshot aside.last-child {
	width: 100%;
	margin-top: 30px
}
.QuoteSnapshot aside.last-child span {
	margin: 0
}
}
 @media all and (max-width:1290px) {
/*nav ul li a {
	padding: 0 15px;
}*/
}
 @media all and (max-width:1260px) {
/*.stepsTabs ul {
	width: 100%;
	float: left;
	margin: 40px 0 0;
	clear: both
}*/
.stepsTabs ul li {
	/*width: 25%;
	margin-left: 0*/
}
/*.stepsTabs.CreateQuoteTemplate ul li {
	width: 33%
}*/
.QuoteSnapshot h2 {
	width: 325px;
	margin: 22px 0 0 43px
}
}
 @media all and (max-width:1190px) {
.adminAccountSettingsCol {
	margin-right: 0
}
.adminAccountSettingsRow .adminAccountSettingsCol:last-child {
	margin-top: 30px;
	clear: both
}
}
 @media all and (max-width:1165px) {
/*nav ul li a {
	padding: 0 10px;
}*/
}
 @media all and (max-width:1150px) {
.dashBoardGraphCol {
	width: 100%
}
ul.graphVal li {
	padding-left: 40px
}
.gray-bg span {
	width: auto
}
.previewPageTop .previewPageCol:nth-child(1), .previewPageTop .previewPageCol:nth-child(2), .see-invocie.settingColMain .previewPageTop .previewPageCol:nth-child(1), .see-invocie.settingColMain .previewPageTop .previewPageCol:nth-child(2) {
	width: 100%
}
.gray-bg .ViewAll {
	float: right;
	border-left: 1px solid #dadada;
	padding: 15px 30px
}
.previewPageTop .previewPageCol:nth-child(2) ul {
	float: left;
	margin-left: 55px
}
}
 @media all and (max-width:1070px) {
/*header a.logo {
	width: 230px
}
.rightCol {
	padding-left: 230px
}*/
/*nav ul li a {
	padding: 0 20px
}*/
.formControl.half, .stepsDetails .formLeft, .stepsDetails .formRight {
	width: 100%
}
.rightForm:after, .rightForm:before {
	display: none
}
.stepsDetails.AddNewOpened {
	width: 90%
}
.stepsDetails.AddNewOpened .leftForm {
	width: 49%
}
.stepsDetails.AddNewOpened .rightForm {
	width: 49%;
	float: right
}
.NewContactPopup {
	top: 212px
}
.stepsDetails.CreateQuoteS2 .settingsCol {
	width: 270px
}
.stepsDetails.CreateQuoteS2 .settingColLeft {
	padding-right: 320px
}
.settingsCol ul.detailSection li .detailSectionCol {
	width: 100%
}
.settingsCol ul.detailSection>li {
	margin-bottom: 15px
}
.settingsCol ul.detailSection {
	padding-bottom: 10px
}
.stepsDetails.CreateQuoteS2 .settingColLeft .page {
	height: 1407px
}
}
 @media all and (min-width:1111px) {
/*nav {
	display: table-cell!important
}*/
}
 @media all and (max-width:1110px) {
/*nav {
	display: none;
	position: absolute;
	top: 80px;
	background: #383838;
	width: 100%;
	left: 0;
	height: 63px
}
nav ul {
	top: 0;
	width: calc(100% - 70px)
}
nav ul li {
	width: 16%;
	text-align: center
}
nav ul li:last-child {
	width: 20%;
}
nav ul li a {
	width: 100%;
	padding: 0
}
nav ul li a:hover {
	color: #009fff
}
nav ul li a.active:hover {
	color: #1c2e4d
}
.mobileNav {
	display: block
}*/
.NewContactPopup {
	top: 212px;
	left: 20%
}
.NewContactPopup .inner:after, .NewContactPopup .inner:before {
	display: none
}
/*.stepsDetails.CreateQuoteS1 .inner {
	width: 750px
}*/
}
 @media all and (max-width:980px) {
.stepsTabs ul {
	width: 100%;
	float: left;
	/*margin: 40px 0 0;*/
	clear: both
}
.stepsTabs ul li {
	/*margin-left: 0;
	width: 25%*/
}
.priceListDetail ul li {
	width: 50%;
	padding-bottom: 18px
}
.priceListDetail ul li:nth-child(2) {
	padding-right: 0
}
.priceListDetail ul li:nth-child(3) {
	padding-left: 0
}
.pricingTabs li span, .pricingTabs li.active span, .pricingTabs li:nth-child(2) span, .pricingTabs li:nth-child(3) span {
	background-position: center top!important;
	padding: 50px 0 0!important;
	line-height: 19px
}
.pricingTabs li {
	height: 160px
}
.table-4-col td:nth-child(2), .table-4-col td:nth-child(3) {
	padding: 6px 10px
}
.settingColLeft .buttonsRow input {
	width: 200px
}
}
 @media all and (min-width:871px) {
.QuotePageSideBar {
	display: none!important
}
.QuotePageSideBar.opened {
	display: block!important;
	z-index: 999
}
}
 @media all and (max-width:870px) {
ul.graphVal {
	width: 100%;
	padding: 30px 0 0;
	float: left
}
ul.graphVal li {
	padding-left: 0
}
/*header a.logo {
	width: 200px
}
.rightCol {
	padding-left: 0
}
.leftNavIcon {
	display: block
}
.stepsDetails.CreateQuoteS1 .inner {
	width: 700px
}*/
}
 @media all and (max-width:830px) {
.stepsDetails.CreateQuoteS1 .inner {
	width: 90%
}
.stepsDetails.CreateQuoteS1 .inner .colCreateQuoteTemplate {
	width: 100%
}
.sectionTop ul li {
	width: 50%;
	margin-bottom: 16px
}
.stepsDetails.CreateQuoteS1 .sectionTop {
	padding-bottom: 44px
}
}
 @media all and (max-width:680px) {
.dashboardTbl table thead {
	display: none
}
.dashboardTbl table tr, .dashboardTbl table tr td {
	float: left;
	width: 100%!important;
	border: 0;
	padding-left: 30px;
	text-align: left!important
}
.dashboardTbl table tr {
	border-bottom: 1px solid #e6e6e6;
	padding: 0
}
.dashboardTbl table tr td:first-child:before, .dashboardTbl table tr td:nth-child(2):before, .dashboardTbl table tr td:nth-child(3):before, .dashboardTbl table tr td:nth-child(4):before, .dashboardTbl table tr td:nth-child(5):before {
	content: "Document Name";
	font-weight: 700;
	float: left;
	width: 100%;
	margin-bottom: 5px
}
.dashboardTbl table tr td:nth-child(2):before {
	content: "Document Type"
}
.dashboardTbl table tr td:nth-child(3):before {
	content: "Company / Account related to"
}
.dashboardTbl table tr td:nth-child(4):before {
	content: "Value"
}
.dashboardTbl table tr td:nth-child(5):before {
	content: "Approval"
}
}
 @media all and (max-width:600px) {
nav ul li {
	width: 100%
}
nav {
	height: auto
}
}
 @media all and (max-width:520px) {
header a.logo {
	width: 60px;
	height:60px;
}
}
 @media print {
.page[size=A4], body {
	margin: 0;
	box-shadow: 0
}
}
.default, .make_default {
	line-height: 21px
}
.make_default a.pull-right.makeDefault {
	/*background: url(../images/make-default.png) center center no-repeat;
	width: 94px;
	line-height: 21px;
	height: 21px;
	display: none;
	color:#009fff !important;
	font-size:11px;
	border:1px solid #009fff;
	border-radius: 20px;
  padding: 0 10px;
	text-transform:uppercase;
	text-decoration:none !important;*/
	display: none;
	cursor: pointer;
	font-size:12px;
	text-transform:uppercase;
	color:#009fff !important;
	text-decoration:none !important;
}
.default a.pull-right.defaultTemp {
	/*background: url(../images/default-new.jpg) center center no-repeat;
	width: 149px;
	line-height:16px;
	height:16px;*/
	cursor: default;
	font-size:12px;
	text-transform:uppercase;
	color:#8891a5;
	text-decoration:none !important;
}
.make_default:hover a.pull-right {
	display: block
}
.message {
	padding: 15px!important;
	border-radius: 4px;
	margin-top: 20px;
	color: #3c763d;
	background: #dff0d8;
	border: 1px solid #d6e9c6
}
.message.error {
	color: #a94442;
	background: #f2dede;
	border-color: #ebccd1
}
.message.notification {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.editableDiv {
	font-size:13px;
	color:#4b4b4b;
	font-family:'Open Sans', sans-serif;
	word-wrap: break-word;
	line-height:24px;
}
.heading1.editableDiv, .subHeading.editableDiv {	
	font-weight: 400;	
}
.message .pull-right {
	opacity: .5;
	cursor: pointer
}
.message .pull-right:hover {
	opacity: .8
}
.ui-state-hover {
	background: 0 0!important;
	border: 0!important
}
.heading1.editableDiv {
	font-size: 22px
}
.subHeading.editableDiv {
	font-size: 18px
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #3e91ce!important;
	color: #fff!important;
	border:2px solid #3e91ce !important;
	display: inline-block;
	float: right;
	border-radius: 5px;
	padding: 5px;
}
.ui-datepicker td a {
	padding:3px 5px !important;
	display: inline-block;
	float: right;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	border:2px solid #3e91ce !important;
	border-radius:5px;
}
#sortable .uploadifive-button, .headerPopup .uploadifive-button, .footerPopup .uploadifive-button {
	position: absolute!important;
	top: calc(50% - 29px);
	left: calc(50% - 43px);
	display: none;
	text-indent: -9999px;
	background: url(../images/upload-img-new.png) center center no-repeat;
	cursor: pointer
}
.headerPopup .uploadifive-button, .footerPopup .uploadifive-button {
	left: calc(46.5% - 21px);
	top: auto;
	bottom: 45px;
}
#sortable .imageSmall .uploadifive-button {
	left: calc(50% - 43px)
}
.blockNoFocus {
	position: relative
}
#sortable .fa.fa-play, .blockNoFocus .fa.fa-image, .headerImg .fa.fa-image {
	vertical-align: middle;
	display: table-cell;
	font-size:70px;
}
.headerImg:hover .uploadifive-button {
	display: block!important
}
#sortable .blockNoFocus:hover .uploadifive-button, .headerPopup .editorAddImg:hover .uploadifive-button, .footerPopup .editorAddImg:hover .uploadifive-button {
	display: block
}
.proposal_img {
	float: left;
	width: auto;
	max-width: none
}
.chart-new, .chart-new .radial {
	width: 123px;
	height: 123px;
	float: left
}
.chart-new .radial {
	position: relative;
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0)
}
.chart-new .ring {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	width: 100%;
	height: 100%;
	color: #3b9add
}
.chart-new .ring:nth-child(even) {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
.chart-new .ring:before {
	pointer-events: none;
	content: '';
	border: 4px solid #f2f4f7;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.chart-new .ring:nth-child(2):before, .chart-new .ring:nth-child(3):before, .chart-new .ring:nth-child(4):before, .chart-new .ring:nth-child(5):before {
	border-color: transparent
}
.chart-new .ring .label {
	position: absolute;
	width: 7em;
	text-align: right;
	font-size: 2.025vh;
	font-weight: 300;
	line-height: 5.4vh;
	right: 50%;
	-webkit-transform: translate3d(-20%, 0, 0);
	transform: translate3d(-20%, 0, 0);
	text-transform: uppercase;
	letter-spacing: .5em;
	z-index: 10;
	color: transparent
}
.imageSmallText, .simpleText {
	line-height: 24px
}
.chart-new .dot {
	width: 5px;
	height: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
#scalecontainer {
	-webkit-transform-origin:center top 0px;
	-ms-transform-origin:center top 0px;
	transform-origin:center top 0px;
	transition:all ease .5s;
}
.chart-new .dot:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #3b9add;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	opacity: 0;
	-webkit-transition: -webkit-transform .6s, opacity .6s;
	transition: transform .6s, opacity .6s
}
.chart-new .dot.val:before {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	opacity: 1
}
.chart-new .ring:nth-child(4) {
	width: 55%;
	height: 55%;
	top: 23%;
	left: 23%;
	color: #f34
}
.chart-new .ring:nth-child(4) .dot:before {
	background: #f97d7d
}
.chart-new .ring:nth-child(3) {
	width: 70%;
	height: 70%;
	top: 15%;
	left: 15%;
	color: #f53
}
.chart-new .ring:nth-child(3) .dot:before {
	background: #5dd9c7
}
.chart-new .ring:nth-child(2) {
	width: 85%;
	height: 85%;
	top: 8%;
	left: 8%;
	color: #f83
}
.chart-new .ring:nth-child(2) .dot:before {
	background: #888
}
.chart-new input {
	display: none
}
.chart-new .ring:nth-child(5) {
	width: 40%;
	height: 40%;
	top: 30%;
	left: 30%;
	color: #f34
}
.chart-new .ring:nth-child(5) .dot:before {
	background: #feb268
}
.uploadifive-queue-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,.5);
	height: 250px
}
.uploadifive-queue-item-inner {
	position: relative;
	width: 100%;
	top: 48%
}
.imageSizeBts {
	position: absolute;
	top: 10px;
	left: 10px;
	background: rgba(0,0,0,.5);
	padding: 5px 10px;
	z-index: 99999;
	display: none;
	width: calc(100% - 20px)
}
.imageSizeBts a {
	float: right;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	margin-left: 6px
}
.imageSizeBts a.left {
	float: left;
	margin: 0 6px 0 0
}
.imageUploaded:hover .imageSizeBts {
	display: block
}
.imageUploaded .editorAddImg {
	background: #fff!important
}
.headerImgText, .footerImgText {
	position: absolute !important;
	width: auto;
	text-align: center;
	z-index: 1;
	padding: 20px;
	top: 25px;
	left: 207px;
}
.headerImgText .headerImgHeading, .footerImgText .footerImgHeading {
	font-size: 30px;
	font-family: montserratbold;
	font-weight: 400;
	color: #1c2e4d;
	float: left;
	width: 100%;
	padding: 0;
	cursor: text;
}
.headerImgText .headerImgTextInner, .footerImgText .footerImgTextInner {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #000;
}
#sortable .uploadifive-button, .headerPopup .uploadifive-button, .footerPopup .uploadifive-button {
	opacity:1;
	z-index: 99999
}
.proposalTemplate .grayBar.text-center {
	display: none
}
/*.proposalTemplate .grayBar.grayBar1 .pull-right {
	position:relative;
	z-index:99;
}*/
.editorTbl .editableDiv {
	padding: 0!important
}
.imageSmall {
	float: left;
	width: 40%;
	overflow: hidden
}
.imageSmallText {
	float: right;
	width: 55%;
}
.imageSmallText h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	color:#000;
}
/*.imageSmallText .editableDiv {
	color:#bbc4d8;
}
.sort.focus .imageSmallText .editableDiv {
	color:#4b4b4b;
}*/
.imageSmall .editorAddImg, .imageSmall .editorAddImg .uploadifive-queue-item {
	height: 200px
}
.imageSmall .fa.fa-image {
	display: table-cell;
	vertical-align: middle;
	font-size:70px;
}
.imageSmall:hover .uploadifive-button {
	display: block!important
}
.imageSmall .imageSizeBts {
	width: calc(40% - 8px)
}
.imageSmallRight {
	float: right
}
.imageSmallRight .imageSizeBts {
	left: auto
}
.blankDiv {
	float: left;
	width: 100%;
	height: 30px
}
.editorBlankDiv, .embedCode {
	position: relative;
	float: left;
	width: 100%
}
.editorBlankDiv a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	font-size: 15px;
	font-weight: 700;
	color: #cac9c9;
	display: none
}
.editorBlankDiv a.spaceSizeInc {
	right: 20px
}
.editorBlankDiv:hover a, .sort.focus .editorBlankDiv a {
	display: block
}
#company_headercolorDiv div[rel]::after, #company_headercolorDiv li[rel]::after {
	content: "";
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	margin-top: 8px
}
#company_headercolorDiv li[rel]::after {
	margin-top: -2px
}
#company_headercolorDiv .select-options {
	max-height: 121px
}
#company_headercolorDiv div[rel=clr_058EC2]::after, #company_headercolorDiv div[rel=Default]::after, #company_headercolorDiv li[rel=clr_058EC2]::after {
	background-color: #00C0FF
}
#company_headercolorDiv div[rel=clr_000000]::after, #company_headercolorDiv div[rel="Black "]::after, #company_headercolorDiv li[rel=clr_000000]::after {
	background-color: #000
}
#company_headercolorDiv div[rel=clr_6ce2f1]::after, #company_headercolorDiv div[rel="Sea Blue"]::after, #company_headercolorDiv li[rel=clr_6ce2f1]::after {
	background-color: #6ce2f1
}
#company_headercolorDiv div[rel=clr_d1eecf]::after, #company_headercolorDiv div[rel="Sea Green"]::after, #company_headercolorDiv li[rel=clr_d1eecf]::after {
	background-color: #d1eecf
}
#company_headercolorDiv div[rel=clr_f4c1cc]::after, #company_headercolorDiv div[rel=Pink]::after, #company_headercolorDiv li[rel=clr_f4c1cc]::after {
	background-color: #f4c1cc
}
#company_headercolorDiv div[rel=clr_e45928]::after, #company_headercolorDiv div[rel=Orange]::after, #company_headercolorDiv li[rel=clr_e45928]::after {
	background-color: #e45928
}
#company_headercolorDiv div[rel=clr_FFD700]::after, #company_headercolorDiv div[rel=gold]::after, #company_headercolorDiv li[rel=clr_FFD700]::after {
	background-color: gold
}
#company_headercolorDiv div[rel=clr_553d23]::after, #company_headercolorDiv div[rel=Brown]::after, #company_headercolorDiv li[rel=clr_553d23]::after {
	background-color: #553d23
}
#company_headercolorDiv div[rel=clr_1c3e75]::after, #company_headercolorDiv div[rel=Navy]::after, #company_headercolorDiv li[rel=clr_1c3e75]::after {
	background-color: #1c3e75
}
#company_headercolorDiv div[rel=clr_5FBD51]::after, #company_headercolorDiv div[rel=Green]::after, #company_headercolorDiv li[rel=clr_5FBD51]::after {
	background-color: #5FBD51
}
#company_headercolorDiv div[rel=clr_FFC0CB]::after, #company_headercolorDiv div[rel=pink]::after, #company_headercolorDiv li[rel=clr_FFC0CB]::after {
	background-color: pink
}
#company_headercolorDiv div[rel=clr_D14251]::after, #company_headercolorDiv div[rel=Red]::after, #company_headercolorDiv li[rel=clr_D14251]::after {
	background-color: #D14251
}
#company_headercolorDiv div[rel=clr_EE82EE]::after, #company_headercolorDiv div[rel=violet]::after, #company_headercolorDiv li[rel=clr_EE82EE]::after {
	background-color: violet
}
#company_headercolorDiv div[rel=clr_F5DEB3]::after, #company_headercolorDiv div[rel=wheat]::after, #company_headercolorDiv li[rel=clr_F5DEB3]::after {
	background-color: wheat
}
#company_headercolorDiv div[rel=clr_F5F5F5]::after, #company_headercolorDiv div[rel=whitesmoke]::after, #company_headercolorDiv li[rel=clr_F5F5F5]::after {
	background-color: #F5F5F5
}
#company_headercolorDiv div[rel=clr_FFFF00]::after, #company_headercolorDiv div[rel=yellow]::after, #company_headercolorDiv li[rel=clr_FFFF00]::after {
	background-color: #FF0
}
#company_headercolorDiv div[rel=clr_9ACD32]::after, #company_headercolorDiv div[rel=yellowgreen]::after, #company_headercolorDiv li[rel=clr_9ACD32]::after {
	background-color: #9ACD32
}
#company_headercolorDiv div[rel=clr_898989]::after, #company_headercolorDiv div[rel="Grey  "]::after, #company_headercolorDiv li[rel=clr_898989]::after {
	background-color: #000
}
#company_headercolorDiv div[rel=clr_1aa1fc]::after, #company_headercolorDiv div[rel=Default]::after, #company_headercolorDiv li[rel=clr_1aa1fc]::after {
	background-color: #1aa1fc;
}
#company_headercolorDiv div[rel=clr_898989]::after, #company_headercolorDiv div[rel=Grey]::after, #company_headercolorDiv li[rel=clr_898989]::after {
	background-color: #898989
}
#company_headercolorDiv div[rel=clr_fcb16e]::after, #company_headercolorDiv div[rel=Orange]::after, #company_headercolorDiv li[rel=clr_fcb16e]::after {
	background-color: #fcb16e
}
#company_headercolorDiv div[rel=clr_f77e7f]::after, #company_headercolorDiv div[rel=Red]::after, #company_headercolorDiv li[rel=clr_f77e7f]::after {
	background-color: #f77e7f
}
#company_headercolorDiv div[rel=clr_5ed9c7]::after, #company_headercolorDiv div[rel=Green]::after, #company_headercolorDiv li[rel=clr_5ed9c7]::after {
	background-color: #5ed9c7
}
.pricingPlaceHolder {
	float: left;
	width: 100%;
	text-align: center;
	padding: 25px;
	background: #f3f4f7;
	margin-bottom: 10px;
	display: none
}
.proposal-editor-center-col .pageInner .pricingPlaceHolder {
	display: block
}
.pricingPlaceHolder span {
	display: inline-block;
	background: url(../images/pricing-img.jpg) left center no-repeat;
	color: #1c2e4d;
	font-size: 13px;
	line-height: 21px;
	padding-left: 40px;	
}
.pricingPlaceHolder p {
	float: left;
	width: 100%;
	margin-top: 10px;
	color: #a6a8b0;
	font-size: 13px;
}
.signature-col {
	float: left;
	width: 46%
}
.signature-col .row, .signature-col h2 {
	float: left;
	width: 100%;
	font-size:13px;
	color:#8993a6;
	font-family:'Open Sans', sans-serif;
	margin:0 !important;
}
.signature-col h2 {
	font-size: 15px!important;
	color: #1c2e4d;
	font-family: montserratbold;
	margin-bottom: 20px!important;
	text-transform: none!important
}
.signature-col .row label {
	float: left;
	width: 35%;
	line-height: 36px;
	font-size: 13px;
	/*font-family: 'GothamBook';*/
	color: #1c2e4d;
}
.signature-col .row .input, .signature-col .row div {
	float: right;
	width: 100%;
	font-weight: normal;
	padding-bottom:0;
	color:#8993a6 !important;
	/*font-family: 'GothamBook';
	color: #000;*/
}
.signature-col .row div .input, .signature-col-placeholder {
	width: 100%;
}
.signature-col .row div .input {
	/*font-family: 'GothamBook';*/
	color: #1c2e4d;
	font-size: 13px;
	font-weight: bold;
}
/*.signature-col .row div {
	line-height: 36px;
	font-size: 14px;
}*/
a.opanSignaturePopup {
	font-size: 14px;
}
.signature-col-placeholder .row label {
	color: #1c2e4d;
	width: 80px
}
.signature-col-placeholder .row {
	margin-top: 10px
}
.signature-col-placeholder h2 {
	margin-bottom: 10px!important
}
.signature-col-placeholder .row div {
	display: list-item;
	list-style-type: none;
	padding-left: 80px
}
.signature-col-placeholder .row div .input {
	width: 100%;
	background: #f3f4f8;
	border-color: #e0e3ee;
	border-radius: 0
}
.signature-col-placeholder .row a {
	line-height: 36px;
	float: right;
	font-family: montserratbold;
	font-weight: 400
}
/*.signaturePopup h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 14px
}*/
.signaturePopup ul.signaturePopupUl {
	float: left;
	width: 100%;
	margin-top: 32px;
	border: 1px solid #e6e6e6;
	border-right: 0
}
.signaturePopup ul.signaturePopupUl li {
	float: left;
	width: 50%;
	text-align: center;
	color: #1c2e4d;
	font-weight: 400;
	font-family: montserratregular;
	font-size: 14px;
	line-height: 48px;
	border-right: 1px solid #e6e6e6;
	cursor: pointer;
	height: 48px
}
.signaturePopup ul.signaturePopupUl li.active {
	border-bottom: 5px solid #009fff;
	color: #009fff
}
.signaturePopup aside {
	float: left;
	width: 48%;
	/*margin-top: 20px*/
}
.signaturePopup aside .row {
	margin-top: 16px
}
.signaturePopup aside .row label {
	margin-bottom: 8px;
	display: block
}
.proposal_preview .table-4-col table td:nth-child(1), .proposal_preview .table-4-col table th:nth-child(1), .uploadSig {
	display: none
}
.signaturePopup aside .select {
	height: 36px
}
.signaturePopup aside .select-options {
	top: 116%
}
.signaturePopup aside.right {
	float: right
}
.preview-signature, .draw-signature {
	float: left;
	width: 100%;
	background: #f3f4f8;
	height: 100px;
	border: 1px solid #e0e3ee;
	text-align: center;
	color: #000;
	font-size: 40px !important;
	line-height: 100px;
	font-family: Arizonia;
	font-weight: 400
}
.signaturePopupButton {
	text-align: center;
	margin-top: 50px
}
.signaturePopupButton input.small {
	width: 205px
}
.signaturePopup .blue-rounded-bt {
	float: left;
	margin: 10px 0 0;
	text-align: center;
	width: 264px
}
.ci-main .ci-image-wrapper img {
	z-index: 0!important
}
.proposal_preview .table-4-col, .proposal_preview .totalTable, .settingColLeft .table-4-col, .settingColLeft .totalTable {
	padding: 10px;
	margin: 0;
}
.proposal_preview .editorBlankDiv a, .proposal_preview .editorTbl .fa-remove, .proposal_preview .editorTbl tbody tr:hover td:last-child .fa-remove, .proposal_preview .editorTbl td:hover .fa-remove {
	display: none!important
}
.proposal_preview .table-4-col table td:nth-child(2), .proposal_preview .table-4-col table th:nth-child(2), .settingColLeft .table-4-col table td:nth-child(2), .settingColLeft .table-4-col table th:nth-child(2) {
	width: 40%;
	text-align: left
}
.proposal_preview .table-4-col table td:nth-child(4), .proposal_preview .table-4-col table th:nth-child(4), .settingColLeft .table-4-col table td:nth-child(4), .settingColLeft .table-4-col table th:nth-child(4) {
	text-align: center;
	font-size: 13px;
}
.proposal_preview .table-4-col table td:nth-child(5), .proposal_preview .table-4-col table th:nth-child(5), .settingColLeft .table-4-col table td:nth-child(5), .settingColLeft .table-4-col table th:nth-child(5) {
	text-align: right;
	font-size: 13px;
}
.proposal_preview .table-4-col h2.disable, .settingColLeft .table-4-col h2.disable {
	opacity: 1
}
.proposal_preview .table-4-col h2.disable {
	line-height: 10px;
	padding-bottom: 15px;
}
.proposal_preview .table-4-col table th, .settingColLeft .table-4-col table th {
	padding: 20px
}
.proposal_preview table td, .proposal_preview table th {
	padding: 15px
}
.proposal_preview .table-4-col td, .settingColLeft .table-4-col td {
	padding: 15px!important
}
.settingColLeft .table-4-col td:nth-child(1), .settingColLeft .table-4-col th:nth-child(1) {
	display: none;
}
.proposal_preview {
	font-weight: 400
}
.proposal_preview .sort {
	border: 0!important
}
.proposal_preview .editorAddImg, .proposal_preview .editorAddVideo {
	cursor: default!important
}
.previewPage table th:nth-child(1), .proposal_preview .editorTbl td, .proposal_preview .editorTbl td:nth-child(1) {
	width: auto
}
.proposal_preview .editorTbl td:nth-child(2), .proposal_preview .editorTbl td:nth-child(3), .proposal_preview .editorTbl th:nth-child(2), .proposal_preview .editorTbl th:nth-child(3) {
	text-align: left
}
.proposal_preview .editableDiv {
	float: left;
	width: 100%;
	word-wrap: break-word
}
.proposal_preview .inner {
	border: 0
}
.proposal_preview .page .pageSize {
	box-shadow:0 0 10px #bbb;
	float: left;
	padding: 20px;
	border: 0;
	width: 100%;
	margin-top: 20px;
}
/*.proposal_preview .page .pageSize:first-child {
	margin:0;
}*/
.signature-col .row div .preview-signature {
	width: 100%;
	line-height: 113px
}
.preview-signature img {
	height: 100%
}
.settingColLeft .previewPage .inner {
	border: 0;
}
.settingColLeft .previewPage {
	margin-bottom: 0;
}
.see_page.page_size_A4, .see_page.page_size_American, .see_page.page_size_Legal, .see_page.page_size_Letter {
	/*height: 800px;*/
	width: 210mm;
	margin: auto;
	transform-origin: left top;
}
.see-bg-color {
	background: #eeeeee;
}
.pageHeight {
	overflow-y: auto;
	padding: 20px;
}
.proposal-editor-center-col .pageHeight {
	padding-bottom:0;
}
.see_page.page_size_American, .see_page.page_size_Legal, .see_page.page_size_Letter {
	width: 221mm
}
.see_page .page {
	background: none !important;
	height: auto !important;
	margin-bottom: 0 !important;
}
.see_page .sort {
	border: 0 !important;
}
.see_page .page {
	padding: 0;
	border: 0 !important;
}
#firstTime .inner {
	max-height: 650px;
}
.firstStepForm .select-options {
	max-height: 81px;
}
.first-time-2-1 {
	position: absolute;
	top: 120px;
	right: 86px;
	color: #fff;
	font-family: 'journalregular';
	font-size: 35px;
	width: 500px;
	background: url(../images/first-time2-arrow.png) no-repeat right top;
	font-weight: normal;
	padding-top: 50px;
}
.first-time-2-1 a {
	display: inline-block;
	color: #009fff;
	background: #fff;
	width: 65px;
	text-align: center;
	line-height: 35px;
	font-family: 'montserratregular';
	font-size: 13px;
	border-radius: 2px;
	margin-top: 30px;
}
.first-time-2-1 a:hover {
	color: #fff;
	background: #009fff;
}
.first-time-2-1.first-time-2-1-2 {
	right: 40px;
}
.first-time-2-1.first-time-2-1-3 {
	top: 190px;
	left: 230px;
	right: auto;
	background: url(../images/first-time2-arrow-left.png) no-repeat left top;
	padding-left: 65px;
	width: 560px;
}
.proposal-editor-center-col .page .pageSize.section_template {
	width: 210mm;
	min-height: 297mm;
}
.previewPage .embedVideo {
	display: none;
}
/*.leftColVisible .QuotePageSideBar {
	display: block !important;
}*/
.leftColVisible .stepsTabs {
	padding: 30px 30px 20px;
}
.leftColVisible .stepsDetailsFull {
	float: left;
	width: 100%;
	padding: 0 30px;
	max-width: 100%;
}
.leftColVisible .stepsDetails.CreateQuoteS1 .inner {
	float: left;
	/*padding: 0 30px;*/
}
.leftColVisible .stepsDetails.CreateQuoteS1 .inner h3 {
	margin-top: 0;
}
.leftColVisible .stepsDetails.CreateQuoteS1 .sectionTop {
	padding-bottom: 30px;
	margin-bottom: 30px;
}
/*.leftColVisible .stepsDetails.CreateQuoteS1 .inner input[type=button] {
	margin-top: 30px;
}*/
.signature-col .sig_viewer {
	line-height: 20px !important;
	margin-top: 9px;
}
.proposal-editor-center-col .pageSize, .coverPage {
	/*box-shadow:0 0 10px #999 !important;*/
	border:2px solid #bbbbbb;
}
.proposal-editor-center-col .page .addPage a.addGreenLink {
	margin: 0;
	/*font-family: 'GothamBook';*/
	font-size: 13px;
	/*float:left;*/
	display:none;
}
.proposal-editor-center-col .page .addPage a.addGreenLink:hover {
	text-decoration: none;
	opacity: 0.8;
}
.proposal-editor-center-col .page .addPage a.removeRow {
	float: right;
	background:url(../images/delete-icon-new.svg) no-repeat center center;
	background-size:25px;
	width:25px;
	height:25px;
	margin:0;
	margin-right:-40px;
  margin-top:-66px;
}
.NewContactPopup.invoicePage {
	top: 344px;
}
.quotePreview h2 {
	margin-top: 50px;
	margin-bottom: 20px;
}
.popupcloseBt {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 16px;
	opacity: 0.5;
	cursor: pointer;
}
.popupcloseBt:hover {
	opacity: 0.8;
}
.autocpmlete_list li {
	padding-left: 12px;
}
.signatureBlockLi.showforDisable .forDisable {
	display: block;
}
#header_file_image, .header_file_image, #footer_file_image, .footer_file_image {
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.headerPopup .editorAddImg, .footerPopup .editorAddImg {
	display: table !important;
	width:100%;
	overflow: visible !important;
}
#header_file_image .ci-main, .header_file_image .ci-main, #footer_file_image .ci-main, .footer_file_image .ci-main {
	max-width: 100% !important;
	display: table;
	width: 100%;
	height: 100%;
}
#header_file_image .ci-main .ci-image-wrapper, .header_file_image .ci-main .ci-image-wrapper, #footer_file_image .ci-main .ci-image-wrapper, .footer_file_image .ci-main .ci-image-wrapper {
	height: 100% !important;
	display: table;
	width: 100%;
}
.editorHeaderBlock, .editorHeaderText, .editorFooterBlock, .editorFooterText {
	float: left;
	width: 100%;
	position: relative;
}
.editorHeaderText, .editorFooterText {
	padding: 10px;
}
.editorHeaderBlockInner, .editorFooterBlockInner {
	float: left;
	width: 100%;
}
.headerPopup .wysiwyg-container, .footerPopup .wysiwyg-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.headerPopup .wysiwyg-toolbar-bottom, .footerPopup .wysiwyg-toolbar-bottom {
	position: absolute;
	top:-40px;
	left: 0;
	width: 100%;
	padding: 5px 0 !important;
	height: 42px !important;
	border: 0 !important;
	background-color: rgba(255,255,255,1);
	display: block;
	z-index:999999;
}
.headerPopup .wysiwyg-toolbar-bottom input, .footerPopup .wysiwyg-toolbar-bottom input {
	display: none !important;
}
.headerPopup .wysiwyg-toolbar-bottom a[title="Dummy"], .footerPopup .wysiwyg-toolbar-bottom a[title="Dummy"] {
	display: none !important;
}
.pageSize .editorHeaderBlockInner .wysiwyg-toolbar-bottom, .pageSize .editorFooterBlockInner .wysiwyg-toolbar-bottom {
	display: none !important;
}
.pageSize .editorHeaderBlockInner .wysiwyg-container, .pageSize .editorFooterBlockInner .wysiwyg-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pageSize .editorHeaderBlockInner, .pageSize .editorFooterBlockInner {
	width: calc(100% + 41px);
	margin: -20px 0 0 -20px;
}
.editorHeaderBlockInner .editorAddImg, .editorFooterBlockInner .editorAddImg {
	cursor: default;
}
.pageSize .editorHeaderBlockInner .imageSizeBts, .pageSize .editorFooterBlockInner .imageSizeBts {
	display: none !important;
}
.headerPopup .editorHeaderBlockInner:hover .imageSizeBts, .footerPopup .editorFooterBlockInner:hover .imageSizeBts {
	display: block !important;
}
.EditHeader, .DeleteHeader, .EditFooter, .DeleteFooter {
	display: none;
	position: absolute;
	top: 10px;
	right: 60px;
	color: #fff;
	background: rgba(0,0,0,.5);
	padding: 10px 15px;
	font-size: 15px;
	z-index: 3;
}
.DeleteHeader, .DeleteFooter {
	right: 10px;
}
.headerPopup .EditHeader, .headerPopup .DeleteHeader, .footerPopup .EditFooter, .footerPopup .DeleteFooter {
	display: none !important;
}
.editorHeaderBlockInner:hover .EditHeader, .editorHeaderBlockInner:hover .DeleteHeader, .editorFooterBlockInner:hover .EditFooter, .editorFooterBlockInner:hover .DeleteFooter {
	display: block;
}
.headerPopup .uploadifive-queue-item, .footerPopup .uploadifive-queue-item {
	z-index: 4 !important;
	background: none !important;
	height: 125px;
}
.editorHeaderBlockInner .editorAddImg.editorAddImgAdded, .editorFooterBlockInner .editorAddImg.editorAddImgAdded {
	background: none;
}
.editorHeaderBlockInner .editorAddImg.editorAddImgAdded .fa.fa-image, .editorFooterBlockInner .editorAddImg.editorAddImgAdded .fa.fa-image {
	display: none !important;
}
.pageSize .editorFooterBlockInner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
}
.coverPage {
	float: left;
	width: 100%;
	height: 297mm;
	position: relative;
	border: 0 solid rgb(179, 179, 179);
	background: #fff;
	display: none;
	box-shadow: 0 0 10px #bbb;
	margin-bottom:20px;
	overflow:hidden;
}
#sortable .coverPage {
	display: block;
}
.coverPageBlock .forDisable {
	left: 0;
}
.coverPage .imageSizeBts {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	background: rgba(0,0,0,.5);
	padding: 5px 10px;
	font-size: 12px;
	z-index: 3;
}
.coverPage:hover .imageSizeBts {
	display: block;
}
.coverPage .imageSizeBts a {
	float: left;
	margin-left: 10px;
}
.coverPage .imageSizeBts a.DeleteCoverPage {
	float: right;
}
.coverPage .imageSizeBts a.imageSizeInc {
	margin: 0;
}
.coverPageBlock {
	position: relative;
}
.coverPage:hover .uploadifive-button {
	display: block !important;
}
.coverPage .coverPage_file_image {
	display: table;
	width: 100%;
	height: 100%;
}
.coverPage .coverPage_file_image .ci-main {
	display: table;
	width: 100%;
	height: 100%;
}
.coverPage .ci-main .ci-image-wrapper {
	display: table-cell;
	width: 100%;
	height: 100% !important;
	overflow:visible;
}
.coverPageImgText {
	position: absolute;
	top: 20%;
	left: 20%;
	width: auto;
	padding: 20px;
}
.coverPageImgText .coverPageImgHeading {	
	float: left;
	width: auto;
	border: 1px dashed #999;
	padding: 10px;
	cursor: move;
}
.coverPageImgText .coverPageImgHeading div {
	cursor: text;
	font-size: 30px;
	font-weight: 600;
	color: #4b4b4b;
	min-width: 250px;
	padding: 0;
	min-height: 26px;
}
.coverPageImgText .coverPageImgTextInner {
	width: auto;
	float: left;
	clear: both;
	border: 1px dashed #999;
	padding: 10px;
	cursor: move;
	color:#4b4b4b;
	min-width:105px;
}
.coverPageImgText .coverPageImgTextInner div {
	cursor: text;
	color:#4b4b4b;
	min-height:20px;
	padding:0;
}
.coverPage .uploadifive-queue-item {
	background: none !important;
	border: 0 !important;
	top: 40% !important;
}
.coverPageBlock ul {
	background: #f3f4f8;
	padding: 14px 0 8px 5px !important;
	border: 1px solid #e3e3e3;
}
.coverPageBlock li, .coverPageBlock li .checkbox {
	width: 100% !important;
	color: #808185;
}
.coverPageBlock li.backgroundSetting {
	border-top: 1px solid #e3e3e3;
	padding: 15px 15px 0 !important;
	margin-top: 10px;
	width: calc(100% - 15px) !important;
	margin-left: -5px;
}
.coverPageImgText .hide.show {
	display: block;
}
#CoverPageBG {
	margin: 12px 12px 0;
	width: 94% !important;
	background-position: right !important;
	background-repeat: no-repeat !important;
	background-color: #fff;
}
#CoverPageBG div {
	width:230px !important;
	background-color: #fff;
}
.coverPageBlock .imageLi #uploadifive-coverPage_file {
	margin-top: 5px !important;
}
#uploadifive-coverPage_file {
	float: left;
	width: 92% !important;
	background:#257BBF;
	color: #fff;
	line-height:40px !important;
	margin-top: 15px !important;
	border: 1px solid #257BBF;
	line-height:36px;
	text-transform:uppercase;
}
#uploadifive-coverPage_file:hover {
	background: #00adef;
  border: 1px solid #257BBF;
}
.imageLi .uploadifive-queue-item {
	height: 50px !important;
}
.proposalLogo {
	width: auto !important;
}
.proposalLogo img {
	max-width:150px;
}
.editorHeaderBlockInner .editorAddImg, .editorFooterBlockInner .editorAddImg {
	height: 125px;
}
.headerPopup .colorSelector {
	width: 185px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right center;
	height:40px;
}
.headerPopup .colorSelector div {
	width: 150px;
	background: #f3f4f7;
	height:31px;
}
.headerPopup .headerBgImgeDiv .uploadifive-button {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height:38px !important;
	line-height:38px !important;
	background:#3E91CE;	
	border-radius: 2px;
	color: #fff;
	left: 0;
	bottom: 0;
	opacity: 1;
	text-indent: inherit;
	margin-top: 2px !important;
}
.headerPopup .headerBgImgeDiv .uploadifive-button:hover {
	background:#00adef;
}
.footerPopup .colorSelector {
	width: 185px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right center;
	height:40px;
}
.footerPopup .colorSelector div {
	width: 150px;
	background: #f3f4f7;
	height:31px;
}
.footerPopup .footerBgImgeDiv .uploadifive-button {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height:38px !important;
	line-height:38px !important;
	background:#3E91CE;	
	border-radius: 2px;
	color: #fff;
	left: 0;
	bottom: 0;
	opacity: 1;
	text-indent: inherit;
	margin-top: 2px !important;
}
.footerPopup .footerBgImgeDiv .uploadifive-button:hover {
	background:#00adef;
}
.wysiwyg-popup .wysiwyg-toolbar-list {
	padding: 0 !important;
}
.wysiwyg-popup .wysiwyg-toolbar-list a {
	display: inline-block !important;
	padding: 10px !important;
}
/* ================================================================= */
.QuoteSnapshot aside .leftSection.sent .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_sent.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.sent .label {
	background: #63bd56;
}
.QuoteSnapshot aside .leftSection.sent .circle {
	border-color: #63bd56;
}
.QuoteSnapshot aside .leftSection.sent .circle span {
	color: #63bd56;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.commented .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_commented.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.commented .label {
	background: #e25931;
}
.QuoteSnapshot aside .leftSection.commented .circle {
	border-color: #e25931;
}
.QuoteSnapshot aside .leftSection.commented .circle span {
	color: #e25931;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.viewed .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_viewed.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.viewed .label {
	background: #1ba1fc;
}
.QuoteSnapshot aside .leftSection.viewed .circle {
	border-color: #1ba1fc;
}
.QuoteSnapshot aside .leftSection.viewed .circle span {
	color: #1ba1fc;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.accepted .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_accepted.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.accepted .label {
	background: #63bd56;
}
.QuoteSnapshot aside .leftSection.accepted .circle {
	border-color: #63bd56;
}
.QuoteSnapshot aside .leftSection.accepted .circle span {
	color: #63bd56;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.declined .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_declined.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.declined .label {
	background: #cf4353;
}
.QuoteSnapshot aside .leftSection.declined .circle {
	border-color: #cf4353;
}
.QuoteSnapshot aside .leftSection.declined .circle span {
	color: #cf4353;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.paid .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_paid.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.paid .label {
	background: #1b3d74;
}
.QuoteSnapshot aside .leftSection.paid .circle {
	border-color: #1b3d74;
}
.QuoteSnapshot aside .leftSection.paid .circle span {
	color: #1b3d74;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.draft .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_draft.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.draft .label {
	background: #898989;
}
.QuoteSnapshot aside .leftSection.draft .circle {
	border-color: #898989;
}
.QuoteSnapshot aside .leftSection.draft .circle span {
	color: #898989;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.overdue .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/snapshot_overdue.jpg) no-repeat center center;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.overdue .label {
	background: #cf4353;
}
.QuoteSnapshot aside .leftSection.overdue .circle {
	border-color: #cf4353;
}
.QuoteSnapshot aside .leftSection.overdue .circle span {
	color: #cf4353;
	float: left;
	margin: 0;
	width: 100%;
}
.QuoteSnapshot aside .leftSection.progress .snapshotImg {
	float: left;
	width: 100%;
	background: url(../images/progress.jpg) no-repeat center 7px;
	height: 85px;
	margin-top: 22px;
}
.QuoteSnapshot aside .leftSection.progress .label {
	background: #3d9add;
}
.QuoteSnapshot aside .leftSection.progress .circle {
	border-color: #3d9add;
}
.QuoteSnapshot aside .leftSection.progress .circle span {
	color: #3d9add;
	float: left;
	margin: 0;
	width: 100%;
}
.settingColMain #template_1 .previewPageTop .previewPageCol:nth-child(1), .settingColMain #template_1 .previewPageTop .previewPageCol:nth-child(2) {
	width: auto;
	float: left;
	margin-right: 50px;
}
.settingColMain #template_1 .previewPageTop .previewPageCol:nth-child(2) ul {
	margin: 0;
}
#template_1 .previewPageTop .previewPageCol ul li.borderBottomTxt {
	padding: 0 0 5px;
	border-right: 0;
	width: auto;
}
#template_1 .title {
	font-size: 40px;
	margin-top: 25px;
}
#template_1 .title span {
	text-align: right;
	clear: both;
	font-size: 13px;
	float: right;
}
#template_1 .border-top {
	margin-top: 20px;
	border-top: 3px solid #d80000;
}
#template_1 .template_1_top {
	float: left;
	width: 60%;
	padding-top: 20px;
}
#template_1 .template_1_top ul {
	float: left;
	width: 100%;
}
#template_1 .template_1_top ul li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
#template_1 .template_1_top ul li span {
	color: #d80000;
}
#template_1 .previewPageTop .previewPageCol ul li.price {
	margin: 0;
	float: right;
	background: #d80000;
	color: #fff !important;
	padding: 10px 20px 20px;
	line-height: 30px;
	font-weight: normal !important;
}
#template_1 .NotesRow {
	width: 55%;
	padding: 30px;
	background: #f6f6f6;
	position: absolute;
	left: 0;
	bottom: 0;
	border: 0;
}
#template_2 .previewPageHeader {
	display:table;
}
#template_2 .title {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	text-align: center;
	height: 100%;
	display: table-cell;
	/*padding: 40px 0;*/
	font-size: 40px;
	vertical-align:middle;
}
#template_2 .title span {
	font-size: 12px;
	float: left;
	width: 100%;
}
/*#template_2 .showLogoImag {
	position:absolute;
	top:auto;
	left:auto;
}*/
.showLogoImag {
	width:100% !important;
	max-width:150px !important;
}
#template_2 .template_2_GrayBg {
	background: #f6f6f6;
	padding: 40px;
	width: calc(100% + 80px);
	margin-left: -40px;
}
#template_2 .template_2_GrayBg .pull-left {
	width: 60%;
}
#template_2 .template_2_GrayBg .previewPageCol {
	width: auto;
}
#template_2 .template_2_GrayBg .previewPageCol ul {
	margin: 0;
}
#template_2 .template_2_GrayBg .pull-left li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
#template_2 .template_2_GrayBg .pull-left li span {
	color: #878787;
}
#template_2 .companyNameLarge {
	font-size: 24px;
	margin-right: 20px;
}
#template_2 .NotesRow {
	width: 55%;
	padding: 30px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	border: 0;
}
.previewPage #template_2 table td, .previewPage #template_2 table th {
	padding: 20px 10px;
}
#template_3 .title {
	font-size: 40px;
}
#template_3 .title span {
	font-size: 12px;
	float: left;
	width: 100%;
}
.template_3_left {
	float: left;
	width: 70%;
}
.template_3_left .price {
	background: #f6f6f6;
	margin-left: -40px;
	padding: 10px 30px 20px 40px;
	display: inline-block;
	font-size: 30px;
}
.template_3_left .previewPageCol li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
	border: 0 !important;
	padding: 0 !important;
}
.template_3_left .previewPageCol li span {
	color: #878787;
}
.previewPage #template_3 table td, .previewPage #template_3 table th {
	padding: 20px 10px;
}
#template_4 .col-2 {
	float: left;
	width: 49%;
	margin-top: 30px;
	line-height: 20px;
}
#template_4 .col-2.right {
	float: right;
}
#template_4 .col-2 .heading {
	float: left;
	width: 100%;
	border-bottom: 1px solid #aeb6c1;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#template_4 .col-2 strong {
	font-size: 16px;
	font-weight: bold;
}
#template_4 .col-2 ul, #template_4 .col-2 ul li {
	float: left;
	width: 100%;
	border: 0 !important;
	margin: 0 !important;
}
#template_4 .col-2 ul li {
	margin-bottom: 5px;
}
#template_4 .col-2 ul li span {
	float: left;
	width: 50%;
	font-weight: bold;
}
.previewPage #template_4 table td, .previewPage #template_4 table th {
	padding: 20px 10px;
}
.previewPage #template_4 table th {
	/*background: none !important;*/
	border: 2px solid #a2a2a2;
	padding: 10px;
	border-left: 0;
	border-right: 0;
}
.previewPage #template_4 table th:first-child {
	border-left: 2px solid #a2a2a2;
}
.previewPage #template_4 table th:last-child {
	border-right: 2px solid #a2a2a2;
}
.previewPage #template_4 .Notes {
	border: 0;
}
.previewPage #template_4 .Notes.NotesRow {
	padding-bottom: 0;
}
.previewPage #template_4 table.totalTabl tr.texRow td {
	border: 0;
}
.previewPage #template_4 table.totalTabl tr.boldTxt td {
	border: 2px solid #a2a2a2;
	border-left: 0;
	border-right: 0;
	padding: 10px;
}
.previewPage #template_4 table.totalTabl tr.boldTxt td:first-child {
	border-left: 2px solid #a2a2a2;
}
.previewPage #template_4 table.totalTabl tr.boldTxt td:last-child {
	border-right: 2px solid #a2a2a2;
}
.ci-main .ci-image-wrapper {
	position: relative;
	overflow: hidden;
}
.ci-main .ci-image-wrapper img {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	display: block !important;
	max-width: none !important;
}
.proposal_preview .ci-main {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	max-width: 100% !important;
}
.proposal_preview .coverPageImgText .coverPageImgHeading, .proposal_preview .coverPageImgText .coverPageImgTextInner {
	border: 0;
	cursor: default;
}
.section_data .dropDone, .section_data .EditFooter, .section_data .DeleteFooter, .section_data .EditHeader, .section_data .DeleteHeader {
	display: none !important;
}
.section_data .pageSize .dropDone {
	display: block !important;
}
.section_data .pageSize {
	position: relative;
}
.section_data .headerImgText, .section_data .footerImgText {
	z-index: 1;
}
.section_data .checkbox, .section_data .radio {
	cursor: default;
}
.headerPopup .headerImgText, .footerPopup .footerImgText {
	position: absolute !important;
	width: auto !important;
	padding: 15px 20px;
	top: 25px;
	font-size: 20px;
	float: left;
	left: 207px;
	cursor: move;
	border: 1px dashed #999;
}
.headerPopup .imageSizeBts, .footerPopup .imageSizeBts {
	top: -70px;
	left: 0;
	width: 100%;
	display: block;
	border-radius:10px 10px 0 0;
}
#template_1 .previewPageTop .previewPageCol:nth-child(2) {
	float: left;
	width: auto;
}
.deleteHeaderImg, .deleteFooterImg, .deleteCoverImg {
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}
 @media all and (max-width:990px) {
#template_1 .template_1_top ul li {
	width: 100%;
}
#template_1 .template_1_top {
	width: 320px;
}
}
.see_page .page .pageSize {
	box-shadow: 0 0 10px #bbbbbb;
	float: left;
	padding: 20px;
	border: 0 solid #bbbbbb;
	width: 100%;
	margin-top: 20px;
	height: 297mm;
	position: relative;
	background: #fff;
}
.see_page .page .coverPage {
	box-shadow: 0 0 10px #bbbbbb;
	border: 0 solid #bbbbbb;
}
.see_page .page .coverPageImgHeading, .see_page .page .coverPageImgTextInner {
	border: 0;
}
.see_page .ci-main, .see_page .ci-image-wrapper {
	max-width: 100% !important;
}
.sort .table-4-col:nth-child(1) {
	margin-top: 0 !important;
}
.sectionTop ul li.active a {
	opacity: 1;
}
.sectionTop ul li.active a span {
	text-indent: -99999px;
	background: url(../images/tick.png) no-repeat center center;
	width: 147px;
	height: 47px;
}
.signature-col .row div.preview-signature_base {
	font-family: 'Arizonia';
}
.customSelect .select {
	width: 77%;
}
.customSelect .NewContactPopup .inner:after, .customSelect .NewContactPopup .inner:before {
	right: -20px;
	top: 22%;
}
.customSelect .NewContactPopup .inner:after {
	border-left-color: #f2f4f7;
	border-right-color: transparent;
	border-width: 10px;
	margin-top: -10px;
}
.customSelect .NewContactPopup .inner:before {
	border-left-color: #ced4dc;
	border-right-color: transparent;
	border-width: 10px;
	margin-top: -10px;
}
.leftCol .blue-bt {
	background: #03a2cc url(../images/nav-icon-12.png) no-repeat left center;
	text-transform: none;
	font-family: GothamBook;
	overflow: hidden;
	padding: 0;
	height: 45px;
	width: 100%;
}
.leftCol .blue-bt span {
	background: none;
	padding-left: 53px;
	line-height: 45px;
}
nav, nav ul, nav ul li {
	float: left;
	width: 100%;
}
nav {
	/*height:500px;
	overflow-x: hidden;*/
	margin-top: 32px;
}
nav > ul {
	/*padding-left: 10px;*/
	width: 165px;
	zoom: 100%;
	-moz-transform: scale(100%);
}
nav ul li {
	position: relative;
}
nav > ul > li {
	margin-top:25px;
}
nav > ul > li:first-child {
	margin-top: 0;
}
nav > ul > li > a {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding-left: 45px;
}
nav > ul > li > a:hover {
	opacity: 0.7;
}
nav ul li a.Dashboard {
	background: url(../images/new-icons/dashboard.svg) no-repeat left center;
	line-height: 30px;
	background-size:30px 30px;
}
nav ul li a.Quotes {
	background: url(../images/new-icons/quote.svg) no-repeat left center;
	line-height: 30px;
	background-size:30px 30px;
}
nav ul li a.Proposals {
	background: url(../images/new-icons/proposal.svg) no-repeat left center;
	line-height: 30px;
	background-size:30px 30px;
}
nav ul li a.Contracts {
	background: url(../images/new-icons/contract.svg) no-repeat left center;
	line-height: 30px;
	background-size:30px 30px;
}
nav ul li a.Invoices {
	background: url(../images/new-icons/invoice.svg) no-repeat left center;
	line-height: 30px;
	background-size:30px 30px;
}
nav ul li a.Clients {
	background: url(../images/nav-icon6.png) no-repeat left center;
	line-height: 15px;
}
nav ul li a.Templates {
	background: url(../images/new-icons/templates.svg) no-repeat left center;
	line-height: 30px;	
	background-size:30px 28px;
}
nav ul li a.SectionLibrary {
	background: url(../images/nav-icon8.png) no-repeat left center;
	line-height: 22px;
}
nav ul li a.PricingLists {
	background: url(../images/nav-icon9.png) no-repeat left center;
	line-height: 27px;
}
nav ul li a.Approvals {
	background: url(../images/new-icons/approvals.svg) no-repeat left center;
	line-height: 30px;
	background-size:30px 30px;
}
nav ul li a.Status {
	background: url(../images/nav-icon11.png) no-repeat left center;
	line-height: 27px;
}
/*.leftCol .row {
	overflow-x:hidden !important;
}*/
nav ul li ul {
	display: none;
	background: rgba(31,36,50,0.8);
	padding: 5px 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 175px;
}
nav ul li ul li a {
	padding: 10px 15px;
	color: #fff;
	width: 100%;
	float: left;
}
nav ul li ul li a:hover {
	text-decoration: underline;
}
.nav-icon-blue {
	position: absolute;
	bottom: 84px;
	left: 17px;
	width: 38px;
	height: 29px;
	background: url(../images/nav-icon-blue.png) no-repeat center center;
}
.leftCol .nicescroll-rails {
	opacity: 0;
	left: 176px !important;
	display: none;
}
.leftCol:hover .nicescroll-rails {
	display: block;
}
.see-top-new {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	border-bottom: 1px solid #dadada;
	padding: 13px;
}
/*.see-top-new ul {
  margin-left: 100px;
}*/
.see-top-new ul li {
	float: left;
	margin: 0 0 0 40px;
	line-height: 46px;
}
.see-top-new ul li a {
	line-height: 46px;
}
.see-top-new ul li:last-child {
	margin: 0 0 0 10px;
}
.see-top-new h2 {
	float: right;
	width: auto;
	line-height: 46px;
}
.clientside .contentContainer {
	padding-top: 72px;
	padding-bottom: 0;
}
.clientside .stepsDetails.CreateQuoteS2 section {
	padding: 0;
}
.clientside .stepsDetails.CreateQuoteS2 section>.tblDislay {
	padding: 0;
}
.clientside .settingColMain {
	max-width: 100%;
	float: left;
}
 @media all and (max-height:965px) {
/*nav > ul > li {
	margin-top: 28px;
}*/
}
 @media all and (max-height:920px) {
/*nav > ul > li {
	margin-top: 20px;
}
nav ul li ul li a {
	padding:8px 15px;
}*/
}
.seeColMedium {
	position: absolute;
	top: 25px;
	right: 0;
	width: 330px;
	padding: 0 15px;
}
.seeColMedium textarea {
	height:60px;
}
.clientside .seeColSmall h3, .clientside .seeColMedium h3 {
	text-transform: none;
}
.clientside .settingColMain.two-cols .inner {
	padding-bottom: 20px;
}
.see-bg-color {
	float: left;
	width: 100%;
}
.powered-by {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: url(../images/logo-footer-new.png) right center no-repeat;
	padding-right: 102px;
	line-height: 19px;
}
.multiple_emails-email .email_name {
	line-height: 37px;
}
.multiple_emails-close {
	margin-top: 7px !important;
}
.leftColSub {
	position: fixed;
	left: 75px;
	top: 60px;
	background: #f2f4f7;
	padding: 0 30px 30px;
	width: 200px;
	height: 100%;
}
.leftColSub ul, .leftColSub ul li {
	float: left;
	width: 100%;
}
.leftColSub ul li {
	margin-top: 30px;
}
.leftColSub ul li a {
	float: left;
	color: #1c2e4d;
	font-family: montserratregular;
	text-transform: uppercase;
}
.rightCol.hasLeftSubNav {
	padding-left: 276px;
}
.leftColSub ul li a:hover {
	color: #009FFF !important;
}
.companies .alpha a {
	line-height: 20px;
}
/*@media all and (max-height:780px) {
	nav ul li ul {
		bottom:0;
		top:auto;
	}
}*/
@media all and (max-height:630px) {
	/*nav > ul > li {
		margin-top:15px;
	}
	nav {
		margin-top:15px;
	}*/
	.leftCol {
		-moz-transform: scale(0.9);
		-webkit-transform:scale(0.9);
		-ms-transform:scale(0.9);
		-o-transform:scale(0.9);
		transform:scale(0.9);
		transform-origin: left top;
	}
	.nav-icon-blue {
		bottom:15px;
	}
}
@media all and (max-height:520px) {
	.leftCol {
		-moz-transform: scale(0.7);
		-webkit-transform:scale(0.7);
		-ms-transform:scale(0.7);
		-o-transform:scale(0.7);
		transform:scale(0.7);
		transform-origin: left top;
		height:127%;
	}	
	nav > ul > li {
		margin-top:25px;
	}
	nav {
		margin-top:25px;
	}
}
.clientside .stepsDetails.CreateQuoteS2 .two-cols.see-quote .settingColLeft {
	padding-right:330px;
}
.clientside .seeLeftColSections li a {
	color:#373737;
}
.clientside .seeLeftColSections li.active {
	background:#02a2cc;	
}
.clientside .seeLeftColSections li.active a {
	color:#fff;
}
.stepsTabs.CreateQuoteTemplate.new {
	float: none; 
	margin: auto; 
	width: 31%; 
	margin-top: -41px; 
	z-index: 9; 
	border: 0; 
	padding:0;
	left: 38%;
	margin: 0;
	position: fixed;
	top: 20px;
}
.stepsDetails.CreateQuoteS2 .settingColLeft.newDesign {
	padding-right:290px;
	background:#fff;
}
.settingColLeft.newDesign .previewPage {
	padding:30px;
	background:#e4e5e6 ;
	overflow:auto;
	border-right:2px solid #CAD8DD;
}
.settingColLeft.newDesign .previewPage .inner {
	float: none;
	margin: auto;
	width: 950px;
	background: #fff;
	display: table;
	transform-origin: left top;
	border:0 !important;
	box-shadow: 0 0 10px #bbbbbb;
}
.stepsDetails.CreateQuoteS2 .settingsCol.newDesign {
	width:270px;
	padding-right:20px;
	top:22px;
	box-shadow:none;
	border:0;
}
.settingsCol.newDesign ul.detailSection li .detailSectionCol .colorSelector {
	/*width:100%;
	width:115px;
	background-color:#fff;
	background-position:right center;*/
}
/*.settingsCol.newDesign ul.detailSection li .detailSectionCol .colorSelector div {
	width:80px;
}*/
.stepsDetails.CreateQuoteS2 .settingsCol.newDesign h3 {
	padding:15px 25px;
	cursor:pointer;
	text-transform:none;
	font-size:13px;
	color:#4b4b4b;
	background:url(../images/according-arrow-down.png) no-repeat right center;
}
.stepsDetails.CreateQuoteS2 .settingsCol.newDesign h3.active {
	background:url(../images/according-arrow-up.png) no-repeat right center;
}
.stepsDetails.CreateQuoteS2 .settingsCol.newDesign .uploadifive-button {
	width:100% !important;
	margin-bottom:10px;
	background:#03a2cc !important;
	color:#fff !important;
}
.previewPageTop .previewPageCol ul li.paymentTerms {
	float: right;
	clear: both;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	display:none;
}
.salePersonName, .salePersonEmail {
	display:none;
}
.previewPageTop .previewPageCol ul li.paymentTerms.show, .salePersonName.show, .salePersonEmail.show {
	display:block !important;
}
.stepsTabs ul li a.prev {
	color:#fff;
	background:url(../images/prev_new.png) no-repeat left center;
	line-height:19px;
	padding-left:17px;
}
.stepsTabs ul li a.next {
	color:#fff;
	/*background:url(../images/next_new.png) no-repeat right center;*/
	line-height:19px;
	/*padding-right:17px;*/
}
.stepsTabs.stepsTabsNew {
	border: 0;
	z-index: 9;
	/*max-width:935px;*/
	margin: auto;
	float: none;	
	position:fixed;
	width:calc(100% - 260px);
	left:60px;
	padding:0; 
	/*margin-top:-45px;*/
	text-align:center;
	top:15px;
}
.stepsTabs.stepsTabsNew .stepsTabsNewBack {
	position:absolute;
	top:-15px;
	left:0;
	line-height:60px;
	color:#fff;
	font-size:13px;
	padding:0 22px;
}
.stepsTabs.stepsTabsNew .stepsTabsNewBack span {
	display:inline-block;
	padding-left:17px;
	background:url(../images/nav-process-arrow-back.png) no-repeat left center;
}
.stepsTabs.stepsTabsNew .stepsTabsNewBack:hover {
	background:#12151d;
}
.stepsTabs.stepsTabsNew li {
	margin-top:5px;
}
.stepsTabs.stepsTabsNew li a {
	color:#8993a6;
}
.stepsTabs.stepsTabsNew li.active a {
	color:#fff;
}
.stepsTabs.stepsTabsNew ul {
	float:none;
	margin:0;
	display:inline-block;
}
.stepsTabs.stepsTabsNew li.arrow {
	margin-top:6px;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts {
	position:absolute;
	top:-15px;
	right:-200px;
	/*width:200px;*/
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewNext, .stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewBt {
	float:left;
	padding:0 22px;
	line-height:58px;
	height:60px;
	color:#fff;
	font-size:13px;
	background:#00aeef;
	text-transform:none;
	font-weight:400;
	width:auto;
	border:0;
	border-radius:0;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewNext {
	line-height:60px;
	min-width:90px;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewBt {
	background:none;
	border:0;
	min-width:110px;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewBt:hover {
	background:#12151d;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewNext span {
	display:inline-block;
	background:url(../images/nav-process-arrow-next.png) no-repeat right center;
	padding-right:17px;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewNext.newBtDisable {
	background:#00aeef url(../images/ajax-loader-3.gif) no-repeat center center;
	transition:none !important;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewNext.newBtDisable span {
	display:none;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewBt.newBtDisable {
	background:#1f2531 url(../images/ajax-loader-4.gif) no-repeat center center;
	transition:none !important;
	text-indent:-9999px;
}
/*.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewNext:hover span {
	opacity:0.8;
}*/
.topSaveBt {
	position: fixed;
	top: 16px;
	right: 20px;
	padding: 0;
	line-height: 26px;
	width: 93px;
	font-weight: 300;
	text-transform: none;
	z-index: 99;
	text-align:center;
}
.topPreviewBt {
	position: fixed;
	top:16px;
	right: 125px;
	padding: 0;
	line-height: 26px;
	width: 93px;
	font-weight: 300;
	text-transform: none;
	z-index: 99;
	text-align:center;
}
.proposal-editor-right-col-new {
	position:absolute;
	top:20px;
	right:20px;
	width:340px;
}
.proposal-editor-right-col-new .tabsNew {
	float:left;
	width:100%;
	border: 1px solid #cad8dd;
	border-right:0;
	border-radius: 2px;
	text-transform: uppercase;
}
.proposal-editor-right-col-new .tabsNew li {
	float:left;
	width:33.33%;
	text-align: center;
	font-size: 12px;
	color: #999fac;	
	cursor: pointer;
	font-weight: 600;
	border-right: 1px solid #cad8dd;
	letter-spacing: 0.5px;
	line-height:40px;
}
/*.proposal-editor-right-col-new .tabsNew li.sections {
	border-right:0;
}*/
.proposal-editor-right-col-new .tabsNew li.active {
	color: #464b56;
  background: #f2f4f7;
}
.newContentSection {
	margin:auto;
	width:90%;
	max-width:1200px;
	margin-top:30px;
	display:table;
}
h2.newContentSectionTitle {
	color:#1f2432;
	text-transform:none;
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	border-bottom:1px solid #e6e7eb;
	padding:0 0 25px;
	margin-bottom:30px;
	letter-spacing:-1px;
}
input.newBt, .blueButtonNew {
	font-size:12px;
	color:#fff;
	line-height:40px;
	text-transform:none;
	background:#257BBF;
	padding:0 40px;
	font-weight:400;
	width:auto;
	border-radius:2px;
	text-transform:uppercase;
	border:1px solid #257BBF;
}
input.newBtWhite, a.newBtWhite {
	font-size:13px;
	color:#9aa2b3;
	line-height:40px;
	text-transform:none;
	background:none;
	padding:0 20px;
	font-weight:400;
	width:auto;
	text-transform:uppercase;
	border: 1px solid #CAD8DD;
	margin-left: 15px;
}
.blueButtonNew:hover {
	background:#00adef;	
}
input.newBtWhite:hover, a.newBtWhite:hover {
	border: 1px solid #368fcd;
	color: #368fcd;
	background:none;
}
.QuoteDashboard .newContentSection > .row.border-bottom {
	padding:0 0 30px;
	width:600px;
	float:right;
}
.newContentSectionTitle.newContentSectionTitleNoBorder {
	width:auto;
	padding-bottom:0;
	margin-bottom:0;
	border:0;
}
@media all and (max-width:850px) {
	.QuoteDashboard .newContentSection > .row.border-bottom {
		width:100%;
		margin-top:30px;
	}
	.QuoteDashboard .selectCol > ul > li > label {
		text-align:left;
		width:20%;
	}
	.QuoteDashboard .selectCol > ul > li > .select {
		width:80%;
	}
}
@media all and (max-width:650px) {
	.approvalPage .selectCol > ul > li {
		width:100% !important;
		padding-left:0;
		padding-top:10px;
	}
}
.QuoteDashboard ul.tabs.subTabs {
	margin-bottom:30px;
	border-bottom:0;
}
.QuoteDashboard ul.tabs.subTabs li {
	font-size:13px;
}
.companies .selectCol.selectColNew {
	width:615px;
	margin:0;
}
.row-border-top {
	padding:18px 0;
	border-top:1px solid #e6e7eb;
}
.autocpmlete_list li {
	font-size:12px;
}
.profileListing {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.profileListing li {
	float:left;
	width:50%;
	margin:12px 0 0;
}
.profileListing li .checkbox {
	float:left;
	padding:0 30px 0 0;
	width:auto;
	height:auto;
	line-height:23px;
	width:100%;
	background-position: right center;
}
.newBlocks {
	float:left;
	width:75% !important;
}
.newBlocks > li {
	float:left;
	width:20%;
	padding:0 7px 0 0;
	margin-top:25px;
}
.newBlocks .newBlocksInner {
	float:left;
	width:100%;
	border:1px solid #d9dbde;
	border-top:6px solid #008dc4;
}
.newBlocks > li.Viewed .newBlocksInner {
	border-top:6px solid #8c61b5;
}
.newBlocks > li.Accepted .newBlocksInner {
	border-top:6px solid #5bbe4a;
}
.newBlocks > li.Negotiable .newBlocksInner {
	border-top:6px solid #e7591a;
}
.newBlocks > li.Declined .newBlocksInner {
	border-top:6px solid #d3414f;
}
.newBlocks .newBlocksInner .newBlocksInnerTop {
	float:left;
	width:100%;
	padding:10px;
	color:#5a5a5a;
	font-size:14px;
}
.newBlocks .newBlocksInner .newBlocksInnerTop span {
	float:right;
}
.newBlocks .newBlocksInner .newBlocksInnerBottom {
	float:left;
	width:100%;
	text-align:center;
	padding:10px 0;
	font-size:18px;
	color:#5a5a5a;
	border-top:1px solid #e5e5e5;
}
.QuoteSnapshot .newContentSection .blueButtonNew {
	/*position:absolute;
	top:0;
	right:0;*/
	margin-left:5px;
}
.newDropDownMenu {
	display:none;
	position: absolute;
	top:103% !important;
	right: 0;
	border:0;
	padding:0;
	background: #fff;
	width:230px;
	border-radius:2px;
	box-shadow:0 0 5px #ccc;
}
.newDropDownMenu li, .newDropDownMenu li a {
	float:left;
	width:100%;		
}
.newDropDownMenu li a {
	padding:10px;
	color:#636363;
	text-transform:uppercase;
	color:#8891A5;
	font-weight:600;
}
.newDropDownMenu li a:hover {
	color:#fff;
	background:#00adef;
}
.snapshotleftColNew {
	float:left;
	/*width:410px;*/
	height:118px;
}
.snapshotleftColNew .blueBg {
	float:left;
	width:115px;
	height:118px;
	background:#1f2432;
	color:#fff;
	text-align:center;
	display:table;	
}
.snapshotleftColNew .blueBg .inner {
	display:table-cell;
	height:118px;
	width:115px;
	vertical-align:middle;
	font-size:13px;
}
.snapshotleftColNew .blueBg .inner span {
	display:block;
	font-size:20px;
	font-weight:700;
}
.snapshotleftColNew .value {
	float:left;
	/*width:295px;*/
	border:1px solid #e6e7eb;
	height:118px;
	display:table;
	text-align:center;
	color:#4b4b4b;
}
.snapshotleftColNew .value .inner {
	display:table-cell;
	height:118px;
	width:115px;
	vertical-align:middle;
	font-size:13px;
	padding:0 20px;
}
.snapshotleftColNew .value .inner span {
	font-size:35px;
	font-weight:700;
}
.statusNew {
	float:right;
	width:116px;
	height:118px;
	border:1px solid #03a2cc;
}
.statusNew .title {
	float:left;
	width:100%;
	text-align:center;
	color:#fff;
	line-height:28px;
	background:#03a2cc;
	text-transform:capitalize;
}
.statusNew.viewed {
	background:url(../images/viewed-icon-new.jpg) no-repeat center bottom;
}
.statusNew.draft {
	background:url(../images/statuses_draft.jpg) no-repeat center bottom;
	border:1px solid #9ea0a3;
}
.statusNew.draft .title {
	background:#9ea0a3;
}
.statusNew.pending-approval {
	background:url(../images/statuses_pending.jpg) no-repeat center bottom;
	border:1px solid #8b61a9;
}
.statusNew.pending-approval .title {
	background:#8b61a9;
}
.statusNew.sent {
	background:url(../images/statuses_sent.jpg) no-repeat center bottom;
	border:1px solid #00aeef;
}
.statusNew.sent .title {
	background:#00aeef;
}
.statusNew.expired {
	background:url(../images/statuses_expired.jpg) no-repeat center bottom;
	border:1px solid #e67a2d;
}
.statusNew.expired .title {
	background:#e67a2d;
}
.statusNew.accepted {
	background:url(../images/statuses_accepted.jpg) no-repeat center bottom;
	border:1px solid #5ebc4c;
}
.statusNew.accepted .title {
	background:#5ebc4c;
}
.statusNew.declined {
	background:url(../images/statuses_declined.jpg) no-repeat center bottom;
	border:1px solid #d5414f;
}
.statusNew.declined .title {
	background:#d5414f;
}
.statusNew.paid {
	background:url(../images/statuses_paid.jpg) no-repeat center bottom;
	border:1px solid #5ebc4c;
}
.statusNew.paid .title {
	background:#5ebc4c;
}
.statusNew.overdue {
	background:url(../images/statuses_overdue.jpg) no-repeat center bottom;
	border:1px solid #d5414f;
}
.statusNew.overdue .title {
	background:#d5414f;
}
.border-top-new {
	border-top:1px solid #e6e7eb;
	padding-top:30px;
	margin-top:30px;
}
.snapDetail {
	float:left;
	width:500px;
}
.snapDetail li {
	float:left;
	width:50%;
	margin-bottom:10px;
}
.snapDetail li span {
	font-weight:700;
	color:#1f2432;
}
.snapDetailright {
	float:right;
	width:420px;
	/*background:#f2f4f7;*/
	border:1px solid #e6e6e6;
	border-bottom:0;
}
.snapDetailright li {
	float:left;
	width:100%;
	border-bottom:1px solid #e6e6e6;
}
.snapDetailright li .icon {
	float:left;
	padding:10px 15px;
	color:#898989;
	border-right:1px solid #e6e6e6;
}
.snapDetailright li .txt {
	float:left;
	padding:10px 15px;	
	border-right:1px solid #e6e6e6;
	width:52%;
}
.snapDetailright li .txt1 {
	float:left;
	padding:10px 15px;
	width:37%;
}
.QuoteSnapshot .newContentSection .blueButtonNew.Edit-Action, .dropDownNew {
	background:#03a2cc url(../images/dropdown-icon-new.jpg) no-repeat right center !important;
	padding:0 32px 0 10px;
}
.pricing-new {
	display:list-item;
	list-style-type:none;
	padding:0 433px 0 0;
	position:relative;
}
.pricing-new .pricingleftCol {
	margin:auto;
	width:90%;
	max-width:797px;	
	padding-top:47px;	
}
.pricing-new > .tblDislay {
	overflow:auto;
	position:relative;
	z-index:1;
}
.pricing-new .pricingleftCol ul.totalTable {
	padding-bottom:47px;
}
.pricing-new .pricingleftCol .Currency label {
	float: left;
	line-height: 36px;
}
.pricing-new .pricingleftCol .Currency .select {
	width: 116px;
	float: right;
	margin-left:10px;
}
.pricing-new .pricingRightCol {
	position:absolute;
	top:0;
	right:0;
	width:440px;
	border-left:2px solid #CAD8DD;
	padding:12px 12px 12px 17px;
	background:#fff;
}
.pricing-new .pricingRightCol .mainTabs, .mainTabs {
	float:left;
	width:100%;
	border:1px solid #cad8dd;
	border-radius:2px;
	text-transform:uppercase;
}
.pricing-new .pricingRightCol .mainTabs li, .mainTabs li {
	float:left;
	width:50%;
	text-align:center;
	font-size:12px;
	color:#999fac;
	line-height:40px;
	cursor:pointer;
	font-weight:600;	
}
.pricing-new .pricingRightCol .mainTabs li:first-child, .mainTabs li:first-child {
	border-right:1px solid #cad8dd;
}
.pricing-new .pricingRightCol .mainTabs li.active, .mainTabs li.active {
	color:#464b56;
	background:#f2f4f7;
}
/*.pricing-new .pricingRightCol .mainTabs li.price-list {
	width:34%;	
}*/
.pricing-new .pricingRightCol table {
	width:100%;
	font-size:13px;
}
.pricing-new .pricingRightCol table th {
	padding:12px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#f2f4f7;
	font-weight:bold;
}
.pricing-new .pricingRightCol table td {
	padding:12px;
	border-bottom:1px solid #CAD8DD;
}
.pricing-new .pricingRightCol table td a {
	font-weight:600;
	color:#4b4b4b;
}
.pricing-new .pricingRightCol table span.textsmll {
	font-size:10px;
	display:block;
	/*color:#a5a5a5;*/
}
@media all and (max-width:1260px) {
	.stepsTabs.CreateQuoteTemplate.new {
		left:30%
	}
}
@media all and (max-width:1050px) {
	.stepsTabs.CreateQuoteTemplate.new {
		left:24%
	}
}
@media all and (max-width:950px) {
	.stepsTabs.CreateQuoteTemplate.new {
		left:20%
	}
}
@media all and (max-width:1540px) {
	/*.stepsTabs.proposalTabs ul li {
		margin-left:30px;
	}*/
}
@media all and (max-width:1500px) {
	/*.stepsTabs.proposalTabs {
		max-width: 780px;
		margin-left:10%;
	}*/
}
@media all and (max-width:1340px) {
	.stepsTabs.proposalTabs ul li {
		display:none;
	}
	.stepsTabs.proposalTabs ul li.preLi, .stepsTabs.proposalTabs ul li.nextLi {
		display:block;
	}
	/*.stepsTabs.proposalTabs {
    margin-left: 30%;
    max-width: 220px;
	}*/
}
@media all and (max-width:1060px) {
	/*.stepsTabs.proposalTabs {
    margin-left: 18%;  
	}*/
}
.mainDashboardTabs {
	float:left;
	width:100%;
}
.mainDashboardTabs li {
	float:left;
	width:25%;
	text-align:center;
	padding:30px 0;
	color:#1f2432;
	font-size:18px;
	font-weight:700;
	background:#fff;
	border-bottom:1px solid #cdced1;
	border-right:1px solid #cdced1;
	cursor:pointer;
}
.mainDashboardTabs li:last-child {
	border-right:0;
}
.mainDashboardTabs li .image {
	display:block;
	width:100%;
	background:url(../images/mainDashboard-graph.jpg) no-repeat center top;
	height:65px;
	margin-top:20px;
}
.mainDashboardTabs li.active {
	background:none;
	border-bottom:0;
}
.mainDashboardTabs li.active .image {
	background:url(../images/mainDashboard-graph-active.jpg) no-repeat center top;
}
.mainDashboardDetail {
	padding:30px 30px 30px 20px;
}
.mainDashboardDetail .mainDashboardLeftCol {
	float:left;
	width:75%;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks {
	float:left;
	width:100%;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li {
	float:left;
	width:20%;
	padding-left:10px;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner {
	float:left;
	width:100%;
	background:#fff;
	border-top:6px solid #008dc4;
	min-height:106px;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner.viewed {
	border-top:6px solid #8c61b5;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner.accepted {
	border-top:6px solid #5bbe4a;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner.commented {
	border-top:6px solid #e7591a;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner.declined {
	border-top:6px solid #d3414f;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner .mainDashboardBlocksTop, .mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner .mainDashboardBlocksBottom {
	float:left;
	width:100%;
	padding:14px 20px;
	color:#5a5a5a;
}
.mainDashboardDetail .mainDashboardLeftCol ul.mainDashboardBlocks li .inner .mainDashboardBlocksBottom {
	text-align:center;
	font-size:18px;
	border-top:1px solid #e5e5e5;
}
.mainDashboardDetail .mainDashboardLeftCol .mainDashboardLeftColGraph {
	margin-top:10px;		
	padding-left:10px;
}
.mainDashboardDetail .mainDashboardLeftCol .mainDashboardLeftColGraph .inner {
	float:left;
	width:100%;
	background:#fff;
	height:339px;
	padding:20px;
}
.mainDashboardDetail .mainDashboardRightCol {
	float:right;
	width:25%;
	padding-left:20px;
}
.mainDashboardDetail .mainDashboardRightCol li {
	float:left;
	width:100%;
	margin:0 0 10px;
	background:#fff;
	padding:20px 0;
	font-size:15px;
	color:#4b4b4b;
	text-align:center;
}
.mainDashboardDetail .mainDashboardRightCol li.half {
	width:48%;
}
.mainDashboardDetail .mainDashboardRightCol li.half.right {
	float:right;
}
.mainDashboardDetail .mainDashboardRightCol li:last-child {
	margin-bottom:0;
}
.mainDashboardDetail .mainDashboardRightCol li span {
	display:block;
	font-size:30px;
	font-weight:700;
	margin-top:5px;
}
.mainDashboardDetail .mainDashboardRightCol li.half span {
	color:#0086be;
}
/*.mainDashboardDetail .mainDashboardLeftCol .newGraph {
	width:100% !important;
}*/
.pricingTblNew tr td:nth-child(2) {
	padding-left: 12px;
  padding-right: 0;
}
.pricingTblNew tr td:nth-child(2) input {
	text-align:left;
}
.pricingTblNew tr td:nth-child(4) input {
	text-align:center;
}
.pricingTblNew tr td:nth-child(5) {
  padding-right:12px;
}
#existing-documents .tableRowED {
	overflow:auto;
}
#modulesDetail ul li {
	margin:0 0 17px 0;
}
body.noHeaderIcons header .pull-right, body.noHeaderIcons header nav {
	display:none;
}
#listing_results td span {
	font-size:11px;
	font-weight:400;
}
.login-new {
	background:#364153;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.login-new .login-container a {
	margin-top:15px;
}
.registration-new {
	background:#3c465d;	
}
.registration-new .logo-bottom {
	position:fixed;
	bottom:25px;
	right:25px;
	background:url(../images/bottom-logo.png) no-repeat center center;
	width:124px;
	height:37px;
}
.registration-new .wrapper {
	margin:auto;
	width:90%;
	max-width:1380px;
}
.registration-new ul.topSteps {
	float:left;
	width:100%;
	margin:30px 0 0;
	background:url(../images/white-line-bg.jpg) repeat-x center 21px; 
	text-align:center;
}
.registration-new ul.topSteps li {
	display:inline-block;
}
.registration-new ul.topSteps li .No {
	display:inline-block;
	width:42px;
	height:42px;
	background:#fff;
	color:#3c465d;
	font-weight:700;
	line-height:32px;
	border-radius:50%;
	border:5px solid #3c465d;
}
.registration-new ul.topSteps li .label {
	clear:both;
	color:#fff;
	display:inline-block;
	width:100%;
	margin-top:5px;
	font-size:13px;
	text-transform:uppercase;
}
.registration-new ul.topSteps li.pull-left .No {
	float:left;
}
.registration-new ul.topSteps li.pull-left .label {
	float: left;
	width: 80px;
	margin-left: -17px;
}
.registration-new ul.topSteps li.pull-right .No {
	float:right;
}
.registration-new ul.topSteps li.pull-right .label {
	float: right;
	width: 110px;
	margin-right: -35px;
}
.registration-new ul.topSteps li .No.active {
	background:#00aeef;
	color:#fff;
}
.registration-new .step-1-container, .registration-new .step-2-container, .registration-new .step-3-container {
	margin:auto;
	margin-top:100px;
	width:90%;
	max-width:430px;
}
.registration-new .step-2-container {
	max-width:670px;
	margin-top:70px;
}
.registration-new .step-3-container {
	max-width:840px;
}
.registration-new h2 {
	color:#fff;
	float:left;
	width:100%;
	text-align:center;
	font-weight:700;
	font-size:26px;
	text-transform:none;
}
.registration-new p.largeText {
	font-size:18px;
	float:left;
	width:100%;
	text-align:center;
	margin:28px 0;
	color:#fff;
}
.width-430 {
	margin:auto;	
	width:100%;
	max-width:430px;
}
.width-430 .row {
	position:relative;
}
.width-430 .row label {
	position: absolute;
	top: 24px;
	left: -79px;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	text-align: left;
	width: 100px;
}
.registration-new .step-2-container p.largeText {
	font-size:16px;
	margin:20px 0 7px;
}
.registration-new .step-3-container p.largeText {
	font-size:16px;	
	margin:10px 0 0;
}
/*.registration-new input {
	margin-top:13px;
}*/
.registration-new input[type="submit"] {
	margin:40px 0;
}
.registration-new input.half {
	width:49%;
}
.registration-new .halfColText {
	float:right;
	line-height:36px;
	color:#fff;
	width:49%;	
}
.registration-new .select {
	height:36px;
	margin-top:13px;
}
.registration-new .select-options {
	top:100%
}
.registration-new .select-options li {
	padding:9px 12px 9px 12px;
}
.whiteBtNew {
	float:left;
	width:100%;
	background:#fff;
	color:#00a1cc;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	line-height:56px;
	margin:30px 0 50px;
	border-radius:2px;
}
.whiteBtNew:hover {
	background:rgba(255,255,255,0.9);
}
.registration-new h3 {
	font-size:16px;
	font-weight:700;
	float:left;
	width:100%;
	text-align:center;
	text-transform:none;
	color:#fff;
}
.registration-new p.smallTxt {
	float:left;
	width:100%;
	text-align:center;
	color:#fff;
	margin-top:10px;
}
.registration-new-1 ul.colors {
	float:left;
	width:100%;
	/*background:#fff;*/
	border-radius:2px;
	padding:20px 0 35px;
	margin-top:20px;
  margin-left: -7px;
}
.registration-new-1 ul.colors li {
	float:left;
	width:55px;
	height:55px;
	margin-left:7px;
	border-radius:2px;
	/*background:#040707;*/
	cursor:pointer;
	padding:8px;
}
.registration-new-1 ul.colors li span {
	background:#00aeef;
	width:100%;
	height:100%;
	float:left;
}
.registration-new-1 ul.colors li.color2 span {
	background:#3b92ce;
}
.registration-new-1 ul.colors li.color3 span {
	background:#5cbd70;
}
.registration-new-1 ul.colors li.color4 span {
	background:#178a43;
}
.registration-new-1 ul.colors li.color5 span {
	background:#e68441;
}
.registration-new-1 ul.colors li.color6 span {
	background:#da643f;
}
.registration-new-1 ul.colors li.color7 span {
	background:#c3485a;
}
.registration-new-1 ul.colors li.color8 span {
	background:#c42f41;
}
.registration-new-1 ul.colors li.color9 span {
	background:#a890c3;
}
.registration-new-1 ul.colors li.color10 span {
	background:#936aae;
}
.registration-new-1 ul.colors li.color11 span {
	background:#e170ac;
}
.registration-new-1 ul.colors li.color12 span {
	background:#b24699;
}
.registration-new-1 ul.colors li.color13 span {
	background:#8993a6;
}
.registration-new-1 ul.colors li.color14 span {
	background:#1e2533;
}
.registration-new-1 ul.colors li.active {
	/*background-image:url(../images/selected-color-tick.png);
	background-position:center center;
	background-repeat:no-repeat;*/
	background:#fff;
	outline: 1px solid #ccc;
}
header .pull-right ul li.settingDropDown a.Options:hover, header .pull-right ul li.settingDropDown a.active {
	/*background:#fff url(../images/cog-new-hover.png) no-repeat center 18px;*/
	background-color:#12151d;
	opacity:1;
}
header .pull-right ul li.settingDropDown ul {
	background:#fff;
	/*border:1px solid #29456b;
	border-top:0;
	right:-1px;*/
	border-radius:10px;
	box-shadow:0 0 8px #ccc;
	width:275px;
}
header .pull-right ul li.settingDropDown ul li {
	float:left;
	width:100%;	
	border-bottom:1px solid #e2eaee;
	color:#424a56;
	font-size:13px;
}
header .pull-right ul li.settingDropDown ul li.nameLi {
	padding:15px;
	font-weight:600;
}
header .pull-right ul li.settingDropDown ul li:last-child {
	border:0;
}
header .pull-right ul li.settingDropDown ul li a {
	color:#424a56;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
}
header .pull-right ul li.settingDropDown ul li .name {
	float: left;
	padding: 7px;
	background: #03aeef;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 17%;
}
header .pull-right ul li.settingDropDown ul li .nameRight {
	float:left;
	width:77%;
	margin-left:5%;
}
header .pull-right ul li.settingDropDown ul li .email {
	display:block;
	color:#8f98aa;
	font-weight:normal;
}
header .pull-right ul li.settingDropDown ul li a:hover {
	background:#03aeef;
	color:#fff;
	text-decoration:none;
}
header .pull-right ul li.settingDropDown ul li:last-child a {
	border-radius:0 0 10px 10px;
}
/*header .pull-right ul li.settingDropDown ul li a.logOut {
	border-top: 1px solid #e1e1e1;
	color:#29456b;
}*/
header .pull-right .searchForm {
	width:0;	
	padding:0;
	overflow:hidden;
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}
header .pull-right .searchForm.open {
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
	width:300px;
}
header .pull-right .searchForm input {
	margin:11px 0;
}
header .pull-right .searchForm {
	/*margin-right:-40px;*/
	float:left;
}
header .pull-right ul li a.Search {
	background-color:transparent !important;
}
header .pull-right ul li a.Search:hover, header .pull-right ul li a.Search.active {
	/*background-image:url(../images/search-hover.png);*/
	background-color:#12151d !important;
}
.new-role h3 {
	text-transform:none;
	color:#636363;
	font-size:15px;
}
.new-role .checkbox {
	float:right;
	padding-left:21px;
}
.editorAddVideo {
	height:400px;
	background:#f3f4f7;
	display:table;
	margin-bottom:10px;
}
.editorAddVideo .fa-play {
	vertical-align: middle;
	display: table-cell;
	font-size: 70px;
	width:100%;
}
.editorAddVideo span {
	position:absolute;
	top:calc(50% - 30px);
	left:calc(50% - 43px);
	width:86px;
	height:61px;
	background:url(../images/editor_upload_video.png) no-repeat center center;
	cursor:pointer;
	display:none;
	z-index:1;
}
.editorAddVideo:hover span {
	display:block;
}
/*.editorAddVideo span:hover {
	opacity:0.7;
}*/
.VideoSizeBts {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.6);
	padding:10px;
	display:none;
}
.sort:hover .VideoSizeBts, .sort.focus .VideoSizeBts {
	display:block;
}
.VideoSizeBts a {
	color:#fff;
}
.VideoSizeBts a {
	float:left;
	margin-right:5px;
}
.VideoSizeBts a.changeVideo, .VideoSizeBts a.removeVideo {
	float:right;
	margin:0;
}
.VideoSizeBts a.removeVideo {
	margin-left:10px;
}
.editorAddVideo iframe {
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
}
.searchPopup {
	border:0 !important;
	/*border-bottom:0 !important;*/	
	background:url(../images/search-arrow.png) no-repeat 39px top !important;
	padding-top:6px !important;
	position:absolute;
	top: 50px;
 	right:180px;
	width:300px;
	z-index:999;
	display:none;
}
.searchPopup li {
	background:#fff !important;
	border:0 !important;
	border-bottom:1px solid #dadada !important;	
	color:#4c4c4c;
	font-size:13px !important;
	padding:0 !important;
	margin:0 !important;
	border-left:1px solid #dadada !important;
	border-right:1px solid #dadada !important;
	float:left;
	width:100%;
	cursor:pointer;
}
.searchPopup li:first-child {
	border-top:1px solid #dadada !important;
}
.searchPopup li:hover {
	background:#eee !important;
	border:0 !important;
	border-bottom:1px solid #dadada !important;
	border-left:1px solid #dadada !important;
	border-right:1px solid #dadada !important;
}
.searchPopup li:first-child:hover {
	border-top:1px solid #dadada !important;
}
.searchPopup li span {
	float:left;	
	padding:7px 15px;	
	color:#4c4c4c;
	width:40%;	
}
.searchPopup li div {
	float:left;
	width:60%;
	padding:7px 0 7px 15px;
	border-left:1px solid #dadada !important;
  min-height: 32px;
}
.bottomBar {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.8);
}
.bottomBarInner {
	float:left;
	width:100%;
	padding:20px;
}
.bottomBarInner .bottomBarInnerContainer {
	margin:auto;
	width:100%;
	color:#fff;
	font-size:18px;
}
.bottomBarInner .bottomBarInnerContainer a {
	color:#fff;
	border-bottom:3px solid #00a0cd;
}
.bottomBarInner .bottomBarInnerContainer a:hover {
	border-bottom:3px solid rgba(0,0,0,0);
}
.seeColMedium .tabsNew {
	float: left;
  width: 100%;
}
.seeColMedium .tabsNew li {
	float: left;
	width: 50%;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #f3f4f8;
	text-align: center;
	line-height: 37px;
	cursor: pointer;
}
.seeColMedium .tabsNew li.sections {
	border-right:0;
}
.seeColMedium .tabsNew li.active {
	border-bottom: 0;
	background: #fff;
	cursor: default;
}
.seeColMedium.seeProposalColMedium {
	top:0;
	padding:0;
}
.seeColMedium.seeProposalColMedium ul.seeColSmallComments {
	padding:0 15px;
}
.seeColMedium.seeProposalColMedium .seeLeftColSections {
	margin:20px 0 0;
	border-top:0;
}
.seeColMedium.seeProposalColMedium .seeLeftColSections li {
	padding:10px 15px;
}
.subscription {
	float:left;
	width:calc(100% + 15px);
	margin-left:-15px;
	padding-bottom:45px;
	margin-bottom:50px;
}
.subscription li {
	float:left;
	width:calc(33.33% - 15px);
	margin-left:15px;
	border:1px solid #d5d6d9;
	text-align:center;
	padding:20px;
	color:#1d232f;
	font-size:25px;
	font-weight:700;
	cursor:pointer;
	position:relative;
}
.subscription li a {
	position:absolute;
	bottom:-46px;
	left:35%;
	display:none;
}
.subscription li.active a, .subscription li:hover a {
	display:block;
}
.subscription li span {
	color:#03a2cc;
	float:left;
	width:100%;
	font-size:16px;
	font-weight:600;
	margin-top:10px;
}
.subscriptionTbl {
	margin-top:50px;
}
.subscriptionTbl th {
	color:#1f2432;
	font-weight:600;
	font-size:15px;
	padding-bottom:15px;
	border-bottom:1px solid #e6e6e6;
	text-align:left;
}
.subscriptionTbl td {
	padding:15px 0;
	border-bottom:1px solid #e6e6e6;
}
.editableDiv:empty:not(:focus):before {
	content: attr(data-text);
	/*color:#8993a6;*/
}
.signature-col .preview-signature_base {
	background:none !important;
	line-height:normal !important;
	height:auto !important;
	text-align:left !important;
	border:0 !important;	
}
header nav {
	float:left;
	margin:0;
	width:auto;
}
header nav > ul {
	float:left;
	width:auto;
}
header nav > ul > li {
	float:left;
	width:auto;
	margin:0;
}
header nav > ul > li > a {
	float:left;
	font-size:13px;
	color:#000000;
	padding:0 13px;
	line-height:60px;
}
header nav > ul > li:hover > a, header nav > ul > li > a.active {
	background:#12151d;
	color:#fff;
	opacity:1;
}
header nav > ul > li > a span.hasSubNav {
	background:url(../images/menu-dropdown-arrow.png) no-repeat right center;
	padding-right:16px;
}
header nav > ul > li:hover > a span.hasSubNav {
	background:url(../images/menu-dropdown-arrow-hover.png) no-repeat right center;
	padding-right:16px;
}
/*header nav > ul > li > a.active span {
	border-bottom: 2px solid #00aeef;
  padding-bottom: 5px;
}*/
header nav > ul > li > ul {
	position:absolute;
	top:60px;
	background:#12151d;
	width:200px;
	left:0;
	padding-bottom:12px;
	-webkit-transition: all .25s ease;
 	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
header nav > ul > li > ul a {
	background:#12151d;
}
header nav > ul > li:hover > ul {
	display:block;
}
header nav ul li ul li a {
	padding:7px 20px;
	font-size:13px;
}
.dashboardNew {
	padding-bottom:0;
}
.dashboardNew .titleRow {
	padding:30px 30px 10px;
	position:relative;
	background:#fff;
}
.dashboardNew .titleRow h2 {
	float:left;
	font-size:26px;
	font-weight:600;
	color:#424956;
	width:auto;
}
.dashboardNew .titleRow ul.tabs {
	position:absolute;
	top:36px;
	left:0;
	width:100%;
	text-align:center;
}
.dashboardNew .titleRow ul.tabs li {
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#8891A5;
	cursor:pointer;
	margin:0 27px;
	padding-bottom:17px;
	text-transform:uppercase;
}
.dashboardNew .titleRow ul.tabs li.active, .dashboardNew .titleRow ul.tabs li:hover {
	border-bottom:3px solid #00aeef;
	color:#424956;
}
.dashboardNew .titleRow ul.filter {
	float:right;
	position:relative;
}
.dashboardNew .titleRow ul.filter li {
	float:left;
	width:75px;
	border:1px solid #CAD8DD;
	line-height:31px;
	text-align:center;
	font-size:13px;
	color:#8891a5;
	font-weight:600;
	border-radius:2px;
	margin-left:6px;
	cursor:pointer;
	background:#f2f4f8;
}
.dashboardNew .titleRow ul.filter li:hover {
	background:#fff;
}
.dashboardNew .titleRow ul.filter li.active {
	color:#fff;
	background:#00aeef !important;
	border-color:#00aeef !important;
}
.dashboardNew .detailRow {
	/*background:#f5f6f7;*/
	padding:16px 30px;
	border-top:1px solid #CAD8DD;
}
.dashboardNew .detailRow ul.col-3 {
	float:left;
	width:calc(100% + 16px);
	margin-left:-16px;
}
.dashboardNew .detailRow ul.col-3 li {
	float:left;
	width:33.33%;	
	padding-left:16px;
}
.dashboardNew .detailRow ul.col-3 li .inner {
	float:left;
	width:100%;
	/*border:1px solid #CAD8DD;*/
	padding:29px 0;
	background:#fff;
	display:table;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.18);
}
.dashboardNew .detailRow ul.col-3 li .left-col {
	/*float:left;*/
	display:table-cell;
	vertical-align:middle;
	width:150px;
	text-align:center;
	border-right:2px solid #00abef;
	color:#00abef;
	font-size:18px;
	font-weight:600;
	background:url(../images/blue-down.svg) no-repeat center top;
	background-size:43px;
	padding-top:62px;
}
.dashboardNew .detailRow ul.col-3 li .left-col.arrow-up {
	background:url(../images/blue-up.svg) no-repeat center top;
	background-size:43px;
}
.dashboardNew .detailRow ul.col-3 li .right-col {
	/*float:left;*/
	padding-left:60px;
	padding-right:30px;
	display:table-cell;
	vertical-align:middle;
	font-size:38px;
	color:#424956;
	font-weight:600;
	width:calc(100% - 220px);
}
.dashboardNew .detailRow ul.col-3 li .right-col span {
	display:block;
	color:#00abef;
	font-weight:600;
	font-size:18px;
	clear:both;
	margin-top:9px;
}
.dashboardNew .detailRow ul.col-3 li.green .left-col {
	border-right:2px solid #63bc4f;
	color:#63bc4f;
	background:url(../images/green-down.svg) no-repeat center top;
	background-size:43px;
}
.dashboardNew .detailRow ul.col-3 li.green .left-col.arrow-up {
	background:url(../images/green-up.svg) no-repeat center top;
	background-size:43px;
}
.dashboardNew .detailRow ul.col-3 li.green .right-col span {
	color:#63bc4f;
}
.dashboardNew .detailRow ul.col-3 li.red .left-col {
	border-right:2px solid #c34759;
	color:#c34759;
	background:url(../images/red-arrow-down.png) no-repeat center top;
}
.dashboardNew .detailRow ul.col-3 li.red .left-col.arrow-up {
	background:url(../images/red-arrow-up.png) no-repeat center top;
}
.dashboardNew .detailRow ul.col-3 li.red .right-col span {
	color:#c34759;
}
.dashboardNew .detailRow#QuoteDetail ul.col-3 li.red .left-col, .dashboardNew .detailRow#ProposalDetail ul.col-3 li.red .left-col {
	border-right:2px solid #e47a2b;
	color:#e47a2b;
	background:url(../images/orange-down.svg) no-repeat center top;
	background-size:43px;
}
.dashboardNew .detailRow#QuoteDetail ul.col-3 li.red .left-col.arrow-up, .dashboardNew .detailRow#ProposalDetail ul.col-3 li.red .left-col.arrow-up {
	background:url(../images/orange-up.svg) no-repeat center top;
	background-size:43px;
}
.dashboardNew .detailRow#QuoteDetail ul.col-3 li.red .right-col span, .dashboardNew .detailRow#ProposalDetail ul.col-3 li.red .right-col span {
	color:#e47a2b;
}
.dashboardNew .detailRow ul.col-3 li .left-col.no-arrow {
	background:none !important;
	padding: 31px 0 !important;
}
.dashboardNew .detailRow ul.col-2 {
	float:left;
	width:calc(100% + 16px);
	margin:16px 0 0 -16px;
}
.dashboardNew .detailRow ul.col-2 li {
	float:left;
	width:50%;
	padding-left:16px;
}
.dashboardNew .detailRow ul.col-2 .inner {
	float:left;
	width:100%;
	/*border:1px solid #CAD8DD;*/
	padding:24px 24px 12px;
	background:#fff;
	height:400px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.18);
}
.dashboardNew .detailRow ul.col-2 .inner table a {
	color:#3E91CE;
}
.dashboardNew .detailRow ul.col-2 h3 {
	float:left;
	font-weight:700;
	font-size:16px;
	color:#424956;
	margin:0 0 20px;
	text-transform:uppercase;
}
.dashboardNew .detailRow ul.col-2 th, .dashboardNew .detailRow ul.col-2 td {
	background:#f2f4f7;
	border-top:1px solid #e6e6e6;
	padding:12px;
	font-size:13px;
	color:#424956;
}
.dashboardNew .detailRow ul.col-2 th {
	text-transform:uppercase;
	/*color:#3c92cf;*/
	font-size:12px;
	font-weight:600;
}
.dashboardNew .detailRow ul.col-2 td {
	background:none;
}
.dashboardNew .detailRow ul.col-2 td a:hover {
	text-decoration:underline;
}
.dashboardNew .detailRow ul.col-2 td.red {
	color:#d3414f;
}
.dashboardNew .detailRow ul.col-2 td span {
	display:block;
	font-size:10px;
	color:#6e6e6e;
}
.dashboardNew .detailRow ul.col-4 {
	float:left;
	width:calc(100% + 16px);
	margin:16px 0 0 -16px;
}
.dashboardNew .detailRow ul.col-4 li {
	float:left;
	width:25%;
	padding-left:16px;
}
.dashboardNew .detailRow ul.col-4 .inner {
	float:left;
	width:100%;
	/*border:1px solid #CAD8DD;*/
	padding:37px 0 40px;
	background:#fff;
	text-align:center;
	font-size:38px;
	color:#424956;
	font-weight:bold;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.18);
}
/*.dashboardNew .detailRow ul.col-4 .inner.blue {
	color:#3E91CE;
}*/
.dashboardNew .detailRow ul.col-4 .inner span {
	display:block;
	color:#424956;
	font-size:15px;
	margin-top:15px;
	font-weight:600;
}
.dashboardNew .detailRow ul.col-2 .canvas-holder {
	float:left;
	width:250px;
	height:250px;
}
.chartContainer {
	float:left;
	position:relative;
	z-index:1;
}
.canvasjs-chart-credit {
	display:none !important;
}
.chartContainerParent {
	/*float:left;*/
	width:570px;	
	text-align:center;
	margin:auto;
	display:table;
}
.chartContainerParent .chartContainerParentLeft {
	float:left;
	width:285px;
	position:relative;
}
.chartContainerParent .text {
	position:absolute;
	top:112px;
	left:53px;
	width:180px;
	text-align:center;
	font-size:38px;
	color:#1d232f;
	font-weight:600;
}
.chartContainerParent .text span {
	font-weight:normal;
	font-size:15px;
	color:#4b4b4b;
	display:block;	
}
.chartContainerParent ul {	
	width:270px !important;
	font-size:13px;
	float:right;
	margin-top:81px;
	font-weight:600;
}
.chartContainerParent ul li {
	float:left;
	width:100% !important;
	margin-top:13px !important;
	padding:0 !important;
	line-height:13px;
	font-size:13px;
}
.chartContainerParent ul li .dot {
	float:left;
	width:13px;
	height:13px;
	border-radius:50%;
	background:#737474;
}
.chartContainerParent ul li .dot.purple {
	background:#926aad;
}
.chartContainerParent ul li .dot.orange {
	background:#e47a2b;
}
.chartContainerParent ul li .dot.blue {
	background:#00aeee;
}
.chartContainerParent ul li .dot.green {
	background:#6bbe57;
}
.chartContainerParent ul li .dot.red {
	background:#d3414f;
}
.chartContainerParent ul li .Number {
	float:left;
	margin-left:18px;
	width:35px;
	font-weight:600;
	text-align:left;
	color:#424956;
}
.chartContainerParent ul li .label {
	float:left;
	color:#424956;
	font-weight:600;
	width:80px;
	text-align:left;
}
.chartContainerParent ul li .amount {
	color:#8791a4;
	float:left;
	text-align:left;
}
.fakeCircle {
	position:absolute;
	top:27px;
	left:13px;
	width:259px;
	height:259px;
	border:40px solid #efefef;
	border-radius:50%;
}
.bodyBg {
	background:#f8f9fb;
}
.newDesignTop {
	background:#fff;
	border-bottom:1px solid #CAD8DD;
	padding:30px 0 23px !important;
}
.newDesignTop h2.newContentSectionTitle {
	color:#424956;
	text-transform:none;
	font-size:26px;
	font-family:'Open Sans', sans-serif;
	padding:0;	
	letter-spacing:-1px;
	border:0;
	margin:0;
	font-weight:600;
	line-height:40px;
}
.newDesignTop .newDesignSection {
  margin: auto;
	width: 90%;
	max-width: 1200px;	
	display: table;
}
.newDesignTop .row {
	padding:0 !important;
}
.newDesignTop .filterNew {
	float:left;
	margin-top:15px;
	width:auto;
}
.newDesignTop .filterNew > li {
	float:left;
	margin-right:8px;
}
.newDesignTop .filterNew > li.bg select, .newDesignTop .filterNew > li.bg input {
	/*background-color:#fafcfd;*/
}
.newDesignTop .filterNew input:hover {
	border: 2px solid #8991a5 !important;
}
.newDesignTop .filterNew input.focused {
	border: 2px solid #3E91CE !important;
}
.calenderNew {
	background-image:url(../images/cal-1.svg);
	background-repeat:no-repeat;
	background-position:calc(100% - 12px) center;
	padding-right:40px !important;
	background-size:18px;
}
.calenderNew:focus {
	background-image:url(../images/cal-2.svg);
}
/*.searchNew {
	background:url(../images/search-icon-new.png) no-repeat right center !important;
	background-size:contain !important;
}
.searchNew:focus {
	background:url(../images/search-icon-new-hover.png) no-repeat right center !important;
	background-size:contain !important;
}*/
.total-results {
	font-size: 15px;
	font-weight: 600;
	color: #8891a5;
	margin-top: 15px;
	line-height: 32px;
}
.newDesignTop .filterNew > li.small {
	width:120px;
}
.newDesignTop .filterNew > li.large {
	width:298px;
	position:relative;
}
.newDesignTop .filterNew > li.large .searchNew {
	padding-left:34px;
}
.newDesignTop .filterNew > li.large .fa {
	position: absolute;
	left: 14px;
	top: 14px;
	color:#bac4d8;
}
.newDesignTop .filterNew > li.large a {
	position:absolute;
	top:1px;
	right:1px;
	width:38px;
	height:38px;
	background:#fafcfd url(../images/search-icon-new.svg) no-repeat center center;
	background-size:50%;
	border-left:1px solid #d5dde0;
	border-radius:0 2px 2px 0;
	display:none;
}
.newDesignTop .filterNew > li.large:hover a {
	top:2px;
	right:2px;
	width:36px;
	height:36px;
	border-left:2px solid #8991a5 !important;
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}
.newDesignTop .filterNew > li.large a.focused {
	top:2px;
	right:2px;
	width:36px;
	height:36px;
	background:#fafcfd url(../images/search-icon-new-blue.svg) no-repeat center center;
	background-size:50%;
	border-left:2px solid #3E91CE !important;
}
.newDesignTop .filterNew > li.large a:hover, .newDesignTop .filterNew > li.large a.focused:hover {
	/*background:url(../images/search-icon-new-selected.png) no-repeat center center;
	background-size:contain !important;*/
	background:#3c92cf url(../images/search-icon-new-white.svg) no-repeat center center;
	background-size:50%;
	border-left:1px solid #3c92cf !important;
	top:1px;
	right:1px;
	width:38px;
	height:38px;
}
.newDesignTop .filterNew > li.large a.focused:hover {
	border-left:2px solid #3c92cf !important;
}
.newDesignTop .filterNew > li.medium {
	width:150px;
}
.newTableDesign {
	float:left;
	width:100%;
	padding-top:10px;
}
.newTableDesign th {
	padding:15px 22px;
	color:#3c92cf;
	font-weight:600;
	text-align:left;
	font-size:13px;
	text-transform:uppercase;
}
.newTableDesign tbody tr:not(.paginationNew) {
	font-size:13px;
	width:100%;
	/*outline:1px solid #cad8dd;*/	
}
.newTableDesign tr:not(.paginationNew) td {
	padding:12px 22px;
	color:#424956;
	border-bottom:1px solid #cad8dd;
	border-top:1px solid #cad8dd;
	background:#fff;
	height:67px;
	font-weight:600;
	line-height:16px;
}
.newTableDesign tr:not(.paginationNew) td.red {
	color:#d3414f;
}
.newTableDesign tr:not(.paginationNew) td:first-child {
	border-left:1px solid #cad8dd;
}
.newTableDesign tr:not(.paginationNew) td:last-child {
	border-right:1px solid #cad8dd;
}
.tblCircle {
	width:18px;
	height:18px;
	border-radius:50%;
	background:#00adef;
	display:block;
}
.tblCircle.Declined {
	background:#d3414e;
}
.tblCircle.Expired {
	background:#e47a2b;
}
.tblCircle.Approval {
	background:#8b60a8;
}
.tblCircle.Accepted {
	background:#5fbb4b;
}
.tblCircle.Draft {
	background:#8d8d8d;
}
.newTableDesign tbody tr.blankTr {
	border:0 !important;
	background:none;
}
.newTableDesign tbody tr.blankTr td {
	border:0 !important;
	background:none;
}
.newTableDesign tbody tr.blankTr td {
	height:10px;
	padding:0;
}
.newTableDesign tbody tr td.arrowTbl {
	width:41px;
	background:url(../images/tbl-down-arrow.png) no-repeat center center;
	border-left:1px solid #d5dde0;
	cursor:pointer;
	position:relative;
}
.newTableDesign tbody tr:hover td, .newTableDesign tbody tr.active td {
	border-color:#3e91ce !important;
}
.newTableDesign tbody tr:hover td.arrowTbl, .newTableDesign tbody tr.active td.arrowTbl {
	border-color:#3e91ce;
	background:#3e91ce url(../images/tbl-down-arrow-hover.png) no-repeat center center;
}
.newTableDesign tbody tr.active td.arrowTbl {
	background:#3e91ce url(../images/tbl-down-arrow-active.png) no-repeat center center;
}
.newTableDesign tbody tr td.arrowTbl .tblDropDown {
	position:absolute;
	top:67px;
	right:-1px;
	width:179px;
	/*border:1px solid #d5dde0;*/
	border-radius:2px;
	background:#fff;
	padding:0;
	display:none;
	z-index:1;
	box-shadow: 0 0 8px #ccc;
}
.newTableDesign tbody tr td.arrowTbl .tblDropDown li {
	float:left;
	width:100%;	
	font-size:13px;
	color:#4b4b4b;
}
.newTableDesign tbody tr td.arrowTbl .tblDropDown li a {
	display:block;
	padding:8px 15px;
	font-size:13px;
	color:#4b4b4b;
	font-weight:400;
}
.newTableDesign tbody tr td.arrowTbl .tblDropDown li a:hover {
	background:#3e91ce;
	color:#fff;
	text-decoration:none;
}
.newTableDesign tbody tr.active td.arrowTbl .tblDropDown {
	display:block;
}
.newTableDesign tbody tr td span.smllTxt {
	color:#9a9ea9;
	font-size:11px;
	font-weight:400;
}
.newTableDesign tbody tr td .mainLink {
	color:#424956;
	font-weight:600;
}
.newTableDesign .pagination {
	margin-top:60px !important;
}
.newDesignTop .blueButtonNew {
	background:#3e91ce;
	font-size:13px;
	line-height:40px;	
	padding:0 40px;
	border-radius:2px;
	border:1px solid #257BBF;
}
.newDesignTop .blueButtonNew:hover {
	background-color:#00adef;
	border:1px solid #257BBF;
}
.newDesignTop .blueButtonNew.Edit-Action {
	float:right;
	background:#3E91CE url(../images/newDropDownArrow.png) no-repeat calc(100% - 10px) center;	
	padding-right:60px;
	padding-left:25px;
	line-height:40px;	
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
}
.newDesignTop .blueButtonNew.Edit-Action:hover {
	/*background-color:#00adef;
	border:1px solid #257BBF;*/
	background-color:#00adee;	
}
.newDesignTop .blueButtonNew.Edit-Action.active {
	background-color:#3E91CE;	
}
.redColorNew {
	color:#d3414e !important;
}
.send-reminder {
	display:inline-block;
	color:#00aeef;
	border:1px solid #00aeef;
	padding:8px 10px;
}
.select-options.option_by_status, .select-options.option_showclient {
	max-height:none;
	top:90%;
	width:200px !important;
}
.select-options.option_by_status li, .select-options.selected_showclient li {
	border-bottom:0 !important;
	padding:6px 12px !important;
	position:relative;
}
.select-options.option_by_status li:hover, .select-options.selected_showclient li:hover {
	color:#fff;
	background:#00adee;
}
.selected_by_status.select-styled, .selected_showclient.select-styled {
	background:#fff url(../images/tbl-down-arrow.png) no-repeat 93px center;
	color:#424956 !important;
}
.selected_by_status.select-styled:hover, .selected_showclient.select-styled:hover {
	background:#f9fbfd url(../images/tbl-down-arrow.png) no-repeat 93px center;
	border:2px solid #8991a5 !important;
}
.selected_currency.select-styled:hover, .select-styled.selected_filter_doc:hover {
	border:2px solid #8991a5 !important;
}
.selected_by_status.select-styled.active, .selected_showclient.select-styled.active {
	background:#f9fbfd url(../images/tbl-down-arrow.png) no-repeat 93px center;
	color:#3c92cf;
	border:2px solid #3c92cf !important;
	box-shadow:none !important;
}
.select-options.option_by_status li.line, .select-options.selected_showclient li.line {
	background:#e6e6e6 !important;
	height:1px !important;
	padding:0 !important;
	width:calc(100% - 24px);
	margin:12px;
	cursor:default !important;
}
.whiteBgNew {
	background:#fff;
	float:left;
	border:1px solid #c9d8dd;
	width:100%;
	padding:40px;
	margin-bottom:40px;
}
.pricingTblNew td {
	position:relative;
}
.pricingTblNew td .removerow {
	position:absolute;
	top: 11px;
	right: -24px;
}
.pricingTblNewFirstTd {
	width:50%;
}
.pricingTblNew .taxCol {
	display:none;
}
.pricingTblNew.showTxt .taxCol {
	display:table-cell;
}
.pricingTblNew.showTxt .pricingTblNewFirstTd {
	width:40%;
}
.colorBlock {
	float:left;
	width:57px !important;
	height:57px;
	padding:4px !important;
	margin:0 7px 7px 0 !important;
	cursor:pointer;
	border:3px solid #fff;
}
.colorBlock .inner {
	float:left;
	width:43px;
	height:43px;
	text-indent:-99999px;
}
.colorBlock.active {
	border:3px solid #CAD8DD;
	background:#eeeeee;
}
#template_1 .pricingTblNew th, #template_1 .totalTablNew tr.boldTxt {
	border:1px solid #8891a5;
	border-right:0;
	border-left:0;
	font-weight:bold;
	padding:15px;
	background:none;
	color:#20b8f1;
	font-size:13px;
}
#template_1 .pricingTblNew th:last-child {
	border-right:1px solid #8891a5;		
}
.pricingTblNew th:last-child {
	padding-left:42px !important;
}
#template_1 .pricingTblNew th:first-child {
	border-left:1px solid #8891a5;	
}
#template_1 .pricingTblNew td, #template_1 .totalTablNew tr.boldTxt {
	border-bottom:1px solid #cad8dd;
	padding:15px;
	color:#4d525f;
	font-weight:600;
	font-size:13px;
}
#template_1 .newInner, #template_2 .newInner {
	float:left;
	width:100%;
	padding:40px;
}
#template_1 .totalTablNew, #template_2 .totalTablNew {
	font-weight:600;	
}
#template_1 .totalTablNew td, #template_2 .totalTablNew td {
	border:0;
	padding:10px 15px !important;
	font-weight:bold;
	color:#4d525f;
}
#template_1 .totalTablNew tr.boldTxt {
	border:1px solid #8891a5;	
}
#template_1 .totalTablNew tr.boldTxt td {
	font-weight:600;
	color:#20b8f1;
	width:50%;
}
.paymentTerms {
	display:none;
}
.paymentTerms.show {
	display:block !important;
}
#template_2 .totalTablNew tr td {
	font-weight:600;
	color:#535865;
	width:50%;
}
#template_2 .pricingTblNew th, #template_2 .pricingTblNew td {
	background:none;
	font-weight:600;
  padding: 15px !important;
	color:#535865;
}
#template_2 .pricingTblNew th {
	border-bottom:1px solid #8891a5;
	color:#00adef;
}
#template_2 .pricingTblNew th:last-child {
	padding-left:60px !important;
}
#template_2 .pricingTblNew td.taxCol_new {
	padding-right:30px !important;
}
.grayBGTemp {
	background:#f5f6f9;
	border-bottom:1px solid #8891a5;
	padding:10px 38px;
	text-align:right;
	font-weight:600;
	font-size:20px;
	border-top:1px solid #8891a5 !important;
}
.grayBGTemp span {
	font-size:30px;
}
#template_3 .pricingTblNew th {
	border:1px solid #8891a5;
	border-bottom:0;
	border-right:0;
	border-left:0;
	font-weight:bold;
	padding:15px;
	background:#f5f6f9;
	color:#20b8f1;
	font-size:13px;
}
#template_3 .pricingTblNew th:last-child {
	border-right:1px solid #8891a5;	
}
#template_3 .pricingTblNew th:first-child {
	border-left:1px solid #8891a5;	
}
#template_3 .pricingTblNew td {
	border-top:1px solid #8891a5;
	border-bottom:0 !important;
	padding:15px !important;
	color:#4d525f;
	font-weight:600;
	font-size:13px;
}
#template_3 .pricingTblNew td.taxCol_new {
	padding-right:30px !important;
}
#template_3 .totalTablNew {
	border:1px solid #8891a5;
	background:#f5f6f9;	
}
#template_3 .totalTablNew td {
	font-weight:600;
  padding:10px 15px !important;
	color:#535865;
	border:0;
}
#template_4 .pricingTblNew th, #template_4 .pricingTblNew td.bg-color {
	padding:15px !important;
	color:#fff !important;
	font-weight:600;
	background:#00aeef;
	border:0 !important;
}
#template_4 .pricingTblNew td {
	border-bottom:1px solid #8891a5;
	padding:15px !important;
	color:#4d525f;
	font-weight:600;
	font-size:13px;
}
#template_4 .pricingTblNew th:last-child {
	padding-left:60px !important;
}
#template_4 .pricingTblNew td.taxCol_new {
	padding-right:30px !important;
}
#template_4 .totalTablNew td {
	font-weight:600;
  padding:10px 15px !important;
	color:#535865;
	border:0;
}
#template_4 .totalTablNew td.bg-color {
	color:#fff !important;
}
.color-change {
	color:#00adef;
}
.bg-color {
	background:#00adef;
}
.QuoteDateLi, .PONumberLi, .DueDateLi {
	display:none;
}
.QuoteDateLi.show, .PONumberLi.show, .DueDateLi.show {
	display:block !important;
}
.preloader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999999;
	background:#F2F4F8;
}
.loader-parent {
	position: relative;
	top:calc(40% - 50px);
	left:calc(50% - 38px);
}
.loader-parent span {
	text-align: center;
	position: relative;
	left: -84px;
}
.loader {
  position: relative;
  width: 75px;
  height: 100px;	
	transform:scale(0.8);
}
.loader__bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 50%;
  background: #00ADEF;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;  
}
.loader__bar:nth-child(1) {
  left: 0px;
  -webkit-transform: scale(1, 0.2);
          transform: scale(1, 0.2);
  -webkit-animation: barUp1 4s infinite;
          animation: barUp1 4s infinite;
}
.loader__bar:nth-child(2) {
  left: 15px;
  -webkit-transform: scale(1, 0.4);
          transform: scale(1, 0.4);
  -webkit-animation: barUp2 4s infinite;
          animation: barUp2 4s infinite;
}
.loader__bar:nth-child(3) {
  left: 30px;
  -webkit-transform: scale(1, 0.6);
          transform: scale(1, 0.6);
  -webkit-animation: barUp3 4s infinite;
          animation: barUp3 4s infinite;
}
.loader__bar:nth-child(4) {
  left: 45px;
  -webkit-transform: scale(1, 0.8);
          transform: scale(1, 0.8);
  -webkit-animation: barUp4 4s infinite;
          animation: barUp4 4s infinite;
}
.loader__bar:nth-child(5) {
  left: 60px;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-animation: barUp5 4s infinite;
          animation: barUp5 4s infinite;
}
.loader__ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #00ADEF;
  border-radius: 50%;
  -webkit-animation: ball 4s infinite;
          animation: ball 4s infinite;
}
@-webkit-keyframes ball {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes barUp1 {
  0% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  40% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
}
@keyframes barUp1 {
  0% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  40% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
}
@-webkit-keyframes barUp2 {
  0% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  40% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  50% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  90% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
}
@keyframes barUp2 {
  0% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  40% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  50% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  90% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
}
@-webkit-keyframes barUp3 {
  0% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
  100% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
}
@keyframes barUp3 {
  0% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
  100% {
    -webkit-transform: scale(1, 0.6);
            transform: scale(1, 0.6);
  }
}
@-webkit-keyframes barUp4 {
  0% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  40% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  50% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  90% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  100% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
}
@keyframes barUp4 {
  0% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  40% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
  50% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  90% {
    -webkit-transform: scale(1, 0.4);
            transform: scale(1, 0.4);
  }
  100% {
    -webkit-transform: scale(1, 0.8);
            transform: scale(1, 0.8);
  }
}
@-webkit-keyframes barUp5 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  40% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  90% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes barUp5 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  40% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  90% {
    -webkit-transform: scale(1, 0.2);
            transform: scale(1, 0.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.removerow {
	width:18px;
	height:18px;
	text-indent:-99999px;
	background:url(../images/delete-pricing-row.svg) no-repeat center center;
	background-size:18px;
	margin:5px 0 0 5px;
}
.removerow img {
	display:none;
}
.snapShotNew {
	float:left;
	width:100%;
}
.snapShotNew li {
	float:left;
	margin-left:65px;
	font-size:13px;
	color:#9ca5b4;
	font-weight:600;
}
.snapShotNew li span {
	color:#454c59;
	font-weight:bold;
	font-size:14px;
}
.snapShotNew li.right {
	float:right;
}
.snapshotleftColNew .value .inner {
	color:#9ca5b4;
	background:#fff;
}
.snapshotleftColNew .value .inner span {
	font-weight:normal;
	color:#424956;
}
.snapDetailright li .txt {	
	color:#9ca5b4;
	font-size:12px;
	width:50%;
	font-weight:600;
}
.snapDetailright li .txt1 {
	background:#fff;
	color:#454c59;
	font-size:14px;
	width:50%;
	font-weight:600;
	min-height:37px;
}
.snapshotleftColNew .blueBg .inner {
	background:#424956 !important;
}
.snapDetailright {
	width:367px;
}
.snapShotNew li span.expired {
	color:#e67a2d;
}
.snapShotNew li span.accepted {
	color:#5ebc4c;
}
.snapShotNew li span.declined  {
	color:#d5414f;
}
.snapShotNew li span.paid {
	color:#5ebc4c;
}
.snapShotNew li span.overdue {
	color:#d5414f;
}
.snapShotNew li span.viewed {
	color:#03a2cc;
}
.snapShotNew li span.draft {
	color:#9ea0a3;
}
.snapShotNew li span.pending-approval {
	color:#8b61a9;
}
.snapShotNew li span.sent {
	color:#00aeef;
}
.QuoteSnapshot .tabs {
	text-align:left;
  border-bottom:2px solid #dde3e6;
	margin-top:70px;
}
.QuoteSnapshot .tabs li {
	margin:0;
	padding:0 20px;
	padding-bottom:15px;
	font-weight:600;
	text-transform:uppercase;
	color:#9ca5b4;
	font-size:13px;
	border-bottom:2px solid #dde3e6;
	position:relative;
	top:2px;
}
.QuoteSnapshot .tabs li.active {
	color:#1f2432;
	border-bottom:2px solid #00aeef;
}
.QuoteSnapshot .tabDetail ul li {
	background:#fff;
	border:1px solid #cad8dd;
	font-size:12px;
	color:#9ca5b4;
	margin-top:12px;
	padding:20px 15px;
	position:relative;
}
.QuoteSnapshot .tabDetail ul li span {
	font-size:13px;
}
.QuoteSnapshot .tabDetail ul li .line {
	position:absolute;
	top:-12px;
	left:22px;
	height:12px;
	width:3px;
	background:#dde3e6;
}
.QuoteSnapshot .tabDetail ul li:first-child .line {
	display:none;
}
.QuoteSnapshot .tabDetail ul li .circle {
	float:left;
	width:18px;
	height:18px;
	/*margin-right:16px;*/
	border-radius:50%;
	background:#8d8d8d;
}
.QuoteSnapshot .tabDetail ul li .snapshotLeftIcon {
	width:35px;
}
.QuoteSnapshot .tabDetail ul li .circle.created {
	background:#9fa0a4;
}
.QuoteSnapshot .tabDetail ul li .circle.sent-for-approval {
	background:#8b60a9;
}
.QuoteSnapshot .tabDetail ul li .circle.approved {
	background:#5bbd70;
}
.QuoteSnapshot .tabDetail ul li .circle.rejected {
	background:#c42e41;
}
.QuoteSnapshot .tabDetail ul li .circle.sent {
	background:#00adee;
}
.QuoteSnapshot .tabDetail ul li .circle.expired {
	background:#e57a2d;
}
.QuoteSnapshot .tabDetail ul li .circle.updated {
	background:#e67a2d;
}
.QuoteSnapshot .tabDetail ul li .circle.commented {
	background:#e67a2d;
}
.QuoteSnapshot .tabDetail ul li .circle.archived {
	background:#e67a2d;
}
.QuoteSnapshot .tabDetail ul li .circle.client_commented {
	background:#e67a2d;
}
.QuoteSnapshot .tabDetail ul li .circle.accepted {
	background:#5bbd70;
}
.QuoteSnapshot .tabDetail ul li .circle.declined {
	background:#c42e41;
}
.QuoteSnapshot .tabDetail ul li .circle.signed {
	background:#d5414f;
}
.QuoteSnapshot .tabDetail ul li .circle.forwarded {
	background:#d5414f;
}
.QuoteSnapshot .tabDetail ul li.commentInput {
	padding:0;
	border:0;
	background:none;
}
.QuoteSnapshot .tabDetail ul li.commentInput textarea {
	border-radius:0;
	border:1px solid #3e91ce;
}
.QuoteSnapshot .tabDetail ul li.commentInput .newBt {	
	background:#3e91ce;
	width:93px;
	line-height:32px;
	padding:0;
	color:#fff;
	text-transform:none;
	float:left;
	margin-top:12px;
	border-radius:2px
}
.QuoteSnapshot .tabDetail ul li.commentInput .newBt:hover {	
	background:#00aeef;
}
#template_4 .totalTablNew {
	margin-bottom:30px;
}
.Subscription h4 {
	font-weight:600;
	font-size:15px;
	color:#414855;
	float:left;
	width:100%;
	text-transform:uppercase;
}
.Subscription > .row {
	max-width:483px;
	padding:0;
	padding-top:45px;
	clear:both;
}
.Subscription ul.subListing, .Subscription ul.subListing li {
	float:left;
	width:100%;
}
.Subscription ul.subListing {
	margin-top:10px;
}
.Subscription ul.subListing li {
	border-bottom:2px solid #dde3e6;
	padding:20px 0;
	font-size:13px;
	font-weight:600;
	color:#8993a6;
}
.Subscription ul.subListing li .pull-left {
	width:50%;
}
.Subscription ul.subListing li .pull-left.center {
	color:#424956;
	width:auto;
}
.Subscription ul.subListing li .pull-right, .Subscription ul.subListing li .pull-right a {
	text-align:right;
	color:#3e91ce;
}
.Subscription ul.subListing li .pull-right a:hover {
	text-decoration:underline;
}
.customPopup.popupNew1 .inner {
	background:#f2f4f8;
	padding:40px;
}
.customPopup.popupNew1 .inner .popupInnerContainer {
	padding:0;
}
.customPopup.popupNew1.medium .proposal-popups-content {
	width:856px;
}
.customPopup.popupNew1.small .proposal-popups-content {
	width:604px;
}
.customPopup.popupNew1 h2.popupTitle {
	background:none;
	text-align:left;
	color:#1f2432;
	font-weight:600;
	font-size:20px;
	padding:0 0 20px;
	letter-spacing:-1px;
}
#chosePlan ul, #chosePlan ul li {
	float:left;
	width:100%;
}
#chosePlan ul {
	margin-bottom:20px;
}
#chosePlan ul li {
	margin:18px 0 0;
	background:#fff;
	border:1px solid #cad8dd;
	padding:16px 20px;
	font-size:14px;
	color:#8891a5;
}
#chosePlan ul li .pull-left {
	width:50%;
	text-transform:uppercase;
	font-weight:600;
	line-height:32px;	
}
#chosePlan ul li .pull-left.center {
	width:auto;
	text-transform:none;
	line-height:29px;	
}
#chosePlan ul li .pull-left.center span {
	font-size:22px;
}
#chosePlan ul li a {
	float:right;
	color:#3e91ce;
	font-size:13px;
	border:#3e91ce solid 1px;
	width:117px;
	line-height:29px;
	text-align:center;
}
#chosePlan ul li:hover a {
	background:#3e91ce;
	color:#fff;
}
#history td {
	padding:20px 0;
	border-bottom:2px solid #dde3e6;
	font-size:13px;
	color:#424956;
	font-weight:600;
}
#history tr td:first-child {
	color:#8993a6;
}
#cardInfo .col-65, #cardInfo .col-100, #cardInfo .col-50 {
	float:left;
	width:65%;
	padding-right:6px;
	margin-top:20px;
}
#cardInfo .col-50 {
	width:50%;
}
/*#cardInfo .col-50.right {
	padding:0 0 0 6px;
}*/
#cardInfo .col-100 { 
	width:100%;	
}
#cardInfo .col-35 {
	float:left;
	width:35%;
	padding-left:6px;
	margin-top:20px;
}
#cardInfo label {
	color: #8993a6;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
#cardInfo .col-35 .half {
	width:49%;
	float:left;
}
#cardInfo .col-35 .half.right {
	float:right;
}
#cardInfo h2.popupTitle {
	padding-bottom:5px !important;
}
#cardInfo .text-large {
	font-weight:600;
	font-size:20px;
	text-align:center;
	color:#1f2432;
	margin-top:40px;
	letter-spacing:-1px;
}
#cardInfo .text-large span {
	color:#3e86bc;
}
#cardInfo .bt {
	display:inline-block;
	width:229px;
	text-align:center;
	line-height:52px;
	font-size:14px;
	font-weight:normal;
	background:#3b92ce;
	margin-bottom:0;
}
#cardInfo .bt:hover {
	background:#00aeef;
}
.QuoteDashboard ul.tabs li a {
    color: #8b95a7;
}
.QuoteDashboard ul.tabs li.active a, .QuoteDashboard ul.tabs li a:hover {
    color:#4b4b4b;
}
.multiple_emails-email {
	background:none !important;
	padding:0 !important;
}
.addGreenLink.contactPopup, .addGreenLink.addCustomer {
	background:none;
	padding-left:0;
	color:#01aaea;
	text-transform:none;
	font-weight:bold;
	font-size:14px;
}
#client_address_txt {
	color:#414754 !important;
	font-weight:600;
	font-size:13px;
}
.backBtNew {
	float: left;
	margin:6px 10px 0 0;
	color: #3e91ce;
	border: 1px solid #3e91ce;
	padding: 0 11px 2px 9px;
	line-height: 24px;
	font-size: 18px;
}
.backBtNew:hover {
	color:#fff;
	background:#3e91ce;
}
#company_contacts span.radio {
	margin-bottom:10px;
}
.customPopup .inner .popup-close-bt.popup-close-bt1 {
/*	background:url(../images/close-bt-new-2.jpg) no-repeat center center;*/
	width:32px;
	height:32px;
	top: -28px;
  right: -23px;
}
#company_contacts .radio {
	font-weight:600;
	color:#414754;
	font-size:13px;
}
.sendContainer, .sendContainer li {
	float:left;
	width:100%;
}
.sendContainer li {
	border-bottom:1px solid #61a2d6;
	padding:13px 0;
	line-height:37px;
}
.sendContainer li .title {
	float:left;
	font-size:12px;
	text-transform:uppercase;
}
.sendContainer li .textFieldArea {
	float:left;
	margin-left:10px;
}
.multiple_emails-email .email_name {
	font-weight:600;
	color:#414754;
	font-size:13px;
	font-weight:600;
}
.multiple_emails-container input {
	background:none;
}
.sendContainer li.subject .textFieldArea {
	width:calc(100% - 61px);
}
.sendContainer li.subject .textFieldArea input {
	border:0;
	padding:0;
	box-shadow:none;
	background:none;
	float:left;
	font-size:13px;
	font-weight:600;
	height:33px;
	line-height:37px;
}
.sendContainer li.BorderFull {
	border:0;
	padding-left:0;
	padding-right:0;
}
.sendContainer li.BorderFull .row {
	padding:13px;
	background:#fff;
	border:1px solid #dbe5e9;
	font-size:13px;
	font-weight:600;
	color:#414754;
}
.sendContainer li.BorderFull .row textarea {
	border:0;
	background:none;
	box-shadow:none;
	padding:0;
	font-size:13px;
	font-weight:600;
	color:#414754;
	overflow:hidden;
}
.sendContainer li.noBorder {
	border:0;
}
.sendContainer li .checkbox {
	width:auto;
}
#existing-documents select {
	width:115px !important;
	font-size:13px;
}
#existing-documents .filter_pricing {
	width:285px !important;
	position:relative;
	float:right;
}
#existing-documents .filter_pricing #filter_pricing, #price-list #filter_list {
	padding-left:34px;
}
#existing-documents .filter_pricing #filter_pricing:hover, #price-list #filter_list:hover {
	border: 2px solid #8991a5 !important;
}
#existing-documents .filter_pricing #filter_pricing:focus, #price-list #filter_list:focus {
	border: 2px solid #3E91CE !important;
}
#existing-documents .filter_pricing .fa, #price-list .fa-search {
	position: absolute;
	left: 14px;
	top: 14px;
	color: #bac4d8;
}
.bodyBg .stepsTabs.stepsTabsNew {
	top:15px;
}
.searchForm #search {
	height:38px !important;
}
.pricingRightCol td {
	vertical-align:top;
}
.template-new-left {
	float:left;
	width:385px;
}
.template-new-right {
	float:left;
	margin-left:55px;
}
.template-new-left .formControl {
	margin-bottom:25px;
}
.template-new-left .radio {
	margin-right:32px;
}
.template-new-left .radio:last-child {
	margin-right:0;
}
#templateStyle ul, #templateStyle ul li {
	float:left;
	width:100%;
}
#templateStyle ul li {
	width:25%;
	text-align:center;
	padding:0 20px;
	margin:20px 0;
}
#templateStyle ul li .tempName {
	float:left;
	width:100%;
	text-align:center;
	font-weight:600;
	color:#404754;
	margin-bottom:20px;
	text-transform:uppercase;
}
#templateStyle ul li img {
	float:left;
	width:100%;
	border:2px solid #d6dee1;
	cursor:pointer;
}
#templateStyle ul li.active img, #templateStyle ul li:hover img {
	border-color:#434a57;
}
#templateStyle ul li .current {
	float:left;
	width:100%;
	text-align:center;
	color:#fff;
	background:#434a57;
	padding:10px 0;
	text-transform:uppercase;
	display:none;
}
#templateStyle ul li.active .current {
	display:block;
}
.addVideoPopup .popupInnerContainer {
	background:none !important;
}
.addVideoPopup .formControl {
	padding:0;
}
.addVideoPopup .proposal-popups-content {
	top:15% !important;
}
.settingTabDetail {
	float:left;
	width:100%;
	margin:20px 0 0;
	display:none;
}
.settingTabDetailTabs {
	float:left;
	width:100%;
	border-bottom:1px solid #e2e7e9;
	padding:0 !important;
}
.settingTabDetailTabs li {
	float:left;
	color:#8993a6;
	font-size:12px;
	text-transform:uppercase;
	font-weight:600;
	margin-right:25px;
	padding-bottom:14px;
	cursor:pointer;
	position:relative;
	top:1px;
	border-bottom:1px solid #e2e7e9;
	
}
.settingTabDetailTabs li:hover {
	color:#434a57;
}
.settingTabDetailTabs li.active {
	border-bottom:1px solid #00aaee;
	/*color:#434a57;*/
	color:#000;
}
.settingTabDetail .proposalSettings.headingSettingDetail {
	display:block;
	padding-right:10px !important;
}
.settingTabDetail .proposalSettings {
	padding:0 !important;
	overflow:auto;
}
.settingTabDetail .proposalSettings>li {
	float:left;
	width:100%;
	border-bottom:1px solid #e2e7e9;
	padding-bottom:18px;
	margin-bottom:18px;
	margin-top:0;
}
.settingTabDetail .proposalSettings>li > label {
	float:left;
	width:100%;
	font-weight:bold;
	text-transform:uppercase;
	/*color:#4f9dd3;*/
	margin-bottom:10px;
	color:#000;
}
.proposalSettings li.bts {
	border:0;
	padding:0;
	margin:0;
}
.settingTabDetail .colorSelector {
	width:167px !important;
	height:39px !important;
	background-position: right center;
  background-repeat: no-repeat;
}
.settingTabDetail .colorSelector div {
	width:131px !important;
	height:31px !important;
}
.coverPageBlock ul {
	padding-top:18px !important;
}
.coverPageBlock ul li {
	margin-left: 10px !important;
  margin-bottom: 13px !important;
}
.coverPageBlock li.backgroundSetting  {
	padding:15px 0 0 !important;
	margin-bottom:0 !important;
}
.coverPageBlock li.colorLi {
	margin-left:3px !important;
}
#CoverPageBG {
	width:92% !important;
	float:left;
	margin-left:7px !important;
}
.pricingCheckBox .checkbox {
	background: url(../images/radio.svg) left top no-repeat;
	background-size:24px;
	text-transform:uppercase;
}
.pricingCheckBox .checkbox.checked {
	background: url(../images/radio-selected.svg) left top no-repeat;
	background-size:24px;
}
.DesignDetail .colorSelector {
	width:120px !important;
}
.DesignDetail .colorSelector div {
	width:85px !important;
}
.colorSelector {
	background-repeat:no-repeat !important;
}
#chosePlan ul li.active {
	border: 2px solid #91d09c;
}
#chosePlan ul li.active a {
	border:2px solid #91d09c;
	color:#fff;
	background:#91d09c;
}
#chosePlan ul li.active a:hover, #chosePlan ul li.active:hover a {
	border:2px solid #91d09c;
	color:#fff;
	background:#7fc18b;
}
.priceTblName {
	float:left;
	margin:5px 20px;
	color:#fff;
	font-weight:600;
}
.priceTblName a {
	color:#3e91ce;
}
.priceTblName a:hover {
	color:#00aeef;
}
.clientsideNew, .clientsideNew header {
	background:#364153 !important;
}
.clientsideNew header {
	border-bottom:2px solid #283040;
	height:60px !important;
}
.clientsideNew header a.logo {
	display:none !important;
}
.clientsideNew .see-top-new {
	padding:16px 13px;
	border:0;
}
.clientsideNew .see-top-new h2 {
	color:#fff;
	font-weight:600;
	line-height:30px;
}
.clientsideNew .see-top-new h2 a {
	color:#3b88be;
}
.clientsideNew .see-top-new h2 a:hover {
	color:#00aeef;
}
.clientsideNew .see-top-new ul li {
	margin:0;
	color:#80899c;
	line-height:30px;
}
.clientsideNew .see-top-new ul li a {
	color:#fff;
	line-height:30px;
}
.clientsideNew .see-top-new ul li a:hover {
	text-decoration:underline;
}
.clientsideNew .see-top-new ul li.OR {
	margin:0 20px;
}
.clientsideNew a.green-bg-BT {
	background:#5cbd70;
	text-transform:uppercase;
	border-radius:5px;
	font-weight:600;
}
.clientsideNew a.green-bg-BT:hover {
	background:#4aa85d;
	text-decoration:none !important;
}
.clientsideNewDetail {
	float:left;
	width:100%;
	position:relative;
}
.clientsideNew .contentContainer {
	padding-bottom:0;
}
.clientsideNew .pages {
	position: absolute;
	top: 20px;
	left: 50%;
}
.clientsideNew .pages span {
	color:#fff;
}
.clientsideNew .see-bg-color {
	background:none;	
}
.clientsideNew .settingColMain {
	float:left;
	width:100%;
	max-width:none;
}
.previewPage {
	margin-top:0;
	max-width:none;
}
.clientsideNew .see_page .page .pageSize, .clientsideNew .see_page .page .coverPage {
	box-shadow:0 0 10px #232c3c;
}
.clientsideNew .pageHeight {
	padding:25px 200px;
}
.clientsideNewDetail .leftColClient {
	position:absolute;
	top:0;
	left:13px;
	width:180px;
}
.clientsideNewDetail .leftColClient li {
	float:left;
	width:100%;
	margin-top:25px;	
	color:#8e98ab;
}
.clientsideNewDetail .leftColClient li a {
	color:#8e98ab;
}
.clientsideNewDetail .leftColClient li.active a {
	color:#fff;
}
.clientsideNewDetail .leftColClient li.heading {
	text-transform:uppercase;
	color:#3b96d3;
}
.rightIcons {
	position:absolute;
	top:0;
	right:35px;
	width:47px;
}
.rightIcons li {
	float:left;
	width:100%;
	height:47px;
	margin-top:25px;
	cursor:pointer;	
	border-radius:50%;
}
.rightIcons li.comment {
	background:#fff url(../images/comments.svg) no-repeat center center;
	background-size:24px;
}
.rightIcons li.zoom-in {
	background:#fff url(../images/zoom-in.svg) no-repeat center center;
	background-size:16px 16px;
}
.rightIcons li.zoom-out {
	background:#fff url(../images/zoom-out.svg) no-repeat center center;
	background-size:16px 16px;
}
.rightIcons li:hover {
	background-color:#3b92ce !important;
}
.commentsSectionNew {
	position:fixed;
	top:0;	
	width:368px;
	background:#fff;
	z-index:9999;
	height:100%;
	right:-400px;
}
.commentsSectionNew .title {
	float:left;
	width:100%;
	line-height:58px;
	border-bottom:2px solid #e1eaed;
	text-align:left;
	color:#414854;
	font-size:16px;
	font-weight:600;
	padding:0 16px;
}
.commentsSectionNew .title .fa {
	color:#4a96d1;
	cursor:pointer;
}
.commentsSectionNew .title .fa:hover {
	color:#01aaea;
}
.commentsSectionNew ul, .commentsSectionNew ul li {
	float:left;
	width:100%;
}
.commentsSectionNew ul li {
	padding:15px 15px 15px 40px;
	border-bottom:2px solid #e1eaed;
	color:#8993a6;
	position:relative;
}
.commentsSectionNew ul li:nth-child(even) {
	background:#f9fbfd;
}
.commentsSectionNew ul li .pull-left {
	font-weight:600;
	color:#3f4552;
}
.commentsSectionNew ul li .pull-right {
	color:#4a96d1;
	font-weight:600;
}
.commentsSectionNew ul li .row {
	margin-top:10px;
}
.addComment {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-top:2px solid #e1eaed;
	background:#f9fbfd;
	padding:10px;
}
.addComment input.input {
	float:left;
	width:calc(100% - 110px);
	border:1px solid #e1eaed;
	border-radius:0;
	height:38px;
	box-shadow:none;
}
.addComment input.input:focus {
	border:2px solid #3E91CE;
}
.addComment .newBt {
	line-height:38px;
	width:50px;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	border:0 !important;
	border-radius:0;
	height:38px;
}
.commentsSectionNew ul li .circle {
	position:absolute;
	width:15px;
	height:15px;
	background:#e57a2c;
	border-radius:50%;
	margin-right:12px;
	left:15px;
	top:17px;
}
.commentsSectionNew ul li .circle.blue {
	background:#00aeef;
}
.clientsideNew .declinepopup h2.popupTitle {
	color:#c3485a !important;
}
.clientsideNew .declinepopup input.newBt {
	background:#c3485a;
	border: 1px solid #b64253;
	min-width:130px;
}
.clientsideNew .declinepopup input.newBt.newBtDisable {
	background: #c3485a url(../images/ajax-loader-red.gif) no-repeat center center !important;
  transition: none !important;
  text-indent: -9999px;
}
.clientsideNew .declinepopup input.newBt:hover {
	background:#b64253;
	border: 1px solid #b64253;
}
.clientsideNew .signaturePopup h2.popupTitle, .clientsideNew .acceptPopup h2.popupTitle {
	color:#5cbd70;
}
.clientsideNew .signaturePopup input.newBt, .clientsideNew .acceptPopup input.newBt {
	background:#5cbd70;
	border: 1px solid #50b264;
	min-width:130px;
	text-align:center;
}
.clientsideNew .signaturePopup input.newBt.newBtDisable, .clientsideNew .acceptPopup input.newBt.newBtDisable {
	background: #5cbd70 url(../images/ajax-loader-green.gif) no-repeat center center !important;
  transition: none !important;
  text-indent: -9999px;
}
.clientsideNew .signaturePopup input.newBt:hover, .clientsideNew .acceptPopup input.newBt:hover {
	background:#50b264;
	border: 1px solid #50b264;
}
.clientsideNew .signaturePopup aside {
	width:100%;
}
.clientsideNew .signaturePopup aside.right {
	margin-top:20px;
}
.clientsideNew .preview-signature, .clientsideNew .draw-signature {
	background:#fff;
	line-height:150px;
	height:150px;
}
.clientsideNew .sigTabs {
	position:absolute;
	top:20px;
	right:20px;
	border:1px solid #5cbd70;
	width:230px;
}
.clientsideNew .sigTabs li {
	float:left;
	width:50%;
	text-align:center;
	text-transform:uppercase;
	color:#5cbd70;
	line-height:38px;
	cursor:pointer;
}
.clientsideNew .sigTabs li.active {
	color:#fff;
	background:#5cbd70;
}
.you {
	color:#8993a6 !important;
}
.button.clear {
	position: absolute;
	right: 5px;
	bottom: 5px;
	border: 0;
	background: none;
	color: #8993a6;
	outline: none;
	cursor: pointer;
}
.signature-pad-row #signature-pad {
	visibility:visible !important;
}
.see_page.page_size_US-Letter, .proposal-editor-center-col .page.US-Letter, .previewPage.page_size_US-Letter, .settingColLeft.newDesign .previewPage .inner.page_size_US-Letter, .previewPage.page_size_US-Letter, .see_page.page_size_US-Letter, .proposal-editor-center-col .page.page_size_US-Letter, .previewPage.page_size_US-Letter .inner {
	margin:auto;
	width:8.5in !important;
	min-height:11in;
	height:auto;
}
.settingColLeft.newDesign .previewPage .inner.page_size_US-Letter, .previewPage.page_size_US-Letter, .see_page.page_size_US-Letter {
	height:auto;
	min-height:11in;
	display:block;
	margin-bottom:25px;
}
.see_page_proposal.see_page.page_size_US-Letter, .see_page_proposal.see_page.page_size_US-Letter .coverPage, .see_page_proposal.see_page.page_size_US-Letter .pageSize {
	min-height:11in;
	width:8.5in;
	height:auto;
}
.see_page_proposal.see_page.page_size_US-Letter .coverPage, .see_page_proposal.see_page.page_size_US-Letter .pageSize {
	float:left;	
  padding:20px;
	margin-top:20px;
}
.see_page_proposal.see_page.page_size_US-Letter .pageSize {
	background:#fff;
}
.see_page_proposal .coverPageImgText .coverPageImgHeading, .see_page_proposal .coverPageImgText .coverPageImgTextInner {
	border:0;
	cursor:default;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.settingColLeft.newDesign .previewPage .inner.page_size_US-Letter, .previewPage.page_size_US-Letter, .see_page.page_size_US-Letter, .proposal-editor-center-col .page.page_size_US-Letter {
		margin-bottom:0;
	}
}
.see_page.page_size_A4, .proposal-editor-center-col .page.A4, .previewPage.page_size_A4, .settingColLeft.newDesign .previewPage .inner.page_size_A4, .previewPage.page_size_A4, .see_page.page_size_A4, .proposal-editor-center-col .page.page_size_A4 {
	margin:auto;
	width:8.268in;
	min-height:11.693in;
	height:auto;
}
.settingColLeft.newDesign .previewPage .inner.page_size_A4, .previewPage.page_size_A4, .see_page.page_size_A4, .previewPage.page_size_A4 .inner {
	height:auto;
	min-height:11.693in;
	display:block;
	margin-bottom:25px;
}
.previewPage.page_size_A4 .inner {
	margin:0;
}
.see_page_proposal.see_page.page_size_A4, .see_page_proposal.see_page.page_size_A4 .coverPage, .see_page_proposal.see_page.page_size_A4 .pageSize {
	min-height:11.693in;
	width:8.268in;
	height:auto;
}
.see_page_proposal.see_page.page_size_A4 .coverPage, .see_page_proposal.see_page.page_size_A4 .pageSize {
	float:left;	
  padding:20px 0;
	margin-top:20px;
}
.see_page_proposal.see_page.page_size_A4 .coverPage {
	padding:0;
}
.see_page_proposal.see_page.page_size_A4 .pageSize {
	background:#fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.settingColLeft.newDesign .previewPage .inner.page_size_A4, .previewPage.page_size_A4, .see_page.page_size_A4, .proposal-editor-center-col .page.page_size_A4 {
		margin-bottom:0;
	}
}
.see_page.page_size_Leagal, .proposal-editor-center-col .page.Legal, .previewPage.page_size_Leagal, .settingColLeft.newDesign .previewPage .inner.page_size_Legal, .previewPage.page_size_Legal, .see_page.page_size_Legal, .proposal-editor-center-col .page.page_size_Legal {
	margin:auto;
	width:8.5in;
	min-height:14in;
	height:auto;
}
.settingColLeft.newDesign .previewPage .inner.page_size_Legal, .previewPage.page_size_Legal, .see_page.page_size_Legal, .previewPage.page_size_Legal .inner {
	height:auto;
	min-height:14in;
	display:block;
	margin-bottom:25px;
}
.previewPage.page_size_Legal .inner {
	margin:0;
}
.see_page_proposal.see_page.page_size_Legal, .see_page_proposal.see_page.page_size_Legal .coverPage, .see_page_proposal.see_page.page_size_Legal .pageSize {
	min-height:14in;
	width:8.5in;
	height:auto;
}
.see_page_proposal.see_page.page_size_Legal .coverPage, .see_page_proposal.see_page.page_size_Legal .pageSize {
	float:left;	
  padding:20px;
	margin-top:20px;
}
.see_page_proposal.see_page.page_size_Legal .pageSize {
	background:#fff;
}
.see_page_proposal.see_page .coverPage {
	box-shadow:none;
	border:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.settingColLeft.newDesign .previewPage .inner.page_size_Legal, .previewPage.page_size_Legal, .see_page.page_size_Legal {
		margin-bottom:0;
	}
}
.proposal-editor-center-col .page.page_size_Legal .pageSize, .proposal-editor-center-col .page.page_size_Legal .coverPage {
	min-height:14in;
	height:auto;
}
.proposal-editor-center-col .page.page_size_A4 .pageSize, .proposal-editor-center-col .page.page_size_A4 .coverPage {
	min-height:11.693in;
	height:auto;
}
.proposal-editor-center-col .page.page_size_US-Letter .pageSize, .proposal-editor-center-col .page.page_size_US-Letter .coverPage {
	min-height:11in;
}
.proposal-editor-center-col .page.page_size_A4.Legal .pageSize, .proposal-editor-center-col .page.page_size_A4.Legal .coverPage {
	min-height:14in;
	height:auto;
}
.proposal-editor-center-col .page.page_size_A4.US-Letter .pageSize, .proposal-editor-center-col .page.page_size_A4.US-Letter .coverPage {
	min-height:11in;
	height:auto;
}
.expireDoc {
	background:#434a57;
}
.expireDoc .expireDocWrapper {
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	width:90%;
	max-width:640px;
	background:#fff;
	box-shadow:0 0 10px #323944;
	padding:90px 30px 30px;
	text-align:center;
	position:relative;
}
.expireDoc .expireDocWrapper p {
	font-weight:bold;
	font-size:16px;
	color:#8892a5;
}
.expireDoc .expireDocWrapper .expireDoc-powered-by {
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
}
#verify_allaction_pop h2.popupTitle {
	text-align:center !important;
}
#verify_allpop_msg span {
	font-weight:600;
	color:#424956;
}
#verify_allaction_pop .proposal-popups-content {
	width:450px;
}
.error.show {
	display:block !important;
}
.removeSectionPopup .inner {
	padding:30px;
}
.taxCol .single_discount {
	width:51px\0/ !important;
}
@media all and (max-width:1330px) {
	.pricing-new .pricingRightCol {
		width:400px;
	}
	#existing-documents .filter_pricing {
		width:250px !important;
	}
	.pricing-new {
		padding-right:398px;
	}
}
@media all and (max-width:1280px) {
	.pricing-new .pricingRightCol {
		width:370px;
	}
	#existing-documents .filter_pricing {
		width:220px !important;
	}
	.pricing-new {
		padding-right:368px;
	}
}
@media all and (max-width:1250px) {
	.pricing-new .pricingRightCol {
		width:340px;
	}
	#existing-documents .filter_pricing {
		width:190px !important;
	}
	.pricing-new {
		padding-right:338px;
	}
}
@media all and (max-width:1220px) {
	.pricing-new .pricingRightCol {
		width:310px;
	}
	#existing-documents .filter_pricing {
		width:160px !important;
	}
	.pricing-new {
		padding-right:308px;
	}
	.pricing-new .pricingRightCol .mainTabs li {
		font-size:11px;
	}
}
.preloadedImgs .alert {
	background: #12151d url(../images/alert.svg) center center no-repeat;
  background-size: 21px 21px;
}
.registration-new-1 {
	background:#f2f4f7
}
.registration-new-1 .header {
	float:left;
	width:100%;
	background:#1f2432;
	height:60px;	
	position:fixed;
	top:0;
	left:0;
	text-align:center;
	z-index:222;
}
.registration-new-1 .header a {
	float:left;
  width: 60px;
  height: 60px;	
	background:#00aeef;
}
.registration-new-1 .header a img {
	width: 35px !important;
	height: 35px !important;
	position: relative;
	top: 12px;
}
.registration-new-1 .wrapper {
	margin:auto;
	width:90%;
	max-width:880px;
	margin-top:100px;
	display:table;
	padding-bottom:50px;
}
.registration-new-1 .wrapper h2 {
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:20px;
	font-weight:600;
}
.registration-new-1 .topSteps {
	display:inline-block;
	position:absolute;
	top:5px;
	left:calc(50% - 440px);	
}
.registration-new-1 .line {
	position: fixed;
	top: 20px;
	left: calc(50% - 397px);
	background: #909bae;
	width: 790px;
	height: 3px;
}
.registration-new-1 .line span {
	background: #00aeef;
	height:3px;
	width:250px;
	position:absolute;
	left:0;
}
.registration-new-1 .topSteps li {
	display:inline-block;
	margin:0 79px;
}
.registration-new-1 .topSteps li.first {
	margin-left:-12px;
}
.registration-new-1 .topSteps li.last {
	margin-right:0;
}
.registration-new-1 ul.topSteps li .No {
	display: inline-block;
	width:30px;
	height:30px;
	background: #8891a4;
	color: #1e2332;
	font-weight: 700;
	line-height:25px;
	border-radius: 50%;
	border: 3px solid #1f2432;
	font-size:12px;
}
.registration-new-1 ul.topSteps li .label {
	clear: both;
	color: #8891a4;
	display: inline-block;
	width: 100%;
	margin-top: 0px;
	font-size: 10px;
	text-transform: uppercase;	
}
.registration-new-1 ul.topSteps li .label.active {
	color:#fff;
}
.registration-new-1 ul.topSteps li .label.current {
	color:#00aeef;
}
.registration-new-1 ul.topSteps li .No.active {
	background: #00aeef;
	color: #fff;
}
.step-2-listing {
	float:left;
	width:100%;	
	max-width:500px;
	margin-top:20px;
	margin-bottom:20px;
}
.step-2-listing li {
	float: left;
	width: 100%;
	margin-bottom: 18px;
  padding-bottom: 18px;
	border-bottom: 1px solid #dae4e8;
	color: #3c4351;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 24px;
}
.step-2-listing li .switch-button {
	float: right;
	margin-top: 7px;
	margin-right:22px;
}
.step-2-col {
	float:left;
	width:50%;
	padding-right:20px;
	margin-top:30px;
}
.step-2-col.pull-right {
	padding-left:20px;
	padding-right:0;
}
.step-2-col label {
	float: left;
	width: 100px;
	color: #8891a4;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 40px;
}
.step-2-col input {
	width: 35%;
	margin-right: 10px;
	text-align: center;
}
.select-new .select-styled {
	color:#424956 !important;
}
.select-new .select-options {
	top:114% !important;
}
.select-new .select {
	height:37px;
}
.select-new-half .select {
	width:49% !important;
}
.pricingRightCol .select-new .select {
	width:119px !important;
}
.pricingTblNew.showTxt .taxCol .select {
	width:54px !important;
  top:2px;
}
.pricingTblNew.showTxt .taxCol .single_discount {
	position:relative;
	top:2px;
}
.nowrap {
	white-space:nowrap;
}
.stepsTabs.stepsTabsNew .stepsTabsNewRightBts .stepsTabsNewNext.stepsTabsNewNextArrow {
	padding:0 39px 0 22px;
	background:#00aeef url(../images/nav-process-arrow-next.png) no-repeat calc(100% - 22px) center;
}
.buttonPreloader {
	position:absolute;
	top:17px;
	left:20px;
	background:#257BBF;
  padding: 0 46px;
  border-radius: 2px;
  text-transform: uppercase;
  border:1px solid #257BBF;
	line-height:40px;
	text-align:center;
}
input.newBt.newBtDisable {
	background:#257BBF url(../images/ajax-loader-2.gif) no-repeat center center;
	text-indent:-9999px;
	transition:none !important;
}
input#right_save {
	width:110px !important;
}
input.newBt {
	min-width:110px;
}
.PricingTbl .table-4-col td, .PricingTbl .totalTable>li, .sort .table-4-col td, .sort .table-4-col .totalTable>li {
	border-bottom: 1px solid #cad8dd;
}
.PricingTbl .table-4-col td {
	border-top: 1px solid #cad8dd;
	border-bottom:0 !important;
}
.PricingTbl .table-4-col td.itemdetails {
	border:0 !important;
}
.PricingTbl .table-4-col {
	border-bottom:1px solid #cad8dd;
}
.PricingTbl .table-4-col th {
	border-bottom: 1px solid #cad8dd;
}
.PricingTbl .totalTable>li.boldTxt {
	border:0;
}
.PricingTbl .totalTable>li .pull-right {
	padding-right:10px;
}
#sortable .checkbox {
	height:20px;
	background:url(../images/editor-checkbox.png) no-repeat left center;
	background-size:20px;
	line-height:20px;
  width: 20px;
  padding: 0;
}
#sortable .checked {
	background:url(../images/editor-checkbox-checked.png) no-repeat left center;
	background-size:20px;
}
#sortable .checkbox.unclicked, #sortable .checkbox.unclicked input {
	cursor:default;
}
.columns {
	line-height: 20px;
	color: #818181;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 19px;
	font-weight: 600;
	display:none;
}
.numbers {
	float:left;
	height:20px;
	/*background:#818181;*/
	line-height:20px;
	/*padding: 2px 0;*/
	margin-left:10px;
}
.numbers .bts {
	/*color: #fff;
	cursor: pointer;
	float: left;
	font-size: 17px;
	line-height: 12px;
	text-align: center;
	width: 25px;*/	
}
.numbers .bts {
	float:left;
	width:17px;
	height:17px;
	/*background:url(../images/minus-new.svg) center left no-repeat;
	background-size: 17px;
	text-indent:-9999px;*/
	cursor:pointer;
	font-size:18px;
	position:relative;
  top:-2px;
}
.numbers .bts:hover {
	color:#00aeef;
}
.numbers .bts.minus:hover {
	/*background: url(../images/minus-new-hover.svg) center left no-repeat;
  background-size: 17px;*/
}
/*.numbers .bts.plus {
	float:left;
	width:17px;
	height:17px;
	background:url(../images/plus-new.svg) center left no-repeat;
	background-size: 17px;
	text-indent:-9999px;
	cursor:pointer;
}*/
.numbers .bts.plus:hover {
	/*background: url(../images/plus-new-hover.svg) center left no-repeat;
 	background-size: 17px;*/
}
.numbers input {
	background: #fff;
	border: 0 none !important;
	border-radius: 0;
	box-shadow: none !important;
	color: #1d2f4d;
	float: left;	
	font-size:12px !important;
	height: 16px;
	line-height:16px;
	text-align: center;
	width:30px;
	margin:0 !important;
	padding:0 !important;
}
.sort.focus .columns {
	display:inline-block;
}
.sectionLink {
	position: absolute;
	top: 0;
	left: 20px;
	width: 83%;
	height: 100%;	
}
.section_data, .sectionNameBottom {
	float:left;
	width:100%;
}
.sectionNameBottom {	
	color:#8891A5;
	font-size:18px;
	font-weight:normal;
	font-family: "Open Sans";
}
.sectionNameBottom .pull-left {
	margin-right:10px;
}
.sectionNameBottom .sectionEdit, .sectionNameBottom .sectionDel {
	float:left;
	/*margin-left:8px;*/
	width:20px;
	height:20px;
	cursor:pointer;
	text-align:center;
	line-height:25px;
}
.sectionNameBottom .sectionEdit {
	/*background:url(../images/sectionEdit.png) no-repeat center center;*/
	font-size:13px;
}
.sectionNameBottom .sectionEdit:hover {
	/*background:url(../images/sectionEditHover.png) no-repeat center center;*/
	color:#01aaea;
}
.sectionNameBottom .sectionDel {
	/*background:url(../images/sectionDel.png) no-repeat center center;*/
	font-size:14px;
}
.sectionNameBottom .sectionDel:hover {
	/*background:url(../images/sectionDelHover.png) no-repeat center center;*/
	color: #d3414f;
}
.merge-setting-popup-parent {
	display:inline-block;
	position:relative;
}
.merge-string-new {
	position: absolute;
	top: 100%;
	left: 0;	
	display: none;
	z-index: 999;
}
.merge-string-new ul {
	float:left;
	width:100%;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 5px #ccc;
	width: 170px;
}
.merge-string-new ul li {
	float:left;
	width:100%;
	position:relative;
	padding: 10px;
	color: #98a0b1;
	font-weight: 600;
	font-size: 14px;
	cursor:pointer;
	text-align:left;
	border-bottom:1px solid #dadada;
}
.merge-string-new ul li:last-child {
	border:0;
}
.merge-string-new ul li > i {
	float:right;
}
.merge-string-new ul li:hover {
	color:#fff;
	background:#00adef;
}
.merge-string-new ul li ul {
	position:absolute;
	top:0;
	left:100%;
	display:none;
}
.merge-string-new ul li:hover ul {
	display:block;
}
.editableDiv {
	min-height:35px;
}
.editorTbl .editableDiv {
	min-height:24px;
}
.checkboxParent .editableDiv {
	min-height:20px;
}
.signature-col .editableDiv {
	min-height:inherit;
}
.see_page .removeIcon, .see_page .sortIcon {
	display:none !important;
}
.previewPage .sort .table-4-col th {
	font-weight:bold;
	font-size:13px;
}
.previewPage .sort .table-4-col td, .previewPage .totalTable {
	font-size:13px;
}
.signaturePopupThankYou input.newBt {
	min-width:180px;
}
.coverPageBlockClose {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	color:#8891A5;
	z-index:9;
}
.coverPageBlockClose:hover {
	color:#d3414f;
}
a.edit_section {
	color:#8891A5;
}
a.edit_section:hover {
	color:#01aaea;
}
.newDesignTop .filterNew > li.small.firstTime .select-styled, .select-new.firstTime .select-styled {
	color:#bac4d8 !important;
	background: #fff url(../images/tbl-down-arrow-light.png) no-repeat 93px center !important;
}
#listing_contacts .light-gray-txt, #clients_txt .light-gray-txt  {
	color: #424956 !important;
}
.signature-col .row div.preview-signature {
	border:0 !important;
	height: auto !important;
	line-height: normal !important;
	text-align: left !important;
}
#proposal_view .signature-col > div {
	padding-bottom:0 !important;
}
.previewPage #proposal_view {
	background:none !important;
	box-shadow:none !important;
}
body:after{
  position:absolute; 
	z-index:-1;
 	width: 0;
 	height: 0;
  content:  url(../images/ajax-loader-3.gif);
	display:none;
}
.stepsTabsNewNext {
	visibility:hidden;
}
.blueButtonNew.disabled {
	opacity:0.5;
	background: #257BBF !important;
  border: 1px solid #257BBF !important;
	cursor:default;
	color:#cfe6f9;
}
.newDesignTop .newDesignSection .pull-right a.blueButtonNew.blankSection {
	font-weight:600;	
}
.colorPickerNew .evo-cp-wrap {
	position:relative;
	width:100% !important;
}
.evo-pointer {
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 12px;
	border: 0 !important;
}
.colorPickerNew.pull-right {
	width:120px;
}
.colorPickerNew.pull-right .evo-pop {
	right:0;
}
.colorPickerNew.bottomColor .evo-pop {
	top:auto;
	bottom:39px;
}
@media all and (max-width:767px) {
	.clientsideNewDetail .leftColClient, .rightIcons li.zoom-in, .rightIcons li.zoom-out, .clientsideNew .pages {
		display:none;
	}	
	.clientsideNew .pageHeight {
		padding: 15px;
	}
	.commentsSectionNew {
		width:290px;
	}
	.addComment input.input, .addComment .newBt {
		width:100%;
	}
	.addComment .newBt {
		margin-top:10px;
	}
	.see-top-new > .pull-left, .see-top-new > .pull-right {
		width:100%;		
	}
	.clientsideNew header {
    height:90px !important;
	}
	.clientsideNew .see-top-new h2 {
		float: left;
	}
	.clientsideNew .see-top-new {
		padding: 7px 13px;
	}
	.see-top-new > .pull-right {
		margin-top:10px;
	}
	.rightIcons {
		top:0;
    right: 0;
		z-index:999999;
		position:fixed;
	}
	.rightIcons li {
		width:35px;
		height:35px;
	}
	.rightIcons li.comment {
		background-size: 16px;
	}
	.commentsSectionNew {
		z-index:9999999;
	}
	.contentContainer {
		padding-top:90px;
	}
}
.editableDiv p {
	margin-bottom:20px;
}
.editableDiv p:last-child {
	margin:0;
}
.editableDiv h1, .editableDiv h2, .editableDiv h3, .editableDiv h4, .editableDiv h5, .editableDiv h6 {
	color:inherit;
	margin-bottom:15px;
}