@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);
* {
	font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/********************/


/* BASE LOGIN REVISION HISTORY */


/* 
    DATE        WHO Comments
    ----------  --- -------------------------------------------------------------
    12/22/2015  DG  logo-right needs height to show logo if <p> inside it is gone and moved sign-in form higher for smaller screens first view
    12/22/2015  DG  cleaned out all un needed styles
    12/23/2015  DG  organized styles and cleaned up more - added tons of support for brand-icons
    07/06/2016  JTR Added suppression of social media icons
    01/20/2017  DG  Fix for large HTML tags being left in the welcome text
	01/20/2017  DG  Fix for some browsers making input box text white on white.
*/


/* END REVISION HISTORY */


/************************/

body {
	color: #434a54 !important;
}


/*TYPOGRAPHY*/

a,
a:link {
	color: #434a54 !important;
	font-weight: 500;
	cursor: pointer;
	text-decoration: underline;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

a:visited {
	color: inherited !important;
}

a:hover {
	color: #898f97 !important;
	text-decoration: none !important;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

h1 {
	font-size: 56px;
	line-height: 1.35;
	letter-spacing: -.02em;
	margin: 24px 0
}

h1,
h2 {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 400
}

h2 {
	font-size: 45px;
	line-height: 48px
}

h2,
h3 {
	margin: 24px 0
}

h3 {
	font-size: 34px;
	line-height: 40px
}

h3,
h4 {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 400
}

h4 {
	font-size: 24px;
	line-height: 32px;
	-moz-osx-font-smoothing: grayscale;
	margin: 24px 0 16px
}

h5 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .02em
}

h5,
h6 {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	margin: 24px 0 16px
}

h6 {
	font-size: 16px;
	letter-spacing: .04em
}

h6,
p {
	font-weight: 400;
	line-height: 24px
}

p {
	font-size: 14px;
	letter-spacing: 0;
	margin: 0 0 16px
}

blockquote {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	position: relative;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.35;
	letter-spacing: .08em
}

blockquote:before {
	position: absolute;
	left: -.5em;
	content: '“'
}

blockquote:after {
	content: '”';
	margin-left: -.05em
}

mark {
	background-color: #f4ff81
}

dt {
	font-weight: 700
}

address {
	font-size: 12px;
	line-height: 1;
	font-style: normal
}

address,
ul,
ol {
	font-weight: 400;
	letter-spacing: 0
}

ul,
ol {
	font-size: 14px;
	line-height: 24px
}

.font-thin {
	font-weight: 200 !important;
}
.welcome-subheader {
	font-size: 24px;
}

/*LAYOUT */

.logo-left {
	background-image: none;
	background-repeat: no-repeat;
	padding-top: 100px;
	background-position: left 170px;
	height: 400px;
}

.logo-right {
	background-image: none !important;
	background-repeat: no-repeat;
	height: 100px;
}

.page-login .page-login-main .brand {
	margin-bottom: 60px;
	margin-top: 30px;
}


.layout-full {
	background: #cacaca!important;
	background-image: -webkit-linear-gradient(to left, #434a54, #aab2bc)!important;
	background-image: linear-gradient(to left, #434a54, #aab2bc)!important;
}

.layout-full::before {
	position: fixed;
	top: 0px;
	left: 0px;
	content: "";
	width: 100%;
	height: 100%;
	background-position: center top !important;
	background-size: cover !important;
	z-index: -1;
	background-image: none;
}

.page-login .page-brand-info {
	margin: 0px 0px 0px 90px;
}


.page-login .page-brand-info p {
	opacity: 0.8;
	max-width: 650px;
	color: white;
	font-size: 18px;
	margin-left: 15px;
	margin-top: 195px;
	font-weight: 600;
}

.page-login .page-login-main {
	width: 600px;
	position: absolute;
	right: 0;
	top: 0;
	height: auto;
	min-height: 100%;
	padding: 0px 60px 10px;
	background: #fff;
	border-left: 8px solid #b8babe;
}


@media (min-width:768px) and (max-width:991px) {
	
	.page-login .page-brand-info > p {
		display: none!important;
	}
	
	.logo-right {
		background-image: none !important;
		background-repeat: no-repeat;
		height: 100px;
	}
	.logo-left {
		background-image: none !important;
	}
	.LostPasswordTable {
		width: 80% !important;
	
	}
}

@media (max-width:767px) {
	.page-login .page-login-main {
		padding-top: 30px;
		width: 100%;
		border-top: 8px solid #b8babe;
		border-left: none !important;
		top: 60px !important;
	}
	
	.logo-right {
		background-image: none !important;
		background-repeat: no-repeat;
		height: 100px;
	}
	.LostPasswordTable {
		width: 80% !important;
		
	}
	
}

@media (max-width:480px) {
	.page-login .page-login-main {
		padding: 30px 20px;
	}
	
	.page-login .page-login-main .brand {
		margin-bottom: 30px !important;
	}
	.logo-right {
		background-image: none !important;
		background-repeat: no-repeat;
		height: 100px;
		background-size: 300px;
	}
	.LostPasswordTable {
		width: 80% !important;
		
	}
	.md-modal{
	    width: 100% !important;
     }
	.LostPasswordTable td {
		padding: 5px !important;
	}
	.LostPasswordText {
	font-size: 16px !important;
}

}

/* Exsisting FORM reset*/

#lblLogin,
#lblPassword,
#lblCountry,
.LostPasswordText {
	color: #393939 !important;
	margin-right: 10px;
	display: block;
}

.login-TextBox,
.login-DropDown,
#txtDealerURL,
#txtLostEmailAddress,
#txtDealerID,
#txtRPDealerID,
#txtRPDealerURL,
#Password,
#cboCountry {
	border: #a9a9a9 1px solid !important;
	border-radius: 0 !important;
	background-color: none !important;
	width: 100% !important;
	margin-bottom: 15px !important;
	padding-left: 10px !important;
	height: 35px !important;
	font-size: 16px !important;
	height: 45px !important;
	color: #777;
}

#lblCountry {
	display: none !important;
}

.login-LabelTD {
	padding-bottom: 11px !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	font-style: normal !important;
}

#btnLogin,
#btnLogin:visited {
	background-color: #363b43 !important;
	border: none !important;
	padding: 10px 30px !important;
	width: 64% !important;
	font-size: 16px !important;
	color: white !important;
	cursor: pointer !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)!important;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#btnLogin:hover {
	background-color: #666e78 !important;
	border: none !important;
	box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
}

