.btn-signin, .canvas-lms-signin, .ms-signin, .ms-signin-loading, .clever-sso, .clever-sso-loading, .classlink-sso, .classlink-sso-loading, .g-signin2, .g-signin2-loading {
  width: 100%;
}
.btn-signin > div, .canvas-lms-signin > div, .ms-signin > div, .ms-signin-loading > div, .clever-sso > div, .clever-sso-loading > div, .classlink-sso > div, .classlink-sso-loading > div, .g-signin2 > div, .g-signin2-loading > div, .btn-signin a, .canvas-lms-signin a, .ms-signin a, .ms-signin-loading a, .clever-sso a, .clever-sso-loading a, .classlink-sso a, .classlink-sso-loading a, .g-signin2 a, .g-signin2-loading a {
  margin: 0 auto;
  height: 36px;
  width: 85%;
  cursor: pointer;
  transition: all 0.1s linear;
  display: flex;
  flex-direction: row;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}
.btn-signin > div > .icon, .canvas-lms-signin > div > .icon, .ms-signin > div > .icon, .ms-signin-loading > div > .icon, .clever-sso > div > .icon, .clever-sso-loading > div > .icon, .classlink-sso > div > .icon, .classlink-sso-loading > div > .icon, .g-signin2 > div > .icon, .g-signin2-loading > div > .icon, .btn-signin a > .icon, .canvas-lms-signin a > .icon, .ms-signin a > .icon, .ms-signin-loading a > .icon, .clever-sso a > .icon, .clever-sso-loading a > .icon, .classlink-sso a > .icon, .classlink-sso-loading a > .icon, .g-signin2 a > .icon, .g-signin2-loading a > .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  margin-top: 6px;
}
.btn-signin > div > .text, .canvas-lms-signin > div > .text, .ms-signin > div > .text, .ms-signin-loading > div > .text, .clever-sso > div > .text, .clever-sso-loading > div > .text, .classlink-sso > div > .text, .classlink-sso-loading > div > .text, .g-signin2 > div > .text, .g-signin2-loading > div > .text, .btn-signin a > .text, .canvas-lms-signin a > .text, .ms-signin a > .text, .ms-signin-loading a > .text, .clever-sso a > .text, .clever-sso-loading a > .text, .classlink-sso a > .text, .classlink-sso-loading a > .text, .g-signin2 a > .text, .g-signin2-loading a > .text {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 100%;
  align-self: center;
}
.btn-signin > div:hover, .canvas-lms-signin > div:hover, .ms-signin > div:hover, .ms-signin-loading > div:hover, .clever-sso > div:hover, .clever-sso-loading > div:hover, .classlink-sso > div:hover, .classlink-sso-loading > div:hover, .g-signin2 > div:hover, .g-signin2-loading > div:hover, .btn-signin a:hover, .canvas-lms-signin a:hover, .ms-signin a:hover, .ms-signin-loading a:hover, .clever-sso a:hover, .clever-sso-loading a:hover, .classlink-sso a:hover, .classlink-sso-loading a:hover, .g-signin2 a:hover, .g-signin2-loading a:hover {
  box-shadow: 0 0 3px 3px rgba(66, 133, 244, 0.3);
}

.g-signin2 > div > .icon, .g-signin2-loading > div > .icon {
  background: url("/images/googlesignin.svg") no-repeat center center;
}

.g-signin2-loading > div {
  border-color: #313131;
  background-color: rgba(49, 49, 49, 0.2);
}

.classlink-sso, .classlink-sso-loading {
  margin-top: 10px;
}
.classlink-sso > div > .icon, .classlink-sso-loading > div > .icon {
  background: url("/images/classlink.svg") no-repeat center center;
  background-size: cover;
}

.classlink-sso-loading > div {
  border-color: #313131;
  background-color: rgba(49, 49, 49, 0.2);
}

.clever-sso, .clever-sso-loading {
  margin-top: 10px;
}
.clever-sso > div > .icon, .clever-sso-loading > div > .icon {
  background: url("/images/cleverSSOicon.svg") no-repeat center center;
  background-size: cover;
}

.clever-sso-loading > div {
  border-color: #313131;
  background-color: rgba(49, 49, 49, 0.2);
}

.ms-signin, .ms-signin-loading {
  margin-top: 10px;
}
.ms-signin > div > .icon, .ms-signin-loading > div > .icon {
  background: url("/images/Microsoft_logo.svg") no-repeat center center;
  background-size: cover;
}

.ms-signin-loading > div {
  border-color: #313131;
  background-color: rgba(49, 49, 49, 0.2);
}

.canvas-lms-signin {
  margin-top: 10px;
}
.canvas-lms-signin > a > .icon {
  background: url("/images/canvasLMS.svg") no-repeat center center;
  background-size: cover;
}

.login-or-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 85%;
  margin: 0 auto;
}
.login-or-section hr {
  width: 42.5%;
}

/*# sourceMappingURL=signin.css.map */