/* Global Defaults
=====================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 12px;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Global Elements
=====================================================================*/
html, body {
  background: #fff;
  color: #000;
  font-family: "Trebuchet MS", Arial, Verdana, Georgia, Lucida Sans Unicode, sans-serif;
  font-size: 12px;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: table;
  position: relative;
  margin: 0;
  padding: 0;
}
body {
  position: static;
}

a {
  color: #0060BF;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
a:visited {
	color: #C20017;
}
a:hover {
  color: #006DD9;
  text-decoration: underline;
}


h1,h2,h3,h4 {
  font-family: "Trebuchet MS", Arial, Verdana, Georgia, Lucida Sans Unicode, sans-serif;
  padding:0;
  margin:0 0 5px 0;
  font-weight: bold;
  color:#385d8a;
}
h1 {
  margin-bottom: 15px;
  font-size: 23px;
}
h2 {
  font-size: 19px;
}
h3 {
  font-size: 17px;
}

input,
select,
textarea{
  border: 2px solid #EDEDED;
}
input{
	height: 25px;
	padding: 0 5px 0 5px;
}
input[disabled="disabled"],
select[disabled="disabled"],
textarea[disabled="disabled"] {
  background: #e3e3e3;
}
.datepicker,
.datetimepicker,
.hasDatepicker {
  cursor: pointer;
}
pre {
  max-width: 100%;
  white-space:pre-wrap;
}


table{
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
  margin: 0px;
}
th {
  text-align: left;
  font-weight: bold;
  padding: 3px;
  border: 1px solid #e5edf6;
  color: #000;
}

th.special1 {
    text-align: left;
    font-weight: bold;
    padding: 7px 3px;
    border-left: 1px solid #e5edf6;
	border-right: 1px solid #e5edf6;
	border-bottom: 1px solid #e5edf6;
	border-top: #385d8a 4px solid;
    color: #000;
}

td {
    text-align: left;
    padding: 5px 3px;
    border: 1px solid #e5edf6;
    color: #000;
	vertical-align: top




}

label {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

td.td1 {
    text-align: left;
    padding: 5px 3px;
    border: 1px solid #e5edf6;
    color: #000;
	background: #f2f2f2;
}

.icon16		{ margin: 1px 1px 1px 5px; }

.icon7		{ margin: 5px 5px 5px 5px; border-bottom: 1px solid #e5edf6 }


.fail {
  color: #a20017;
}


/*Buttons*/
.modalAjaxLoad {
  cursor: pointer;
}
.email-to-link {
  margin: 0 20px;
}
/*icon style buttons*/
.icon {
  vertical-align: top;
  margin: 3px 3px 0 3px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0 0;
}
.icon,
.icon * {
  display: inline-block;
  text-indent: -9999px;
}
.icon.view {
  background-image: url(/public/images/imageIcon.png);
}
.icon.reload{
  background-image: url(/public/images/reloadIcon.png);
}
.icon.edit {
  background-image: url(/public/images/viewIcon.png);
}
.icon.delete {
  background-image: url(/public/images/deleteIcon.png);
}
.icon.help {
  width: 14px;
  height: 14px;
  margin: -3px 0 0 3px;
  vertical-align: middle;
  background-size: 14px auto;
  background-image: url(/public/images/ico_help.png);
}

/* Loader */

.loading {
  position: relative;
}
.loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 50px;
  min-height: 20px;
  background: #fff;
  opacity: 0.9;
  border-radius: 0.3em;
}
.loading > .loader {
  display: block;
}
.loader-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -14px;
  margin-top: -0.4em;
}
.loader-wrapper .loading-bar {
  display: inline-block;
  width: 4px;
  height: 1em;
  margin: 0 2px;
  border-radius: 4px;
  animation: loader 1s ease-in-out infinite;
}
.loader-wrapper .loading-bar:nth-child(1) {
  background-color: #0062BC;
  animation-delay: 0;
}
.loader-wrapper .loading-bar:nth-child(2) {
  background-color: #0062BC;
  animation-delay: 0.09s;
}
.loader-wrapper .loading-bar:nth-child(3) {
  background-color: #0062BC;
  animation-delay: .18s;
}
.loader-wrapper .loading-bar:nth-child(4) {
  background-color: #0062BC;
  animation-delay: .27s;
}

@keyframes loader {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 1.5);
  }
  40% {
    transform: scale(1);
  }
}