#btnLogin:active {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)!important;
	background-color: #363b43 !important;
}

.CenteredLoginBox {
	width: 100%;
}

.login-ContextLabel {
	display: none !important;
}

.NLlogin-Error {
	width: 100% !important;
	background-color: rgba(255, 0, 0, 0.7) !important;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12) !important;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	margin-bottom: 15px;
	border-left: solid 10px rgba(255, 0, 0, 1) !important;
	color: #fff !important;
	text-align: left;
	font-size: 16px !important;
	font-family: inherit !important;
}

.LoginMustHaveCookies {
	font-size: 11px !important;
	padding-bottom: 0px;
}

footer {
	text-align: center;
	padding: 20px 0;
	border-top: solid 1px #ddd;
	margin-top: 20px;
	width: 100%;
}

.copyright {
	width: 100% !important;
	position: absolute !important;
	background-color: transparent;
	left: 0px;
	bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 11px;
}

.page-copyright .social a {
	margin: 0 10px;
	text-decoration: none !important;
	color: #fff;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
}

.page-copyright .social .icon {
	font-size: 16px;
	color: #fff;
	margin: -1px 0px 0px;
}

.page-copyright .social .icon:focus,
.page-copyright .social .icon:hover {
	color: #fff;
}

.page-copyright .social .icon.active,
.page-copyright .social .icon:active {
	color: #fff;
}

.page-copyright-inverse {
	color: #fff
}

.page-copyright-inverse .social .icon {
	color: #fff
}

.page-copyright-inverse .social .icon:active,
.page-copyright-inverse .social .icon:hover {
	color: rgba(255, 255, 255, .8)
}


.social-facebook {
    color: #fff;
    background-color: #3b5998 !important
}

