/*MAIN CSS Oct 2018*/
/*main font & link styles*/
body {
  font-size: 13px;
  color: #3D3935 !important; }

select {
  height: 30px;
  border-radius: 0px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  padding: 3px 52px 3px 12px;
  /*use the background svg FILL to edit arrow color*/
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#222' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  outline: none !important;
  color: inherit;
  background-color: #fff !important;
  font-size: 12px !important;
  -webkit-appearance: menulist-button;
  border: 1px solid lightgrey;
  margin-bottom: 15px; }

::-moz-selection {
  background-color: rgba(106, 198, 222, 0.15);
  text-shadow: none; }

::selection {
  background-color: rgba(106, 198, 222, 0.15);
  text-shadow: none; }

a,
a:link {
  color: #6ac6de;
  font-weight: 500;
  cursor: pointer; }

a:visited {
  color: #3D3935; }

a:hover {
  color: #3D3935; }

a:focus {
  outline: 0; }

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

.page-login .page-content {
  padding-right: 500px; }

.page-login .page-brand-info p {
  margin-top: 245px;
  color: #333;
  text-shadow: none; }

/*Forgot Password link*/
a#lnkForgotPassword {
  color: #aecbd0 !important; }

#LoginLinkDiv a:hover,
#LoginLinkDiv a:visited,
#LoginLinkDiv a:active {
  color: #aecbd0 !important;
  text-decoration: none !important; }

/*Main background image and fallbacks */
/* this shows if you do not have a background-image set*/
.layout-full {
  background: #fff !important;
  background-image: -webkit- linear-gradient(#fff, #dddddd) !important;
  background-image: linear-gradient(#fff, #dddddd) !important; }

/* large background-image for login page*/
.layout-full:before {
  background-image: url("../../../fs-images/login-bg.jpg");
  background-position: center !important;
  background-size: cover; }

/*Layout styles*/
.logo-left {
  background-image: url("../../../fs-images/logo.png");
  background-size: 220px !important; }

.page-login .page-login-main {
  border-left: 8px solid transparent;
  color: #554a42;
  background-color: rgba(246, 246, 255, 0.43); }

footer {
  border-top: solid 1px #e7e9ed;
  margin-top: 20px; }

#lblLogin, #lblPassword, #lblCountry {
  color: #554a42 !important; }

/*Main login Button*/
#btnLogin,
#btnLogin:visited {
  border: none !important;
  background-color: #6ac6de !important;
  color: white !important; }

#btnLogin:hover {
  background-color: #8cd0e2 !important;
  border: none !important; }

#btnLogin:active {
  transition-delay: 0s !important;
  background-color: #8cd0e2 !important; }

/*Modal Window 
  container*/
.ShoppingCartLoginExistingDealerTable {
  border-top: 8px solid #6ac6de !important; }

/*Modal Window 
Main background color*/
.ShoppingCartLoginExistingDealerTable {
  background-color: #ffffff; }

.md-content {
  font-size: 13px;
  color: #3D3935 !important; }

/*Modal Window 
  Submit button*/
#btnGetPassword {
  background-color: #6ac6de !important;
  font-size: 16px;
  color: #ffffff; }

#btnGetPassword:visited {
  background-color: #6ac6de !important; }

#btnGetPassword:hover {
  background-color: #8cd0e2 !important; }

#btnGetPassword:active {
  background-color: #6ac6de !important; }

/*Modal Window 
  header text*/
.LostPasswordHeader {
  color: #6ac6de !important; }

/*Modal Window 
 instruction text*/
span#lblLostPasswordInstructions.LostPasswordTinyText {
  font-size: 13px !important; }

/*close modal window link*/
.ShoppingCartLoginExistingDealerTable a#lnkClose {
  background-color: #ffffff;
  font-size: 15px;
  color: #6ac6de !important;
  font-weight: 500;
  border-top: solid 1px #53565A; }

.page-login .page-content {
  padding-right: 600px; }

/*Media Queries */
@media (min-width: 768px) and (max-width: 1200px) {
  .page-login .page-brand-info > p {
    display: none !important; }
  .logo-right {
    background-image: url("../../../fs-images/logo2.png") !important;
    background-position: center !important;
    background-size: contain !important;
    height: 200px !important; }
  .logo-left {
    background-image: none !important; } }

@media (max-width: 767px) {
  .page-login .page-brand-info > p {
    display: none !important; }
  .logo-left {
    background-image: none !important; }
  .page-login .page-login-main {
    border-top: 8px solid transparent;
    border-left: none !important; }
  .logo-right {
    background-image: url("../../../fs-images/logo2.png") !important;
    background-position: center !important;
    background-size: contain !important;
    height: 200px !important; }
  .layout-full::before {
    background-position: center center !important; } }

@media (max-width: 480px) {
  .page-login .page-brand-info > p {
    display: none !important; }
  .logo-right {
    background-image: url("../../../fs-images/logo2.png") !important;
    background-size: contain !important;
    height: 190px !important; }
  .layout-full::before {
    background-position: center center !important; }
  .logo-left {
    background-image: none !important; } }

.page-login .page-content {
  padding-right: 0px; }

.page-login .page-brand-info p {
  max-width: 450px; }

/*special changes CSS below*/
.layout-full:before {
  background-position: center !important; }

.logo-left {
  background-size: 320px !important; }

.page-login .page-login-main .brand {
  margin-top: 120px; }

@media (max-width: 770px) {
  .page-login .page-login-main .brand {
    margin-top: 50px; } }

.page-login .page-login-main {
  border-left: 0px solid transparent; }

footer {
  border-top: solid 1px rgba(255, 255, 255, 0.27); }

/*.page-login .page-brand-info p{
	color: #4695ae;
}*/
.logo-left {
  padding-top: 150px; }

/* make text contrast in select options dropdown and inputs on 
password recovery popup on IE */
.login-TextBox,
#txtDealerID,
#Password,
#cboCountry,
.login-DropDown {
  color: #000; }

#txtRPDealerID,
#txtRPDealerURL,
#txtLostEmailAddress {
  border: rgba(0, 0, 0, 0.47) 1px solid !important; }

#lblLogoTag {
  margin-top: 350px;
  color: #666;
  display: block; }

/*# sourceMappingURL=fs-skin-emoceans-login.css.map */