#d-loader-overlay {
  display: none;
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #424242;
}
#d-loader {
  display: none;
  z-index: 12;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 240px;
  min-height: 40px;
  margin-left: -120px;
  margin-top: -20px;
  background: #fff;
  border:3px solid #aaa;
  border-radius: 8px;
}
#d-loader > div.loader-wrapper {
  top: 1.4em;
  margin-left: -18px;
}
#d-loader > div.mess {
  text-align: center;
  margin: 40px 0 20px;
  color: #555;
}



/* General */
#main-wrapper{
	min-height: 100%;
  height: auto;
  margin: 0;
  padding: 140px 0 205px 0;
}
#main-wrapper > .content-wrapper {
  position: relative;
  padding: 70px 40px 70px 40px;
}
#main-wrapper.logged-in > .content-wrapper {
  padding: 0 40px 70px 40px;
}
#error-wrapper {
  padding: 70px 0;
  text-align: center;
}
.clearfix {
	margin: 0px auto;
  width: 100%;
}
.clearfix:after {
	clear: both;
	content: "\0020";
	display: block;
	height: 0;
	margin: 0px auto;
	overflow: hidden;
	visibility: hidden;
	width: 90%;
}

.spacer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 5px 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

.spacer2 {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 10px 0px;
	padding: 0px;
	clear: both;
	height: 4px;
	width: auto;
	background: #1f497d
}

.spacer3 {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 10px 0px;
	padding: 0px;
	clear: both;
	height: 10px;
	width: auto;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	visibility: hidden;
}

#ui-datepicker-div {
	font-size: 15px;
}

/* Header */

#header {
	height: 139px;
	min-width: 1075px;
  width: 100%;
  top: 0;
  left: 0;
	position: fixed;
  z-index: 10;
  background: rgba(236,237,236,1);
  background: -moz-linear-gradient(top, rgba(236,237,236,1) 0%, rgba(236,237,236,1) 92%, rgba(221,222,221,1) 98%, rgba(202,203,202,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,237,236,1)), color-stop(92%, rgba(236,237,236,1)), color-stop(98%, rgba(221,222,221,1)), color-stop(100%, rgba(202,203,202,1)));
  background: -webkit-linear-gradient(top, rgba(236,237,236,1) 0%, rgba(236,237,236,1) 92%, rgba(221,222,221,1) 98%, rgba(202,203,202,1) 100%);
  background: -o-linear-gradient(top, rgba(236,237,236,1) 0%, rgba(236,237,236,1) 92%, rgba(221,222,221,1) 98%, rgba(202,203,202,1) 100%);
  background: -ms-linear-gradient(top, rgba(236,237,236,1) 0%, rgba(236,237,236,1) 92%, rgba(221,222,221,1) 98%, rgba(202,203,202,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,236,1) 0%, rgba(236,237,236,1) 92%, rgba(221,222,221,1) 98%, rgba(202,203,202,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedec', endColorstr='#cacbca', GradientType=0 );
}

.menuDiv {
	display: inline-block;
	float: left;
}

ul.top_right{
	background-image: url('/public/images/log-in_bg.png');
	background-repeat: no-repeat;
	font-family: Arial;
	right: 0px;
	height: 60px;
    position: absolute;
	padding: 6px 20px 0 0;
	text-align: center;
	width: 403px;
    z-index: 12;
}

ul.top_right table {
	width: 90%;
	border: none;
	margin: -4px 0 0 15px;
	padding: 0;
}

ul.top_right td {
	border: none;
	text-align: left;
	font-weight: bold;
	color: white;
}

ul.top_right td a {
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 0pt black;
}

ul.top_right td a:hover {
	text-decoration: underline;
}

td#login_prefix {
	width: 5em;
	color: silver;
	text-shadow: 1px 1px 0pt black;
}

td#login_name {
	width: 100%;
	text-shadow: 1px 1px 0pt black;
}

td#user_timezone {
	margin: 0;
	padding: 0 0 0 2px;
	font-size: x-small;
	color: silver;
	white-space: nowrap;
	text-shadow: 1px 1px 0pt black;
}

ul.top_right .icon {
	background-size: auto 10px;
  margin: 3px 0 0 5px;
}
ul.top_right .icon.help {
  background-image: url(/public/images/ico_help2.png);
}

ul.menu{
	display: inline-block;
	min-width: 800px;
	padding: 90px 0px 0px 20px;
	position: absolute;
	text-shadow: 1px 1px 0pt white; /* horiz, vert, blur, color */
}