.social-facebook:focus, .social-facebook:hover {
    color: #fff;
    background-color: #4c70ba !important
}

.social-facebook.active, .social-facebook:active {
    color: #fff;
    background-color: #2d4373 !important
}

.bg-facebook {
    background-color: #3b5998
}

.social-twitter {
    color: #fff;
    background-color: #55acee !important
}

.social-twitter:focus, .social-twitter:hover {
    color: #fff;
    background-color: #83c3f3 !important
}

.social-twitter.active, .social-twitter:active {
    color: #fff;
    background-color: #2795e9 !important
}

.bg-twitter {
    background-color: #55acee
}

.social-google-plus {
    color: #fff;
    background-color: #dd4b39 !important
}

.social-google-plus:focus, .social-google-plus:hover {
    color: #fff;
    background-color: #e47365 !important
}

.social-google-plus.active, .social-google-plus:active {
    color: #fff;
    background-color: #c23321 !important
}

.bg-google-plus {
    background-color: #dd4b39
}

.social-linkedin {
    color: #fff;
    background-color: #0976b4 !important
}

.social-linkedin:focus, .social-linkedin:hover {
    color: #fff;
    background-color: #0b96e5 !important
}

.social-linkedin.active, .social-linkedin:active {
    color: #fff;
    background-color: #075683 !important
}

.bg-linkedin {
    background-color: #0976b4
}

.social-flickr {
    color: #fff;
    background-color: #ff0084 !important
}

.social-flickr:focus, .social-flickr:hover {
    color: #fff;
    background-color: #ff339d !important
}

.social-flickr.active, .social-flickr:active {
    color: #fff;
    background-color: #cc006a !important
}

.bg-flickr {
    background-color: #ff0084
}

.social-tumblr {
    color: #fff;
    background-color: #35465c !important
}

.social-tumblr:focus, .social-tumblr:hover {
    color: #fff;
    background-color: #485f7c !important
}

.social-tumblr.active, .social-tumblr:active {
    color: #fff;
    background-color: #222d3c !important
}

.bg-tumblr {
    background-color: #35465c
}

.social-xing {
    color: #fff;
    background-color: #024b4d !important
}

.social-xing:focus, .social-xing:hover {
    color: #fff;
    background-color: #037b7f !important
}

.social-xing.active, .social-xing:active {
    color: #fff;
    background-color: #011b1b !important
}

.bg-xing {
    background-color: #024b4d
}

.social-github {
    color: #fff;
    background-color: #4183c4 !important
}

.social-github:focus, .social-github:hover {
    color: #fff;
    background-color: #689cd0 !important
}

.social-github.active, .social-github:active {
    color: #fff;
    background-color: #3269a0 !important
}

.bg-github {
    background-color: #4183c4
}

.social-html5 {
    color: #fff;
    background-color: #e44f26 !important
}

.social-html5:focus, .social-html5:hover {
    color: #fff;
    background-color: #ea7453 !important
}

.social-html5.active, .social-html5:active {
    color: #fff;
    background-color: #bf3c18 !important
}

.bg-html5 {
    background-color: #e44f26
}

.social-openid {
    color: #fff;
    background-color: #f67d28 !important
}

.social-openid:focus, .social-openid:hover {
    color: #fff;
    background-color: #f89b59 !important
}

.social-openid.active, .social-openid:active {
    color: #fff;
    background-color: #e26309 !important
}

.bg-openid {
    background-color: #f67d28
}

.social-stack-overflow {
    color: #fff;
    background-color: #f86c01 !important
}

.social-stack-overflow:focus, .social-stack-overflow:hover {
    color: #fff;
    background-color: #fe882e !important
}

.social-stack-overflow.active, .social-stack-overflow:active {
    color: #fff;
    background-color: #c55601 !important
}

.bg-stack-overflow {
    background-color: #f86c01
}

.social-css3 {
    color: #fff;
    background-color: #1572b6 !important
}

.social-css3:focus, .social-css3:hover {
    color: #fff;
    background-color: #1a8fe4 !important
}

.social-css3.active, .social-css3:active {
    color: #fff;
    background-color: #105588 !important
}

.bg-css3 {
    background-color: #1572b6
}

