@font-face {
  font-family: "Roboto";
  src: url(/fonts/roboto-regular.eot?16b651cda27238954932e7e8f5f4744d);
  src: url(/fonts/roboto-regular.eot?16b651cda27238954932e7e8f5f4744d) format("embedded-opentype"), url(/fonts/roboto-regular.ttf?2c78041dcf4d766a758aecf8debad8c7) format("truetype"), url(/fonts/roboto-regular.woff?11868d35fd9c522e52d46e49ff66e534) format("woff"), url(/fonts/roboto-regular.svg?3e5ba2cc550a209b9d447b80d4ba3459) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Roboto";
  src: url(/fonts/roboto-light.eot?dbe0d4b3cfd682e6b4fbcf7cd970c8fc);
  src: url(/fonts/roboto-light.eot?dbe0d4b3cfd682e6b4fbcf7cd970c8fc) format("embedded-opentype"), url(/fonts/roboto-light.ttf?3011d8e9071e3175afb2c54cc662e4ff) format("truetype"), url(/fonts/roboto-light.woff?000f71c1d56e65421c6527181a0348d1) format("woff"), url(/fonts/roboto-light.svg?c2c8acc704d2118247f456307c6fc9ab) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Roboto";
  src: url(/fonts/roboto-bold.eot?0b5201ea5d9753663e797bf8d31221db);
  src: url(/fonts/roboto-bold.eot?0b5201ea5d9753663e797bf8d31221db) format("embedded-opentype"), url(/fonts/roboto-bold.ttf?719fbb82322da1b9554d4460d9298b63) format("truetype"), url(/fonts/roboto-bold.woff?da63972703b810ded2afb9f4d80be2d2) format("woff"), url(/fonts/roboto-bold.svg?90a5d1c08dcdbe906e37177b43bd283c) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Open Sans";
  src: url(/fonts/opensans-regular.eot?be9772f45a72fae3fa12dc46a946d06a);
  src: url(/fonts/opensans-regular.eot?be9772f45a72fae3fa12dc46a946d06a) format("embedded-opentype"), url(/fonts/opensans-regular.ttf?56d3392147cd3f2f35423ea553a58126) format("truetype"), url(/fonts/opensans-regular.woff?675ad48bc41d637dec202e63d7780432) format("woff"), url(/fonts/opensans-regular.svg?c2e6d81547cd1417be9b0bacbfac3ca0) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Open Sans";
  src: url(/fonts/opensans-light.eot?5663e9bbf02de00ceb0e688db8ae3d35);
  src: url(/fonts/opensans-light.eot?5663e9bbf02de00ceb0e688db8ae3d35) format("embedded-opentype"), url(/fonts/opensans-light.ttf?1c6dfb9a28d78beda6f858d8add02251) format("truetype"), url(/fonts/opensans-light.woff?92048aaa5dfd86ebebc25a58f0f71cb4) format("woff"), url(/fonts/opensans-light.svg?3ecef1d6f3d0d2fcc6c801fc444d35bb) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Open Sans";
  src: url(/fonts/opensans-bold.eot?2f15da1fd2f520840c372ba03654d007);
  src: url(/fonts/opensans-bold.eot?2f15da1fd2f520840c372ba03654d007) format("embedded-opentype"), url(/fonts/opensans-bold.ttf?a74c8d2ce4ca980dbe913b4aa3f3dcf8) format("truetype"), url(/fonts/opensans-bold.woff?dbc3572729100049c85dd32264426e99) format("woff"), url(/fonts/opensans-bold.svg?9bc18d024ce9ce7470215fa80c038f55) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

body {
  font-family: "Roboto";
}

strong,
b {
  font-weight: 700;
}

small {
  font-weight: 300;
}

a {
  transition: all ease 0.3s;
}

.branding-login-page {
  display: flex;
}

@media screen and (max-width: 767px) {
  .branding-login-page {
    flex-direction: column;
  }
}

.sign_in_with_microsoft .sign_in_btn {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  padding: 16px 55px;
  border-radius: 50px;
  background: rgba(43, 43, 45, 0.75);
  border-color: #2b2b2d;
  margin: 0;
}

.sign_in_with_microsoft .sign_in_btn:hover,
.sign_in_with_microsoft .sign_in_btn:focus {
  background: #2b2b2d;
}

.sign_in_with_microsoft img {
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translateY(-50%);
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 24px;
}

.login-side-left,
.login-side-right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
}

