/**
* @version 1.7
* @copyright Scott Johnson futureshocksolutions.com 2018
* @license by Scott Johnson futureshocksolutions.com 2018
*/


/* General */

html, body {
	height: 100%;
}
body {
	margin: 0 !important;
	padding: 0;
	background-color: #ffffff;
}
table {
	border-spacing: 0;
	font-family: sans-serif;
}
td {
	padding: 0;
}
img {
	border: 0;
}
div[style*="margin: 16px 0"] {
	margin:0 !important;
}
.wrapper {
	width: 100%;
}
@media screen{
	p, input {
		font-family: 'Montserrat',Helvetica,arial, sans-serif;
	}
}
p {
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	Margin: 0;
	color: #636466;
}
a {
	color: #636466;
	text-decoration: none;
}
a:hover {
	color: #1585c2 !important;
	text-decoration: underline;
}
a:visited {
	color: #636466;
	text-decoration: none;
}
.h1 {
	font-size: 36px !important;
	line-height: 42px;
	text-align: center;
	font-weight: bold;
	Margin-bottom: 18px;
	Margin-top: 18px;
	color: #ffb819;
}
.disclaimer-type {
	font-size: 14px !important;
	line-height: 10px;
	color: #ffffff;
	text-align: center;
	background-color: #1585c2;
}


/* Login Page */