ul.menu li{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

ul.menu li a{
	border-right: #D2D2D2 1px solid;
	color: #626364; /* #8C8D8F; */
	display: block;
	float: left;
	font-family: Arial;
	font-size: 14px;
	height: 21px;
	padding: 4px 10px 0px 10px;
	text-decoration: none;
}

ul.menu li:last-child a{
	border-right: none;
	color: #626364; /* #8C8D8F; */
	display: block;
	float: left;
	height: 21px;
	padding: 4px 10px 0px 10px;
	text-decoration: none;
}

ul.menu li a:hover{
	text-decoration: none;
	color: black; /* #6BB5E4; */
}

ul.menu li a.current,ul.menu li a.current:hover{
	color: #0033CC; /* #6BB5E4; */
	text-decoration: underline;
}

ul.menu li a:active {
	color: lightgray;
}

.login-header {
	height: 71px;
	margin: 0px auto;
	padding: 10px 0 10px 0;
	width: 290px;
}

.logo {
	display: inline-block;
	float: left;
}

.login-data			{ width: 290px; padding: 30px 10px 25px 30px; background: #f2f2f2; border: #385d8a 1px solid; margin: 0px auto; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin-bottom : 20px; }
.button		{ display: inline-block; line-height: 16px; border: 1px solid #558ed5; font-size: 12px; font-family: arial; color: #000; font-weight: bold; cursor: pointer; padding: 3px 13px 3px 13px; text-align: center; }
.button2		{ display: inline-block; line-height: 16px; border: 1px solid #558ed5; font-size: 12px; font-family: arial; color: #000; font-weight: bold; cursor: pointer; padding: 3px 13px 3px 13px; text-align: center; }
.login-data label		{ display: block; width: 70px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
.login-data input.text		{ width: 160px; }
input.text			{ display: inline;  font-size: 12px; font-family: arial; color: #000; height: 16px; padding: 2px 4px 2px 4px; border: 1px solid #558ed5;}
.login-data .row		{ padding-bottom: 10px; }
.login-data .button		{ margin-left: 80px; border: 1px solid #558ed5;}
.login-data-os		{ width: 940px; padding: 30px 10px 25px 30px;  border: #385d8a 1px solid; margin: 0px auto; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin-bottom : 20px; }

/* Contents */

.contents {
  float: left;
  width: 200px;
  margin: 0px;
}

#mainContent {
  font-family: Arial;
  padding: 35px 0 0 350px;
}

#columnAlterArea {
	margin-bottom: 50px;
  white-space: nowrap;
}

#dataTable th {
	border-left: hidden;
	border-right: hidden;
	border-top: hidden;
}

#dataTable th, #dataTable th a {
	color: #9EBC66;
	font-size: 16px;
	height: 50px;
	text-decoration: none;
	vertical-align: text-top;
    white-space: nowrap;
}

#dataTable th a:hover {
	text-decoration: underline;
}

#dataTable td, #dataTable th, #dataTable th a {
	text-align: center;
}

#dataTable td {
	border: 2px solid #EDEDED;
	color: #A0A0A0;
	font-size: 14px;
	height: 46px;
	vertical-align: middle;
  white-space: normal;
	word-wrap: break-word;
}
.modalWindow table#dataTable td {
  border: 2px solid #EDEDED;
  height: 26px;
}

#dataTable th:first-child {
	text-align: left;
}

#dataTable th a.active {
	color: #183062;
}

#dataTable td:first-child {
	color: #666666;
	font-weight: bold;
	text-align: left;
}

#dataTable td:last-child {
	text-align: left;
    white-space: nowrap;
}

#dataTableLegend {
  margin-bottom: 25px;
}
#dataTableLegend div {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 20px;
  border: 1px solid #EDEDED;
  margin: 0 10px 0 30px
}
#dataTableLegend div:first-child{
  margin-left: 0
}

#scrollNotifier {
	display: none;
  position: absolute;
  bottom: 50px;
  z-index: 2;
  margin: 20px 0;
  padding: 15px;
  width: 300px;
  font-size: 18px;
  color: #5A5A5A;
	text-align: center;
  background: rgba(200,200,200,0.4);
  border-radius: 15px;
}


table#callFireRecordings {
    background-color: White;
}
table#callFireRecordings tr td {
    background-color: White;
}
.rightColumnScroller {
    overflow-x: hidden;
    width: 400px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 350px;
	word-wrap: break-word;
}
#sidebar .toggle {
  display: none;
}
#sidebar select{
  width: 310px
}

.sidebarTab, p {
	color: #646666;
	font-size: 18px;
	margin-top: 45px;
	text-shadow: 1px 1px 0pt white; /* horiz, vert, blur, color */
}

.sidebarTab p {
	padding-top: 7px;
	padding-left: 15px;
}