.social-youtube {
    color: #fff;
    background-color: #b31217 !important
}

.social-youtube:focus, .social-youtube:hover {
    color: #fff;
    background-color: #e1171d !important
}

.social-youtube.active, .social-youtube:active {
    color: #fff;
    background-color: #850d11 !important
}

.bg-youtube {
    background-color: #b31217
}

.social-dribbble {
    color: #fff;
    background-color: #c32361 !important
}

.social-dribbble:focus, .social-dribbble:hover {
    color: #fff;
    background-color: #dc3d7b !important
}

.social-dribbble.active, .social-dribbble:active {
    color: #fff;
    background-color: #981b4b !important
}

.bg-dribbble {
    background-color: #c32361
}

.social-instagram {
    color: #fff;
    background-color: #3f729b !important
}

.social-instagram:focus, .social-instagram:hover {
    color: #fff;
    background-color: #548cb9 !important
}

.social-instagram.active, .social-instagram:active {
    color: #fff;
    background-color: #305777 !important
}

.bg-instagram {
    background-color: #3f729b
}

.social-pinterest {
    color: #fff;
    background-color: #cc2127 !important
}

.social-pinterest:focus, .social-pinterest:hover {
    color: #fff;
    background-color: #e04046 !important
}

.social-pinterest.active, .social-pinterest:active {
    color: #fff;
    background-color: #a01a1f !important
}

.bg-pinterest {
    background-color: #cc2127
}

.social-vk {
    color: #fff;
    background-color: #3d5a7d !important
}

.social-vk:focus, .social-vk:hover {
    color: #fff;
    background-color: #4e739f !important
}

.social-vk.active, .social-vk:active {
    color: #fff;
    background-color: #2c415b !important
}

.bg-vk {
    background-color: #3d5a7d
}

.social-yahoo {
    color: #fff;
    background-color: #350178 !important
}

.social-yahoo:focus, .social-yahoo:hover {
    color: #fff;
    background-color: #4b01ab !important
}

.social-yahoo.active, .social-yahoo:active {
    color: #fff;
    background-color: #1f0145 !important
}

.bg-yahoo {
    background-color: #350178
}

.social-behance {
    color: #fff;
    background-color: #1769ff !important
}

.social-behance:focus, .social-behance:hover {
    color: #fff;
    background-color: #4a8aff !important
}

.social-behance.active, .social-behance:active {
    color: #fff;
    background-color: #0050e3 !important
}

.bg-behance {
    background-color: #024b4d
}

.social-dropbox {
    color: #fff;
    background-color: #007ee5 !important
}

.social-dropbox:focus, .social-dropbox:hover {
    color: #fff;
    background-color: #1998ff !important
}

.social-dropbox.active, .social-dropbox:active {
    color: #fff;
    background-color: #0062b2 !important
}

.bg-dropbox {
    background-color: #007ee5
}

.social-reddit {
    color: #fff;
    background-color: #ff4500 !important
}

.social-reddit:focus, .social-reddit:hover {
    color: #fff;
    background-color: #ff6a33 !important
}

.social-reddit.active, .social-reddit:active {
    color: #fff;
    background-color: #cc3700 !important
}

.bg-reddit {
    background-color: #ff4500
}

.social-spotify {
    color: #fff;
    background-color: #7ab800 !important
}

.social-spotify:focus, .social-spotify:hover {
    color: #fff;
    background-color: #9ceb00 !important
}

.social-spotify.active, .social-spotify:active {
    color: #fff;
    background-color: #588500 !important
}

.bg-spotify {
    background-color: #7ab800
}

.social-vine {
    color: #fff;
    background-color: #00b488 !important
}

.social-vine:focus, .social-vine:hover {
    color: #fff;
    background-color: #00e7af !important
}

.social-vine.active, .social-vine:active {
    color: #fff;
    background-color: #008161 !important
}

.bg-vine {
    background-color: #00b488
}

.social-foursquare {
    color: #fff;
    background-color: #0cbadf !important
}

.social-foursquare:focus, .social-foursquare:hover {
    color: #fff;
    background-color: #2ad0f4 !important
}

.social-foursquare.active, .social-foursquare:active {
    color: #fff;
    background-color: #0992af !important
}

