@import '//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,700';
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 100%;
    line-height: 120%;
    color: #333333;
    background: #f3f3f4;
    }
html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    }
.pos-wrapper {
  height: 100%;
  min-height: 800px;
  overflow: hidden;
  position: relative;
}
.pos-horizontal-centered {
  left: 50%;
  margin: 0 auto;
  min-height: 400px;
  position: absolute;
  top: 30%;
  transform: translate(-50%, -40%);
  width: 382px;
}
.pos-wrapper h1 {color: #434c55;font-size: 120%;font-weight: 700;}
.pos-logo {
 /* background: rgba(0, 0, 0, 0) url("/images/fortus-logo.png") no-repeat scroll 50% 20px; */
  height: 100px;
}
.login-block {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e3e4e7;
  padding: 10px 30px 20px;
}
.login-input {
  margin: 20px 0 0;
  min-height: 40px;
  position: relative;
}
.validation-div {
  background: #dfffbf none repeat scroll 0 0;
  display: none;
  float: left;
  height: 40px;
  left: -15px;
  position: absolute;
  width: 10px;
}
a.forgotpass:link, a.forgotpass:visited {color: #333333;cursor: pointer;font-size: 92.5%;text-decoration:none;}
a.forgotpass:hover {color: #666666;}

.error + .validation-div {
  display: block;
}
.validation-tip, .validation-block {
  color: #666666;
  line-height: 15px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.validation-block .error {
  background: #dfffbf none repeat scroll 0 0;
  display: block;
  line-height: 1.15;
  padding: 10px 8px;
}
.validation-block .error:first-child {
  margin-bottom: 10px;
}
.login-input input[type="text"], .login-input input[type="email"], .login-input input[type="password"] {
  background: #fbfbfb;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  color: #666666;
  float: left;
  font-size: 15px;
  height: 40px;
  outline: medium none;
  padding: 10.5px 10px;
  width: 100%;
}
.l-left {float: left;} .l-right {float: right;width:100%;}
.login-block button {overflow: visible;width: 0;}
.login-block .login-button{background: #4caf50;border: medium none;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 95%;height: 40px;min-width: 120px;padding: 0 10px;width:100%;}
.login-block .login-button:hover {background: #43a047;}

.login-block .login-button, .button.logout {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.modal.comment textarea{width:100%;}
.login-footer {
  color: #777777;
  font-size: 72.4%;
  position: relative;
  text-align: center;
  z-index: 2;
}
.login-links-wrapper {border-bottom: 1px solid #dcdcdd;line-height: 18px;padding-bottom: 5px;}
.login-copyright-wrapper {color: #878787;font-family: Verdana,Tahoma,Arial;font-size: 82%;padding: 15px 0;}
.pos-horizontal-centered-footer {margin: 0 auto;}
a.link-footer:link, a.link-footer:visited {color: #46799f;margin: 0 0 0 15px; text-decoration: none; white-space: nowrap;}
a.link-footer:hover {text-decoration:underline;}

ul.checkoutchoices {
    list-style-type: none;
    margin: 0;
    padding: 0;
	    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.checkoutchoices a, .checkoutchoices a:link, .checkoutchoices a:visited {
    padding: 20px;
    background: #eceff1;
    margin-bottom: 5px;
    text-align: center;
	display:block;
	color:#202020;
	text-decoration:none;
}

.button.logout{background: #ef5350;border: medium none;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 95%;width: 100%;padding: 10px;margin-top: 10px;}
.button.logout:hover {background: #f44336;}

.square {
    width: 20%;
    height: 150px;
    display: block;
    float: left;
}

/* Widefix step 2 */
    @media screen and (max-width : 1200px) 
    {
    }
/* Widefix step 2 */
    @media screen and (max-width : 992px) 
    {
    }
/* Small Devices, Tablets */
    
    @media screen and (max-width : 768px) 
    {
    .pos-wrapper {height: 90%;}
    .pos-horizontal-centered {top: 20%;transform: translate(-50%, -40%);}
    }

/* Extra Small Devices, Phones */ 
    @media screen and (max-width : 480px) 
    {
    .pos-horizontal-centered {width: 320px;}

    }

/* Custom, iPhone Retina */ 
    @media screen and (max-width : 320px) {
        
    }