p.hint {
  font-size: inherit;
  margin-top: 2px;
  font-style: italic;
  line-height: 1.3;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #F5F5F5;
	-webkit-box-shadow: 3px 3px 4px #F5F5F5;
	box-shadow: 3px 3px 4px #F5F5F5;
	background-color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#F5F5F5')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#F5F5F5');
}

#clientsTab {
	background-image: url('/public/images/clients_tab.png');
	height: 37px;
	width: 90px;
}

table#clients {
	border: 2px solid #EDEDED;
	border-collapse: separate;
	width: 245px;
}

#myCampaignsTab {
	background-image: url('/public/images/my-campaigns_tab.png');
	height: 37px;
	width: 209px;
}

table#myCampaigns {
	border: 2px solid #EDEDED;
	border-collapse: separate;
	width: 265px;
}

table#clients th, table#myCampaigns th {
	color: #989898;
	width: 150px;
}

table#clients td, table#clients th, table#myCampaigns td, table#myCampaigns th {
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	font-size: 16px;
	padding: 10px;
}

table#clients th, table#myCampaigns th {
	border-right: none;
}

table#clients td, table#myCampaigns td {
	border-left: none;
	color: #646666;
}

.totalLeads {
	background-color: #EDEDED;
}

#filterTools {
	margin: 45px 0px 45px 0px;
}

#filterTools h2 {
  margin: 0;
  color: #777;
	font-size: 21px;
}
#filterTools h3 {
  margin: 20px 0 5px 0;
  color: #777;
	font-size: 17px;
}

#filterTools .dd span {
	color: #000000;
	font-size: 13px;
  font-style: normal;
}

#filterTools > span {
	color: #C20017;
	font-size: 16px;
	font-style: italic;
}

.filterTitle {
	color: #777;
	font-size: 17px;
}
.filterLabel {
	color: #777;
	font-size: 17px;
}


#saveBar {
  padding: 10px 0 20px 0;
}
#saveBar.following {
  position: fixed;
  top: 139px;
  width: 100%;
  padding: 7px 15px 11px 15px;
  background: rgba(240,240,240,0.7);
  border-radius: 3px;
}

/* Begin Styled Drop Down Lists */
select, option {
	/*display: none;*/
}

#disposition_msdd, #lead_tag_msdd, #lead_type_msdd,
#in_business_since_msdd,
#lead_status_msdd, #Status_msdd, #user_status_msdd, #user_role_msdd,
#Invoiceno_msdd, #page_alignment_msdd, #field_msdd, #split_id_msdd, #web_form_msdd {
	width: 150px !important;
}

#SubscriptionType_msdd, #user_role_msdd {
	width: 200px !important;
}

#user_companyName_msdd, #AccountId_msdd, #CampaignType_msdd, #Status_msdd, #Invoiceno_msdd {
	width: 240px !important;
}

#thankyoupage_id_msdd, #ddlName_msdd {
	width: 250px !important;
}

#account_id_msdd, #campaignId_msdd {
	width: 283px !important;
}

#campaign_id_msdd, #lncampaign_id_msdd {
	width: 458px !important;
}
/* End Styled Drop Down Lists */


.newTextField {
	height: 23px;
	width: 145px;
}

#dateRangeBeginInput, #dateRangeEndInput {
	width: 80px;
}



.newButton {
	background: url('/public/images/submit-bttn.png') no-repeat right;
	border: hidden;
	height: 30px;
	text-align: center;
	width: 62px;
}

.newButton:hover {
	background: url('/public/images/submit-bttn-hover.png');
}

.linkButton {
	background-color: transparent;
	border: none;
	color: #BCD944;
	font-size: 16px;
	font-weight: bold;
}

.linkButton:hover {
	text-decoration: underline;
}


.sideButton {
	color: #fff;
	height: 72px;
	margin: 15px 0 0 -12px;
	text-align: center;
	width: 247px;
	vertical-align: bottom;
}
.sideButton:first-child {
  margin-top: 30px
}
.sideButton a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	vertical-align: bottom;
	cursor: pointer;
}
.sideButton a:hover {
	text-decoration: underline;
}
.sideButtonIcon {
	display: inline-block;
	vertical-align: bottom;
}

.blueButton {
	background: url('/public/images/blue-bttn.png') no-repeat;
}
.blueButton span.sideButtonIcon {
	background: url('/public/images/addIcon.png') no-repeat;
  background-size: 21px, 22px;
	height: 22px;
	margin-top: 19px;
	width: 21px;
}

