html {
    height: 100%;
    min-height: 100%;
}
#full-bleed {
    background-size: cover;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#sfdc_widget {
    min-width: 280px;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 33%;
    -webkit-transform: translateY(-33%);
    -moz-transform: translateY(-33%);
    -o-transform: translateY(-33%);
    -ms-transform: translateY(-33%);
    transform: translateY(-33%);
}
#sfdc_login_widget {
    margin-bottom: 15px;
}
#sfdc_message {
    font-family: 'Open Sans','sans-serif';
    color: white;
    font-size: 16px;
    font-weight: 300;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
#sfdc_logo {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 22px;
    padding-top: 15px;
}
#sfdc_login {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#sfdc_password_reset {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#sfdc_self_register_widget {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#sfdc_employee_login_link {
    text-align: center;
    font-weight: 300;
}
input:focus {
    outline: none;
}
button:focus {
    outline: none;
}
@media (max-width : 568px) { 
    
    .THIS #full-bleed {
        background-image:none;
    }
    
}
#error {
    font-family: 'Open Sans','sans-serif';
    font-weight: 200;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#sfdc_forgot {
    font-family: 'Open Sans','sans-serif';
    font-weight: 300;
    font-size: 14px;
    margin-top: 10px;
}
a {
    color: white;
    text-decoration: none;
}
a:hover {
    color: white;
    text-decoration: none;
}
#sfdc_password_reset_title {
    text-align: center;
    font-family: 'Open Sans','sans-serif';
    color: white;
    font-size: 22px;
    font-weight: 200;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
#sfdc_password_reset_text {
    text-align: center;
    font-family: 'Open Sans','sans-serif';
    color: white;
    font-size: 14px;
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
#sfdc_password_reset_cancel {
    text-align: center;
    font-family: 'Open Sans','sans-serif';
    color: white;
    font-size: 14px;
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
#sfdc_self_register_text {
    text-align: center;
    font-family: 'Open Sans','sans-serif';
    color: white;
    font-size: 14px;
    font-weight: 200;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
#sfdc_already_have_account {
    text-align: center;
    font-family: 'Open Sans','sans-serif';
    color: white;
    font-size: 14px;
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.salesforceIdentitySocialLogin {
    margin-left: 0px;
    margin-right: 0px;
}
.signupsocial {
    font-family: 'Open Sans','sans-serif';
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-align: center;
    color: white;
    font-size: 12px;
}
.signupsocial:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 22%;
    border-bottom: 1px dotted #cccccc;
}
.signupsocial:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 22%;
    border-bottom: 1px dotted #cccccc;
}
.or {
    font-family: 'Open Sans','sans-serif';
    font-weight: 300;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-align: center;
    color: white;
    font-size: 12px;
}
.or:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 15%;
    border-bottom: 1px dotted #cccccc;
}
.or:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 15%;
    border-bottom: 1px dotted #cccccc;
}
.sfdc_social {
    margin-left: 0px;
    margin-right: 0px;
}
#sfdc_social_login_widget {
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: -15px;
}
.sfdc_providername {
    display: none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
}
.social {
    width: 65px;
}
@charset "UTF-8";
@font-face {
  font-family: "signin";
  src:url("sfsites/assets/fonts/signin.eot");
  src:url("sfsites/assets/fonts/signin.eot?#iefix") format("embedded-opentype"),
    url("sfsites/assets/fonts/signin.woff") format("woff"),
    url("sfsites/assets/fonts/signin.ttf") format("truetype"),
    url("sfsites/assets/fonts/signin.svg#signin") format("svg");
  font-weight: normal;
  font-style: normal;

}
[data-icon]:before {
    font-family: 'signin' !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'signin' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-icon-user:before {
    content: 'a';
}
.icon-icon-useradd:before {
    content: 'b';
}
.icon-icon-lock:before {
    content: 'c';
}
.icon-icon-check:before {
    content: 'd';
}
.icon-icon-delete:before {
    content: 'e';
}
.icon-icon-users:before {
    content: 'f';
}
.icon-icon-yield:before {
    content: 'g';
}
.icon-icon-stop:before {
    content: 'h';
}
.icon-icon-bookmark:before {
    content: 'i';
}
.icon-icon-search:before {
    content: 'j';
}
.icon-icon-email:before {
    content: 'k';
}
.icon-icon-start:before {
    content: 'l';
}
.icon-google:before {
    content: 'm';
}
.icon-Facebook:before {
    content: 'n';
}
.icon-sms:before {
    content: 'o';
}
.icon-cloud:before {
    content: 'p';
}
.icon-windows:before {
    content: 'w';
}
.icon-googler:before {
    content: 'x';
}
.icon-map:before {
    content: 'y';
}
.icon-LinkedIn:before {
    content: 'z';
}
.icon-Twitter:before {
    content: 'A';
}
.icon-twitterr:before {
    content: 'B';
}
.icon-smsr:before {
    content: 'D';
}
.icon-cloudr:before {
    content: 'E';
}
.icon-amazon:before {
    content: 'G';
}
.icon-windowsr:before {
    content: 'H';
}
.icon-paypal:before {
    content: 'I';
}
.icon-paypalr:before {
    content: 'J';
}
.icon-amazonr:before {
    content: 'K';
}
.icon-rightarrow:before {
    content: 'q';
}
.icon-icon-utility:before {
    content: 'r';
}
