@font-face {
  font-family: 'helveticaneuemedium';
  src: url("../fonts/helveticaneue_medium-webfont.eot");
  src: url("../fonts/helveticaneue_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneue_medium-webfont.woff2") format("woff2"), url("../fonts/helveticaneue_medium-webfont.woff") format("woff"), url("../fonts/helveticaneue_medium-webfont.ttf") format("truetype"), url("../fonts/helveticaneue_medium-webfont.svg#helveticaneuemedium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'helveticaneuelight';
  src: url("../fonts/helveticaneue_light-webfont.eot");
  src: url("../fonts/helveticaneue_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneue_light-webfont.woff2") format("woff2"), url("../fonts/helveticaneue_light-webfont.woff") format("woff"), url("../fonts/helveticaneue_light-webfont.ttf") format("truetype"), url("../fonts/helveticaneue_light-webfont.svg#helveticaneuelight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'helveticaneuebold';
  src: url("../fonts/helvetica_neu_bold-webfont.eot");
  src: url("../fonts/helvetica_neu_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neu_bold-webfont.woff2") format("woff2"), url("../fonts/helvetica_neu_bold-webfont.woff") format("woff"), url("../fonts/helvetica_neu_bold-webfont.ttf") format("truetype"), url("../fonts/helvetica_neu_bold-webfont.svg#helveticaneuebold") format("svg");
  font-weight: bold;
  font-style: normal; }
/*  Variable */
/*Before Primary color Code #e92a2a*/
/*Custom Color variables Name*/
/*  Font size  */
/*40px;*/
/*36px;*/
/*32px;*/
/*30px;*/
/*28px;*/
/*old 1.5rem 24px;*/
/*20px;*/
/*18px;*/
/*16px;*/
/*14px;*/
/*12px;*/
/*10px;*/
/*Border radius*/
/* Global Section Variables */
/* Mixin start here  
=====================================*/
/*Border Radius*/
/* Transition */
/* Padding */
/* Modal Transition misin */
/* Button variant */
/* Button outline variant */
/* button with custom colors */
/* button with custom colors */
/* Button Size variant */
/* Pagination Mixin */
body {
  width: 100%;
  height: 100%;
  background-image: url("../images/login_bg.svg");
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding: 0; }

.login-img {
  margin-top: 30px;
  margin-bottom: 50px;
  text-align: center; }
  .login-img img {
    max-width: 150px; }

.login_box {
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  border-radius: 24px;
  padding: 40px; }

.login-title {
  margin-top: 65px;
  margin-bottom: 20px;
  color: #000;
  font-size: 1.2rem;
  font-weight: bold; }

.powerby {
  text-align: center;
  margin-top: 1rem;
  color: #717171; }
  .powerby a {
    color: #717171; }
    .powerby a:hover {
      color: #2d99c2; }
  .powerby .fa-phone {
    vertical-align: middle;
    transform: rotate(90deg); }

/*.form-group {
    margin-bottom: 30px; position: relative;
}*/
/*input[type="text"],input[type="password"], input[type="email"] {
    border-left: none; border-top: none; 
    border-right: none; border-radius: 0;
    padding-left: 35px; padding-right: 30px;
    &:focus {
        box-shadow: none !important;
    }
}*/
/*.licon, .ricon {
    position: absolute; top: 2px;
    color: #bcbcbc; font-size: 16px;
    line-height: 30px;
}*/
/*.licon {
    left: 5px;
}
.ricon {
    right: 5px; cursor: pointer;
}*/
.help-block {
  display: block;
  color: #e20; }

@media all and (max-width: 767px) {
  .login_box_wrap {
    padding-bottom: 100px; }

  .login-img {
    margin: 15px 0; }

  .login-title {
    margin: 15px 0;
    font-size: 1.125rem; }

  .login_box {
    padding: 15px; } }