.lightBlueButton {
	background: url('/public/images/lightblue_bttn.png') no-repeat;
}

.exportButton span.sideButtonIcon {
	background: url('/public/images/exportIcon.png') no-repeat;
    background-size: 40px, 30px;
	height: 30px;
	margin-top: 11px;
    width: 45px;
}

.importButton span.sideButtonIcon {
	background: url('/public/images/importIcon.png') no-repeat;
    background-size: 35px, 26px;
	height: 26px;
	margin-top: 15px;
    width: 40px;
}
/* Scroller */

#back-top {
	bottom: 50px;
	display: none;
	position: fixed;
	right: 0px;
  padding: 0 10px;
}

#back-top a {
	width: 40px;
  padding: 10px;
  background: rgba(200,200,200,0.3);
  border-radius: 15px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
  text-shadow: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #fff;
  background: rgba(200,200,200,1);
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}


#saved-status {
  display: none;
  color: white;
  left: 50%;
  margin: 0 0 0 -25%;
  padding: 5px;
  position: fixed;
  text-align: center;
  top: 210px;
  width: 50%;
  text-shadow: 1px 1px 1pt #303030;
  box-shadow: 0 2px 5px #303030;
  border-radius: 7px;
  opacity: 0.95;
}

/* Modal Window */
.ow-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #424242;
    opacity: 0.8;
}

.ow-closed, .invisible {
    display: none;
}

.invisibleLoader {
    visibility: hidden;
}

.close-button, .print-button {
	display: block;
	width: 25px;
	height: 25px;
	background: url(/public/images/modalCloseHover.png) 0 0 no-repeat;
	opacity: 0.6;
	float: right;
	margin: -30px -30px 0 0;
}

.close-button:hover, .print-button:hover {
	opacity: 1;
}

.print-button {
  background-image: url(/public/images/printIcon.png);
  margin-right: 10px;
}

.modal {
	background: #FFF;
	left: 50%;
	position: absolute;
	z-index: 11;
	min-height: 300px;
	min-width: 600px;
	padding: 40px;
  border-radius: 15px;
}

.object {
	text-align: center;
    height: 100%;
}

.modalWindowHeader {
	color: #777;
	display: inline-block;
	font-size: 24px;
	margin-bottom: 30px;
}

.modalWindowHeaderDesc {
	font-size: 12px;
	font-weight: normal;
}
.modalWindowRequired {
  color: #C20017;
  font-size: 16px;
  font-weight: normal;
}
.modalWindowMessages,
.mainWindowMessages {
  display: none;
  padding: 10px 20px 12px 20px;
  margin-bottom: 30px;
  font-size: 16px;
  border: none;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 3px 6px #555;
}
.modalWindowMessages.success,
.mainWindowMessages.success {
  background: #4BA636;
}
.modalWindowMessages.info,
.mainWindowMessages.info {
  background: #1b75bc;
}
.modalWindowMessages.grey,
.mainWindowMessages.grey {
  color: #707070;
  background: #DDD;
}
.modalWindowMessages.fail,
.mainWindowMessages.fail {
  background: #B62326;
}
.modalWindowMessages p,
.mainWindowMessages p {
  margin: 5px 0;
  font-size: inherit;
  color: inherit;
  text-shadow: none;
}
.modalWindowMessages.success b {
  color: #aa2211;
}
.modalWindowMessages.fail b {
  color: #ffa500;
}

.modalWindow label, .labelNoCaseChange{
	color: #666666;
	font-size: 16px;
  font-weight: normal;
  line-height: 210%;
  white-space: nowrap;
}
.modalWindow label + label {
  margin-left: 15px
}
.modalWindow p.hint {
  width: 260px;
  margin-top: 5px;
}
#content-label {
    padding-top: 10px;
    vertical-align: top;
}

.modalWindowContent {
	border: 0px solid white;
	/*margin: 0 120px 0 120px;*/
}

.modalWindowContent table, .modalWindowContent tbody, .modalWindowContent form {
	border: 0px solid white;
}

.modalWindow table, .modalWindow table td{
	border: none;
}
.modalWindow input{
  width: 250px;
}
.modalWindow select {
  width: 260px;
}
.modalWindow textarea{
  width: 250px;
  padding: 0 5px;
  resize: none;
}
.modalWindow input[type='checkbox'],
.modalWindow input[type='radio']{
	height: auto;
  width: auto;
  margin: 10px 0 0 0;
}
.modalWindow label > input[type='checkbox'],
.modalWindow label > input[type='radio'] {
  margin-right: 5px;
}
.modalWindow *[readonly] {
  color: #999;
  border: none
}