.login {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.site-request-password-reset {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.site-reset-password {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#resetpasswordform-password {
    width: 200px;
}

.logintype {
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}
input[type=text] {
    width: 200px;
    padding: 5px;
    margin: 0;
    display: inline-block;
    border: 1px solid #939598;
    box-sizing: border-box;
	border-radius: 5px;
}


/* Main Page - Header */

.wrapperx {
	width: 100%;
	height: 100%;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.mainheader {
	width: 100%;
}
.buttons td {
	vertical-align: middle;
    margin-top: 10px;
}

.buttons_table {
    margin: 10px 0;
    width:1000px;
}
.button {
	width: 80px;
	height: 20px;
    display: block;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
	color: #ffffff;
	background-color: #253a61;
}
.button:hover {
	color: #ffffff !important;
	text-decoration: none;
	background-color: #1585c2;
}
.button:visited {
	color: #ffffff;
}

.dashboard_button {
    display: block;
    width: 100%;
    height: 26px;
    float:left;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    font-size: 11px;
    line-height: 27px;
    font-weight: bold;
    color: #ffffff;
    background-color: #253a61;
}
.dashboard_button:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #1585c2;
}

.dashboard_button:visited {
    color: #ffffff;
}

.assign_button {
    display: block;
	border:0;
	margin-top: 3px;
	margin-bottom: 3px;
    width: 100%;
    height: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    font-size: 11px;
    line-height: 25px;
    font-weight: bold;
    color: #ffffff;
    background-color: #253a61;
}
.edit_user_button {
	display: block;
	border: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 100%;
	height: 25px;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	color: #ffffff;
	background-color: #253a61;
}
.assign_button:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #1585c2;
}

.assign_button:visited {
    color: #ffffff;
}

.top td {
	width: 50%;
	vertical-align: top;
}
.dealerlogo {
	
}
.logout {
	margin: 10px 10px 0 0;
	position: absolute;
	right: 0;
}


/* Main Page - Body Content */

.bodycontent {
}
.bodyheader td {
	padding-top: 5px;
    padding-bottom: 3px;
	vertical-align: bottom;
}
.bodyheaderleft p {
	font-size: 10px !important;
	/*text-align: left;*/
	Margin: 0;
	color: #939598 !important;
}
.bodyheadercentered p {
	font-size: 10px !important;
	text-align: center;
	color: #939598 !important;
}
.bodyheader a {
	color: #939598;
	text-decoration: none;
}
.bodyheader a:hover {
	color: #636466 !important;
	text-decoration: underline;
}
.bodyheader a:visited {
	color: #939598;
	text-decoration: none;
}

.assign, .customer {
	width: 210px;
}
.assign_text {
    font-size: 14px;
    color: #636466;
    margin-top:15px;
	text-align: center;
}

.left_text {
	font-size: 14px;
	color: #636466;
	margin-top:15px;
}

.customer_text {
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: blue;
	padding:0;
}

.customer_id {
	font-size: 10px !important;
	color: #939598 !important;
}

.unsubscribe_text {
	border: none;
	background-color: transparent;
	font-size: 10px;
	color: red;
	padding:0;
}

.email_link_text {
    border: none;
    background-color: transparent;
    font-size: 10px;
    color: #636466;
}

.datetime {
	width: 60px;
    text-align: center;
    color: #636466;
}
.datetime p{
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}
.priority, .emailsent, .emailopened, .directmailsent, .callattempt{
	width: 100px;
	text-align: center;
}

.priority_text {
    color: #636466;
    font-size: 10px;
    margin-top: 5px;
    font-weight: bold;
}

.websitevisits {
    width:80px;
    text-align: center;
}
.callscript {
    width:120px;
    font-size: 8px;
    text-align: center;
}
.notes p {
	font-size: 10px !important;
	color: #939598 !important;
}

.header_text_container {
	height: 30px;
}

.header_text {
	font-size: 10px !important;
	color: #939598 !important;
	display: flex;
	height: 100%;
}
.header_text_bottom {
	margin-right: auto;
	margin-left: auto;
	align-self: flex-end;
}
.sub img {
    vertical-align: sub;
}
.caption {
	text-align: center;
	font-size: 10px;
	color: #636466;
}
.divider {
	background-color: #c7c8ca;
}
.bodyrow {
    border-bottom: 1px solid lightgray;
}
.bodyrow td {
	vertical-align: top;
    padding-top: 3px;
}
.bodyrow:hover {
	background-color: #f4f7fc !important;
}

.status_icon {
    text-align: center;
}

/* Pop-ups */

.popupheader {
	font-size: 20px;
}
.popupcustomerinfo {
	width: 250px;
	display: block;
	text-align: left;
	text-decoration: none;
	font-size: 11px;
	color: #808285;
	background-color: #ffffff;
	vertical-align: top;
}
.popupcustomerinforow td {
	vertical-align: top;
	padding-bottom: 8px;
}
.popupcustomerinforow td .phone{
    vertical-align: top;
    padding-bottom: 3px;
}
.popupcustomerinforow img {
	padding-right: 6px;
}
.popupcustomerinfoheaders {
	font-size: 15px;
	line-height: 20px;
	color: #939598;
	vertical-align: top;
    font-weight: bold;
}
.popupcustomerinfocontent {
	font-size: 16px;
	line-height: 20px;
}
.popupwebsitevisits {
	width: 500px;
	padding: 20px;
	display: block;
	text-align: left;
	text-decoration: none;
	border: 1px solid #939598;
    border-radius: 10px;
	font-size: 18px;
	color: #808285;
	background-color: #f3f3f4;
	vertical-align: top;
}
.popupwebsitevisitsbox {
	width: 460px;
	padding: 15px;
	display: block;
	text-align: left;
	text-decoration: none;
	border: 1px solid #939598;
    border-radius: 10px;
	font-size: 18px;
	color: #636466;
	background-color: #ffffff;
	vertical-align: top;
}
.popupwebsitevisitsheaders {
	font-size: 9px;
	line-height: 12px;
	color: #939598;
	vertical-align: top;
}
.popupwebsitevisitscontent {
	font-size: 11px;
	line-height: 14px;
}
.popupnotes {
	width: 500px;
	padding: 20px;
	display: block;
	text-align: left;
	text-decoration: none;
	border: 1px solid #939598;
    border-radius: 10px;
	font-size: 18px;
	color: #808285;
	background-color: #f3f3f4;
	vertical-align: top;
}
.popupnotesbox {
	width: 460px;
	padding: 15px;
	display: block;
	text-align: left;
	text-decoration: none;
	border: 1px solid #939598;
    border-radius: 10px;
	font-size: 18px;
	color: #636466;
	background-color: #ffffff;
	vertical-align: top;
}
.popupnotesheaders {
	font-size: 9px;
	line-height: 12px;
	color: #939598;
	vertical-align: top;
}
.popupnotescontent {
	font-size: 11px;
	line-height: 14px;
}


/* Footer */

#footer {
	width: 100%;
	/*height: 40px;*/
	position: absolute;
	bottom: 0;
	/*line-height: 100px;*/
}
#footer-contents {
    vertical-align: middle;
}
#footer img {
    vertical-align: middle;
	padding-right: 10px;
}

.visit_count, .visit_duration {
    font-size: 10px;
    text-align: center;
}

a.btn-contact {
    color: white;
    background-color: #337ab7;
    border-color: #2e6da4;
}

a.btn-contact:focus {
  color: white;
  background-color: #286090;
  border-color: #122b40;
}
a.btn-contact:hover {
  color: white;
  background-color: #286090;
  border-color: #204d74;
}

a.btn-contact:active {
    color:white;
}

.fixed-header {
    overflow: hidden;
    position: fixed;
    background-color: white;
    top:0;
    width:100%;
	z-index: 99;
}

.scroll-body {
    margin-top:280px;
}

.crm_export_button {
	text-decoration: none;
	outline: none;
}

a img{
	outline: none;
	border: none;
}

#reassign_form_button {
	display: none;
}

/*Fix for checkbox pushing away from left side*/
.assign_checkbox {
	margin-left: -25px;
}