/********************/
/* REVISION HISTORY */
/* 
    DATE        WHO Comments
    ----------  --- ---------------------------------------------------

	06/06/2016  DG  first deployment
*/
/* END REVISION HISTORY */
/************************/
/*main font & link styles*/
body {
  font-size: 13px;
  color: #434a54 !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='gray' 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(68, 163, 92, 0.15);
  text-shadow: none; }

::selection {
  background-color: rgba(68, 163, 92, 0.15);
  text-shadow: none; }

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

a:visited {
  color: #7e7e7e; }

a:hover {
  color: #7e7e7e; }

a:focus {
  outline: 0; }

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

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

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

.page-login .page-brand-info p {
  opacity: 0.8;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  text-shadow: 1px 1px 2px #898f97; }

/*fix for launch overides the default tags injected*/
.page-login-main h1 {
  font-size: 24px;
  font-weight: 200 !important;
  line-height: 24px; }

.page-login-main h2 {
  font-size: 20px;
  font-weight: 200 !important;
  line-height: 24px; }

/*Forgot Password link*/
#LoginLinkDiv a:hover,
#LoginLinkDiv a:visited,
#LoginLinkDiv a:active {
  color: #8bc69a !important;
  text-decoration: none !important; }

/*Main background image and fallbacks */
/* this shows if you do not have a background-image set*/
.layout-full {
  background: #000 !important;
  background-image: none !important;
  background-image: none !important;
   }

/* large background-image for login page*/
.layout-full::before {
  background-image: url(https://www.essanteorganics.com/ts/images/office_login_background.jpg); 
  background-position: right 300px top !important;
    background-position-x: -23px !important;
    background-position-y: 0% !important;
    background-repeat: no-repeat !important;
	width:70% !important;
}

/*Layout styles*/
.logo-left {
  background-image: none;
  background-size: auto 107px; }
  
 .logo-right {
    background-image: url(https://www.essanteorganics.com/ts/images/Logo_Black.png) !important;
    background-size: contain  !important;
	background-position: center; }

table #Table1 > tbody > tr:nth-child(3) {
	display:none; }


.page-login .page-login-main {
  border-left: 8px solid #000;
  color: #434a54;
  background-color: #ffffff; }

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

/*Main login Button*/
#btnLogin,
#btnLogin:visited {
  background-color: #000 !important;
  color: #ffffff !important; }

#btnLogin:hover {
  background-color: #7e7e7e !important;
  border: none !important; }

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

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

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

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

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

#btnGetPassword:visited {
  background-color: #44a35c !important; }

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

#btnGetPassword:active {
  background-color: #44a35c !important; }

/*Modal Window 
  header text*/
.LostPasswordHeader {
  color: #44a35c !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: #44a35c !important;
  font-weight: 500;
  border-top: solid 1px #666e78; }
  
  .copyright {
	  display:none !important;
	  }
	  
/*.page-login form #Table1 tbody > tr:nth-of-type(3) > td:first-of-type:before {
    content: '*Country';
    color: red;
    font-size: 20px;
    position: relative;
    left: -10px;
    top: -5px;
} */

/*Media Queries */

@media (max-width: 1400px) {
.layout-full::before {
    background-image: url(https://www.essanteorganics.com/ts/images/office_login_background.jpg);
    background-position: right 300px top !important;
    background-position-x: -61px !important;
    background-position-y: 0% !important;
    background-repeat: no-repeat !important;
    width: 60% !important; } }
	
	
@media (max-width: 1200px) {
.layout-full::before {
    background-image: url(https://www.essanteorganics.com/ts/images/office_login_background_sans.jpg);
    background-position: right 300px top !important;
    background-position-x: -61px !important;
    background-position-y: 0% !important;
    background-repeat: no-repeat !important;
    width: 60% !important; } }
	
	
@media (min-width: 768px) and (max-width: 991px) {
  .page-login .page-brand-info > p {
    display: none; }
  .logo-right {
    background-image: url(https://www.essanteorganics.com/ts/images/Logo_Black.png) !important;
    background-position: center !important;
    background-size: contain  !important; }
  .logo-left {
    background-image: none !important; }
	 }

#btnLogin, #btnLogin:visited {
background-color: #000 !important;
    padding: 7px 5px !important;
}

@media (max-width: 767px) {
  .page-login .page-login-main {
    border-top: 8px solid #000;
    border-left: none !important; }
  .logo-right {
    background-image: url(https://www.essanteorganics.com/ts/images/Logo_Black.png) !important;
    background-position: center !important;
    background-size: contain  !important;
	 }
.layout-full::before {
    background-image: url(https://www.essanteorganics.com/ts/images/office_login_background_sans.jpg);
    background-position: center top !important;
	background-position-x: 100%;
    background-position-y: 0%;
	background-size: 150% !important;
	 width: 100% !important; }
	}

@media (max-width: 480px) {
  .logo-right {
    background-image: url(https://www.essanteorganics.com/ts/images/Logo_Black.png) !important;
    background-size: contain  !important; }
  .layout-full::before {
    background-position: center top !important;
	background-position-x: 0%;
    background-position-y: 0%;
	background-size: 150% !important;
	 width: 100% !important; } }

/* /COLOR VARS*/

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