.modalWindow #contact #middle_name {
  width: 10px;
}
.modalWindow #LeadLinks {
  position: absolute;
  right: 100px;
  top: 18px;
}
.modalWindow #prevLeadLink {
  float: left;
  display: none;
  margin-right: 40px;
}
.modalWindow #nextLeadLink {
  float: right;
  display: none
}

.orderHistory table, .orderHistory table td, .orderHistory table th {
	color: #666666;
	border: 2px solid #EDEDED;
}

.orderHistory span {
	color: #666666;
}

.faqs {
    width: 450px;
}

.faqQuestion {
    font-size: 17px;
}

.faqAnswer {
    font-size: 15px;
    margin: 10px 0 30px 0;
}

/* Communication log */
.logs th{
  background: #ededed;
}
.logs tr{
  cursor: help;
}
.logs tr:nth-child(odd){
  background: #f1f1f1;
}
.logs td.status_ok {
  color: #00bb00;
  text-align: center;
}
.logs td.status_fail {
  color: #cc0000;
  text-align: center;
}

/* Footer */

#preFooterSpacer {
    height: 80px;
}

#footerSpacer {
	height: 156px;
}

#footer {
	background: url('/public/images/footer_bg.png') repeat-x top;
	height: 203px;
	position: absolute;
	width: 100%;
	z-index: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#footerTextArea {
	background-image: url('/public/images/footer_gradient_bg.png');
	background-repeat: no-repeat;
  bottom: 0px;
	clear: both;
	height: 203px;
  left: 0;
	position: absolute;
	width: 100%;
}

#footerLinks {
	padding-top: 30px;
	text-align: center;
}

#footerLinks a{
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}

#footerLinks a:hover{
	color: #fff;
	text-decoration: underline;
}

#copyright {
	color: #828282;
	font-size: 11px;
	font-weight: bold;
    margin-top: 40px;
	text-align: center;
}

.spacer30
{
min-height:39px;
}



.userform
{
width:35%;

}
.login-form
{
 color: red;
    margin-left: 79px;
    margin-top: 8px;

}