.widget_login_title .login_Header {
  height: auto;
  padding: 0;
  margin: 0 0 20px;
  font-size: 25px;
  display: block;
  text-align: center;
}

.login-side-left {
  position: relative;
  background: rgba(5, 1, 36, 0.5);
}

.login-side-left .widget_login_listing {
  color: #fff;
}

.login-side-left .widget_login_listing li:not(:last-child) {
  margin: 0 0 35px;
}

.login-side-left .widget_login_listing li span {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.login-side-left .widget_login_listing li span.img-logo .product__icon {
  margin: 0 10px 0 0;
}

.login-side-left .widget_login_listing li span.description {
  padding: 0 0 0 40px;
  font-size: 11px;
}

.login-side-left .widget_login_listing_item {
  display: flex;
  align-items: center;
}

.login-side-left .widget_login_listing_item img {
  display: block;
}

.login-side-left .widget_login_listing_item_title {
  margin-left: 10px;
}

.login-side-left .widget_login_listing_item_title h3 {
  font-weight: 700;
  margin-bottom: 10px;
}

.login-side-left .widget_login_listing_item_title p {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
}

.login-side-right {
  background: rgba(5, 1, 36, 0.8);
}

.login-side-right .user-login-box {
  max-width: 500px;
  margin: 0 auto;
}

.login-side-right .login-right-content {
  width: 100%;
  padding: 15px;
}

.login-side-right .co-branding-logo {
  text-align: center;
  margin: 0 0 15px 0;
}

.login-side-right .co-branding-logo img {
  height: auto;
  max-width: 235px;
  margin: 0 auto;
}

.login-side-right .widget_login_title {
  margin: 25px 0 40px;
}

.login-side-right .form-horizontal .input-grp {
  margin: 0 0 15px;
  background: rgba(255, 255, 255, 0.15);
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
}

.login-side-right .form-horizontal .input-grp span {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  z-index: 1;
  display: block;
}

.login-side-right .form-horizontal .input-grp span img {
  display: block;
  max-width: 100%;
  height: auto;
}

.login-side-right .form-horizontal .input-grp input {
  background: transparent;
  padding-left: 48px;
  padding-right: 48px;
  font-weight: 400;
}

.login-side-right .form-horizontal .input-grp input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px rgb(202, 202, 202) inset !important;
}

.login-side-right .tfa__wrapper {
  color: #fff;
}
.login-side-right .tfa__desc {
  margin: 16px 0 10px;
  text-align: center;
}
.login-side-right .tfa__desc h3{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 6px;
}
.login-side-right .tfa__desc p{
  line-height: 1.2;
}
.login-side-right .tfa__wrapper .form-control {
  text-align: center;
  letter-spacing: 18px;
  font-size: 18px;
  font-weight: 700 !important;
}

.input-togglepassword {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  cursor: pointer;
}

.login-side-right .form-horizontal .login-btn {
  margin-top: 20px;
}

.login-side-right .form-horizontal .login-btn button {
  background: #0275d8;
  max-width: 200px;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  height: auto;
  padding: 20px 0;
  text-transform: uppercase;
  font-weight: 700;
}

.login-side-right .form-horizontal .login-btn button:hover {
  background: #0f4b7e;
}

.errors {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background-color: rgba(192, 57, 43, 0.9);
  margin: 0 0 16px 0;
  padding: 14px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #c0392b;
  border-radius: 4px;
  font-weight: 300;
}

.left-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
}
.left-bottom p {
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-bottom p img {
  margin-left: 6px;
}

@media (max-width: 767px) {
  .branding-login-page {
    flex-direction: column-reverse;
  }

  .login-side-right .login-right-content {
    padding: 60px 15px;
  }
}

.p-relative {
  position: relative;
}

.pageloader-locationaccess {
  position: fixed; z-index:9; height:100%; width:100%; background:rgba(0,0,0,0.5); display:none;
}
.pageloader-locationaccess > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  max-width: 520px;
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e1e1e1;
  color: #2b2b2b;
  box-shadow: 0px 0px 12px #2b2b2b;
}
.pageloader-locationaccess h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
}
.pageloader-locationaccess img {
  width: 186px;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}
.pageloader-locationaccess p {
  font-weight: 500;
  line-height: 1.2;
  font-size: 16px;
}