.bg-foursquare {
    background-color: #0cbadf
}

.social-vimeo {
    color: #fff;
    background-color: #1ab7ea !important
}

.social-vimeo:focus, .social-vimeo:hover {
    color: #fff;
    background-color: #49c6ee !important
}

.social-vimeo.active, .social-vimeo:active {
    color: #fff;
    background-color: #1295bf !important
}

.bg-vimeo {
    background-color: #1ab7ea
}

.social-skype {
    color: #fff;
    background-color: #77bcfd !important
}

.social-skype:focus, .social-skype:hover {
    color: #fff;
    background-color: #a9d5fe !important
}

.social-skype.active, .social-skype:active {
    color: #fff;
    background-color: #45a3fc !important
}

.bg-skype {
    background-color: #77bcfd
}

.social-evernote {
    color: #fff;
    background-color: #46bf8c !important
}

.social-evernote:focus, .social-evernote:hover {
    color: #fff;
    background-color: #6ccca4 !important
}

.social-evernote.active, .social-evernote:active {
    color: #fff;
    background-color: #369c71 !important
}

.bg-evernote {
    background-color: #46bf8c
}

.btn-round {
	border-radius: 50%;
	padding: 10px;
	font-size: 16px;
	line-height: 1em;
	display: inline-block;
}


/*----- MODAL POPUP BOX FOR LOST PASSWORD */

#btnGetPassword,
#btnGetPassword:visited {
	background-color: #363b43 !important;
	border: none !important;
	padding: 10px 30px;
	width: 64%;
	font-size: 16px;
	color: white;
	cursor: pointer !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#btnGetPassword {
	width: 100%;
	margin-bottom: 30px;
}

#btnGetPassword:hover {
	box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3);
	background-color: #666e78 !important;
	border: none !important;
}

#btnGetPassword:active {
	background-color: #363b43 !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.LostPasswordText {
	color: #393939 !important;
	padding-bottom: 11px !important;
	font-size: 13px;
	font-weight: 300;
	font-style: normal;
}

.LostPasswordTable {
	border-right: none !important;
	border-top: none !important;
	border-left: none !important;
	border-bottom: none !important;
}

.LostPasswordTable td {
	background-image: none !important;
	vertical-align: middle;
}

.LostPasswordHeader {
	font-size: 26px;
	font-weight: 300;
	color: #434a54;
	padding-bottom: 30px;
	padding-top: 20px;
	text-align: center;
	display: block;
}

.ShoppingCartLoginExistingDealerTable {
	border-top: 8px solid #b8babe !important;
}

.ShoppingCartLoginExistingDealerTable a {
	background-color: rgba(255, 255, 255, 0);
	font-size: 15px;
	padding: 10px;
	width: 100%;
	display: block;
	position: absolute;
	right: 0;
	color: #434a54 !important;
	font-weight: 500;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: solid 1px #ddd;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


.ShoppingCartLoginExistingDealerTable a:hover {
	color: #898f97 !important;
	background-color: rgba(0, 0, 0, 0.05);
}

input#btnGetPassword {
	margin-bottom: 75px;
}

.ShoppingCartLoginExistingDealerTable {
	background-color: #fff;
}

#lblErrorMessage,
#lblStatusMessage {
	width: 90% !important;
	position: absolute !important;
	top: 58px !important;
	background-color: rgba(255, 0, 0, 0.7) !important;
	border-left: 10px solid rgba(255, 0, 0, 1) !important;
	height: auto !important;
	box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12) !important;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	padding: 10px;
	font-size: 15px;
}

.LostPasswordTinyText {
	font-size: 13px;
	padding-bottom: 30px;
	display: block;
	margin-top: 10px;
	font-weight: 300;
}




 /*REMOVE SOCIAL ICONS from LOGIN*/
.social {
  display: none !important; 
}
/*fix for launch overides the default tags injected*/
.page-login-main h1{
	font-size: 32px;
	font-weight: 200 !important;
	line-height: 36px;
}
.page-login-main h2{
	font-size: 20px;
	font-weight: 200 !important;
	line-height: 24px;
}
/*end fix*/