.required {
	background-image: url(/public/images/asterik.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 15px 0 10px;
}

.optional {
	padding: 0 5px;
}

.error{
 color: red;
 font-weight: bold;
}

.errors {
	color: #C20017;
	font-weight: bold;
	padding-left: 20px;
}
.field-status {
  padding: 7px 0;
  font-weight: bold;
}
.field-error {
  color: #C20017;
  font-weight: bold;
  padding: 7px 0;
}
.field-success {
  color: #4BA636;
  font-weight: bold;
  padding: 7px 0;
}

.validated {
	color: #1BE01B;
	font-weight: bold;
	padding-left: 20px;
}

.account{
  width: 145px;
}
.textInput
{
border: 1px solid rgb(242,242,242);
background: rgb(242,242,242);
color: #000000;
}


/********** Drop Down List *****************/
.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:-2px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

.dd{border:2px solid #ededed;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align: left;}
.dd .divider{right:27px;}
.dd .ddArrow{width:29px;height:30px; margin-top:-15px; background:url(/public/images/drop-down_bttn.png) no-repeat;}
.dd .ddArrow:hover{background-image: url(/public/images/drop-down_bttn_hover.png)}
.dd .ddTitle{color:#000}
.dd .ddTitle .ddTitleText{padding:5px 29px 5px 5px; height: 16px; word-wrap: break-word;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:0px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333; word-wrap: break-word;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}


.followUpDateAlert, .followUpDateAlert a:link , .followUpDateAlert a:visited{
    color: #C20017 !important;
}
.followUpDateAlert a:hover {
    color: red !important;
}
.followUpDateAlertRow {
    background-color: #FDFFCC;
}
.verifyAlertRow {
    background-color: #DDD;
}

/*******************
  UI override
*******************/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border-color: #294871;
  background:#294871;
  color: #d7d7d7;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover

{
  border-color:#0060BF;
  background:#0060BF;
  color:#fff;
}

/*******************
  UI TimePicker override
*******************/
/*
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
*/


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/*******************
  UI ToolTip override
*******************/
.ui-tooltip {
  padding: 10px;
  max-width: 500px !important;
}
.ui-tooltip.no-padding {
  padding: 0px;
}
.ui-tooltip.ui-corner-all {
  border-radius: 9px;
}
.ui-widget-shadow {
  box-shadow: -5px 5px 8px #aaa;
}
.img-tooltip {
  float:left
}

/*******************
  UI button override
*******************/
.ui-button {
  outline: none;
  height: auto;
}
.ui-button.ui-blue {
  background: #385d8a;
  border-color: #385d8a;
  color: #d7d7d7;
}
.ui-button.ui-blue:hover {
  background: #0060BF;
  border-color: #0060BF;
  color: #fff;
}
/*******************
  UI Accordion override
*******************/
.accordion {
  border-bottom: 1px solid #dedede;
}
.ui-accordion-header {
  border: none;
  background: none;
  padding: 15px 5px;
  cursor: pointer;
  outline: none;
  font-weight: bold;
  color: #999;
}
.ui-accordion-header:hover {
  background: #f1f1f1;
  color: #385d8a;
}
.ui-accordion-content {
  border: none;
  border-top: 1px dashed #e5e5e5;
  padding: 20px 10px;
  background: #fafafa;
}
/*******************
  Select2 plugin
*******************/
.select2-container {
  min-width: 100px
}
.select2-container .select2-selection {
  border-radius: 0;
  border: 2px solid #ededed;
  background: #fff
}
.select2-container .select2-selection .select2-selection__arrow {
  border-color: #ddd;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container.select2-container--disabled .select2-selection {
  background: #e3e3e3
}
.select2-container .select2-selection .select2-selection__rendered {
  padding-right: 27px;
}
.select2-container .select2-selection--multiple .select2-search--inline {
  float:none;
  clear:both;
  display: block;
}
.select2-container .select2-search__field:not([placeholder = '']) {
  width: 100% !important;
}
.modalWindow .select2-container {
  width: 264px
}
.select2-selection--multiple {
  padding-right: 26px !important;
  cursor: pointer !important;
}
.select2-container--default .select2-selection--multiple:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.select2-container--default.select2-container--open .select2-selection--multiple:after {
  border-top: none;
  border-bottom: 5px solid #333;
}
.select2-container--default .select2-selection .select2-selection__rendered {
  padding-right: 0;
}
.select2-dropdown, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
}

/*******************
  RateIt plugin
*******************/
.rateit-font div {
  font-size: inherit;
}
.rateit .rateit-selected {
  color: #0060BF;
}
.rateit .rateit-hover {
  color: #0060BF;
}





.duplicatesCheckbox {
    margin-right: 30px;
}



.insertSelect {
  width: 200px;
}
/*******************
  Page specific
*******************/
/*******************
  Home page
*******************/
#mainContent.page-home .dataTable td {
	border: 2px solid #E4E4E4;
	color: #A0A0A0;
	font-size: 14px;
	height: 35px;
	vertical-align: middle;
  white-space: normal;
	word-wrap: break-word;
}
#mainContent.page-home .dataTable th {
  text-align: center;
  border: none;
}
#mainContent.page-home .dataTable td a {
	color: #C20017;
	font-size: 10pt;
  vertical-align: middle;
  white-space: normal;
	word-wrap: break-word;
  display: inline-block;
  width: 100%;
  text-align: center;
}
#mainContent.page-home .dataTable td a:hover {
	color: #A0A0A0;
}

/* Leads to follow-up */
#followUpLeads {
  margin-bottom: 70px;
}
#followUpLeads h3 {
	padding: 0 0 10px 0;
	font-family: Arial;
}
/* Appointments calendar */
#appointments {
  margin-bottom: 70px;
}
#appointments h3 {
	padding: 0 0 10px 0;
	font-family: Arial;
}
#appointments-cal-wrapper {
  position: relative;
  padding-top: 25px;
  margin-top: 25px;
  border: 1px solid #EDEDED;
}
#appointments-cal {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%
}
#appointments-cal table {
	table-layout: fixed;
}
#appointments-cal th {
	padding:0;
}
#appointments-cal th div {
  position: absolute;
  width: 12.5%;
  height: 18px;
  padding-top: 7px;
  top: 0;
  background: #eee;
}
#appointments-cal td {
	border-top: none;
}
#appointments-cal .dataTable td:first-child {
	border-left: none;
  text-align: right;
}
#appointments-cal tr.time-row-optional {
	display: none;
}
.singleAppointment {
    padding: 5px;
	text-align: left;
	font-size: 9pt;
}
.singleAppointment a {
    color: #2D55B2 !important; /* #4079FF */
	font-weight: bold;
}

.singleAppointment div {
	font-size: 9pt;
	color: #CC3300;
	line-height: normal;
}



#lead-form td {
  vertical-align: top;
}
#lead-form td > div, #lead-form .accordion dd > div > div {
  display: inline-block;
  vertical-align: top;
}
#lead-form .accordion label {
  white-space: normal;
}
#lead-form .survey-data>div {
  margin-top: 25px;
}
#lead-form .survey-data>div.intro {
  font-size: 16px;
  font-style: italic;
  margin: 0;
}
#lead-form .survey-data dt {
  padding-bottom: 5px;
}
#lead-form .survey-data label {
  padding: 0;
  line-height: 1.5
}
#lead-form .survey-data .markets-in dl dd label {
  font-size: 15px;
  line-height: 1.9
}
#lead-form .survey-data textarea {
  width: 97%;
}
#lead-form td > div.integration-wrapper,
#lead-form td > div.notification-wrapper,
#lead-form td > div.no-notification-wrapper {
  display: block;
}
#lead-form td#extra-data > div {
  display: block;
}
#lead-form input[type=checkbox], #lead-form input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  margin: 0 5px 0;
}
#lead-form input[type=radio] {
  bottom: 2px;
}
/*******************
  FollowUp page
*******************/
#mainContent.page-follow-up .form-row {
  padding: 8px 15px;
}
#mainContent.page-follow-up .form-row.highlight {
  background: #fafafa;
}
#mainContent.page-follow-up .form-row dl {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
#mainContent.page-follow-up .form-row dl:first-child {
  margin-left: 0;
}
#mainContent.page-follow-up .form-row dt {
  padding: 0 0 5px 0;
}
#mainContent.page-follow-up .form-row.highlight dl {
  vertical-align: middle;
}
#mainContent.page-follow-up .form-row.highlight dt,
#mainContent.page-follow-up .form-row.highlight dd {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
#mainContent.page-follow-up .form-row .optional {
  padding: 0 10px 0 0;
}
#mainContent.page-follow-up .form-row .icon {
  margin: 0;
}
/*******************
  Lead Feedback page
*******************/
#mainContent.page-feedback {
  padding-left: 50px
}
#mainContent.page-feedback .form-row {
  padding: 10px 0;
}
#mainContent.page-feedback .form-row dt {
  padding: 0 0 10px 0;
}
#mainContent.page-feedback .form-row label {
  font-size: 14px;
}
#mainContent.page-feedback .form-row .optional {
  padding: 0;
}
/*******************
  WebForm page
*******************/
.page-webform #script {
  width: 100%;
  border: 1px solid #dedede;
}
/*******************
  Integrations page
*******************/
#mainContent.page-integrations #dataTable th:first-child,
#mainContent.page-integrations #dataTable td:first-child {
  text-align: center
}
/*******************
  API page
*******************/
#mainContent.page-api {
  padding-left: 50px
}

/*******************
  Leads page
*******************/
.contact-search input[name="search"] {
  width: 296px;
}
#filterTools .surveyDataFilled #surveyDataFilled {
  margin-right: 3px;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}
#filterTools .dateRangeFilter {
  margin:20px 0 15px 0;
  display: flex;
  justify-content: space-between;
  width: 310px;
}
#filterTools .surveyDataFilled {
  margin-top: 25px;
}

/*******************
  Responsiveness
*******************/
@media only screen and (max-width: 1600px) {
  #dataTable th:nth-child(n+8),
  #dataTable td:nth-child(n+8) {
    display: none;
  }
}
@media only screen and (max-width: 1500px) {
  #dataTable th:nth-child(n+6),
  #dataTable td:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 1400px) {
  #dataTable th:nth-child(n+4),
  #dataTable td:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 1100px) {
  #mainContent {
    padding: 35px 0 0 0;
  }
  #sidebar {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -70px;
    bottom: 0;
    background: #f1f1f1;
    padding-left: 40px;
  }
  #sidebar.collapsed {
    padding:50px 20px;
    width: 14px;
  }
  #sidebar.collapsed *{
    display: none
  }
  #sidebar .toggle {
    display: block !important;
    float: right;
    width: 25px;
    height: 25px;
    background: transparent url(/public/images/modalCloseHover.png) 0 0 no-repeat;
    cursor: pointer
  }
  #sidebar.collapsed .toggle {
    position: fixed;
    left: 20px;
    top: 150px;
    width: 14px;
    height: 20px;
    background-image:url(/public/images/ad_scroll_forward.png);
  }
}
#dataTable th:last-child,
#dataTable td:last-child {
  display: table-cell;
}
.extra-data-scroller-wrapper {
  width: auto;
  margin: 10px 0 20px 0;
  border: 1px solid #aaa;
}
.extra-data-scroller {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  padding: 15px;
  margin: 10px 1px;
}