/* Scss Document */
/* Scss Document */
html,
body {
  height: 100%; }

body {
  display: -ms-flexbox;
  display: flex; }

@media (min-width: 1200px) {
  .vlogin .container {
    max-width: 90%; } }
@media (min-width: 768px) {
  .navbar-expand-md .navbar-toggler {
    display: none; } }
@media (max-width: 767px) {
  body {
    background-color: #fff !important; }

  header {
    box-shadow: none !important;
    background-color: #f2f3f4 !important; }

  .container {
    max-width: 100% !important; }

  .vlogin-content {
    padding-top: 0px !important; }

  .navbar {
    padding: 0;
    border-bottom: 1px solid #D3D3D3; }
    .navbar .navbar-brand {
      margin: 0.5rem 1.5rem; }
    .navbar .navbar-toggler {
      padding: 1.5rem; }
    .navbar .navbar-collapse {
      background-color: #f9f9f9; }
      .navbar .navbar-collapse .navbar-nav .nav-link {
        border-top: 1px solid #efefef;
        padding: 1rem 1.5rem; }
        .navbar .navbar-collapse .navbar-nav .nav-link:active {
          background-color: #fff; }
        .navbar .navbar-collapse .navbar-nav .nav-link a {
          color: #444 !important;
          font-weight: 500; }

  .vlogin-content {
    margin: 0 !important;
    padding: 0 !important;
    border: 0px !important;
    width: 100% !important;
    box-shadow: none !important; }
    .vlogin-content .welcome-left {
      display: none; }
    .vlogin-content .welcome-right {
      padding-left: 3rem !important;
      padding-right: 3rem !important; }

  .v-input:focus + .ic-input {
    left: 40px !important; } }
header {
  background-color: #f9f9f9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }
  header .navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    header .navbar .navbar-brand {
      display: inline-block;
      padding: 0;
      margin-right: 1.5rem;
      line-height: inherit;
      white-space: nowrap; }
      header .navbar .navbar-brand.vlogin-logo {
        height: 50px;
        width: 166px;
        background: url(../../Content/images/logo.png) left center no-repeat;
        background-size: contain;
        cursor: pointer; }
        header .navbar .navbar-brand.vlogin-logo:hover {
          opacity: 0.85; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link a {
    color: #555555;
    padding-right: 0;
    padding-left: 0;
    margin-left: 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600; }
    .navbar-nav .nav-link a:hover {
      color: #000; }
  .navbar-nav.navbar-right .nav-link a {
    text-transform: none !important;
    font-weight: normal; }
  .navbar-nav.navbar-right .nav-link.nav-link-welcome a {
    color: #0086FF;
    font-weight: 600; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-toggler {
  outline: none !important; }
  .navbar-toggler svg {
    fill: #c62026; }
  .navbar-toggler.collapsed svg {
    fill: #555; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

/* body */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: Roboto,Arial,sans-serif;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.25;
  background-color: #f2f3f4; }

.v-bt {
  display: inline-block;
  border: none;
  padding: 6px 15px;
  line-height: 20px;
  min-width: 80px;
  border-radius: 5px;
  color: #FFF !important;
  cursor: pointer;
  font-style: normal;
  transition: all 0.1s ease-out;
  opacity: 0.85; }
  .v-bt:hover {
    opacity: 1;
    text-decoration: none; }
  .v-bt.blue {
    background-color: #0086FF; }
  .v-bt.red {
    background-color: #c62026; }

.vlogin {
  height: 100% !important;
  width: 100% !important; }

.vlogin-content {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 0;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F1F1F1));
  border: 1px solid #ccc;
  box-shadow: 2px 2px 7px #A4A4A4; }
  .vlogin-content .row {
    margin: 0; }
    .vlogin-content .row .welcome-left {
      text-align: center;
      padding-right: 25px;
      padding-left: 25px;
      border-right: 1px #e0e0e0 solid;
      background: url(../../Content/images/bg_login.svg) center no-repeat;
      min-height: 340px; }
      .vlogin-content .row .welcome-left h2 {
        text-align: center; }
      .vlogin-content .row .welcome-left .create-user {
        margin-top: 20px; }
        .vlogin-content .row .welcome-left .create-user h4:first-child {
          font-weight: 600; }
      .vlogin-content .row .welcome-left .login-user {
        margin-top: 100px; }
      .vlogin-content .row .welcome-left .v-bt {
        margin-top: 1rem; }
      .vlogin-content .row .welcome-left.register {
        background: url(../../Content/images/bg_login.svg) center 250px no-repeat; }
    .vlogin-content .row .welcome-right {
      padding-right: 25px;
      padding-left: 25px; }

/* Style Login Form */
.form-vlogin .text-danger {
  font-size: 12px;
  color: #c62026; }

.text-danger {
  font-size: 12px !important;
  color: #c62026 !important; }

.form-title {
  position: relative;
  display: table;
  height: auto;
  margin-bottom: 3rem; }
  .form-title .login-icon-header {
    width: 60px;
    height: 60px;
    padding: 14px;
    background: #f2f3f4;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle; }
    .form-title .login-icon-header svg.icon-user {
      fill: #0086FF; }
    .form-title .login-icon-header svg.icon-add-user {
      fill: #c62026; }
  .form-title h2 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px; }

.form-group label {
  color: #555555;
  margin: 0;
  line-height: 24px;
  font-weight: normal; }
.form-group a {
  font-size: 0.8em;
  color: #2196F3;
  text-decoration: none; }

.v-input {
  display: block;
  border-radius: 4px;
  line-height: 24px;
  padding: 5px 10px;
  width: 100%;
  border: 1px solid #ccc;
  transition: border-width 0.2s ease;
  color: #444; }
  .v-input:focus {
    border-left-width: 36px;
    border-color: #2196F3;
    outline: none;
    color: #444; }
    .v-input:focus + .ic-input {
      opacity: 1;
      left: 35px;
      transition: all 0.25s ease-out; }

.form-vlogin.register .v-input {
  border-left-width: 1px; }

.ic-input {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -26px;
  opacity: 0;
  left: 0;
  transition: all 0.1s ease-in; }

.field-validation-error + .v-input {
  padding-right: 32px;
  background-position: center right 8px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' style='fill:rgba(198, 32, 38, 0.9);' d='M8 1c3.866,0 7,3.134 7,7 0,3.866 -3.134,7 -7,7 -3.866,0 -7,-3.134 -7,-7 0,-3.866 3.134,-7 7,-7zm0.05 9c0.552,0 1,0.448 1,1 0,0.552 -0.448,1 -1,1 -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1zm2.35 -2.7c-0.465,0.696 -1.537,1.273 -1.8,1.8l-1.6 0c0,-1.576 2,-1.475 2,-2.901 0,-0.627 -0.564,-0.8 -1.1,-0.8 -0.601,0 -1.201,0.2 -2,0.601l-0.601 -1.2c0.962,-0.535 2.79,-1.116 4.037,-0.628 1.207,0.474 1.801,2.022 1.064,3.128z'/></svg>"); }

.form-checkbox {
  color: #777;
  font-size: 13px;
  line-height: 16px;
  vertical-align: middle;
  margin-bottom: 1rem; }
  .form-checkbox label {
    margin: 0 0 0 10px;
    font-weight: normal; }
  .form-checkbox input {
    height: 16px;
    float: left; }

.v-button {
  border: none;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  min-width: 80px;
  border-radius: 3px;
  color: #FFF;
  cursor: pointer;
  font-style: normal;
  transition: all 0.1s ease-out;
  opacity: 0.85; }
  .v-button:hover {
    opacity: 1; }
  .v-button:focus {
    outline: none !important; }
  .v-button.blue {
    background: #0086ff; }
  .v-button.red {
    background: #C62026; }

.form-button {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0; }
  .form-button .forgotPass {
    cursor: pointer;
    justify-content: center;
    align-self: center; }
    .form-button .forgotPass .ic-help {
      display: table-cell;
      width: 16px;
      height: 16px;
      opacity: 0.35; }
    .form-button .forgotPass a {
      display: table-cell;
      font-size: 14px;
      color: #0086FF;
      text-decoration: none;
      padding-left: 8px; }
    .form-button .forgotPass:hover .ic-help {
      opacity: 1;
      background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' style='fill:rgba(0,134,255,1);' d='M8 1c3.866,0 7,3.134 7,7 0,3.866 -3.134,7 -7,7 -3.866,0 -7,-3.134 -7,-7 0,-3.866 3.134,-7 7,-7zm0.05 9c0.552,0 1,0.448 1,1 0,0.552 -0.448,1 -1,1 -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1zm2.35 -2.7c-0.465,0.696 -1.537,1.273 -1.8,1.8l-1.6 0c0,-1.576 2,-1.475 2,-2.901 0,-0.627 -0.564,-0.8 -1.1,-0.8 -0.601,0 -1.201,0.2 -2,0.601l-0.601 -1.2c0.962,-0.535 2.79,-1.116 4.037,-0.628 1.207,0.474 1.801,2.022 1.064,3.128z'/></svg>"); }
  .form-button input.v-button {
    float: right; }

.vlogin-footer footer {
  padding-top: 10px;
  padding-bottom: 10px; }

.ic-user {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' style='fill:white' d='M4.026 15l-0.026 0c-1.105,0 -2,-0.896 -2,-2 0,-0.48 0.169,-0.921 0.451,-1.266 1.329,-1.726 3.369,-2.733 5.549,-2.733 2.18,0 4.22,1.007 5.549,2.733 0.282,0.345 0.451,0.786 0.451,1.266 0,1.104 -0.895,2 -2,2l-0.026 0 -3.974 0 -3.974 0zm3.974 -14c1.933,0 3.5,1.567 3.5,3.5 0,1.933 -1.567,3.5 -3.5,3.5 -1.933,0 -3.5,-1.567 -3.5,-3.5 0,-1.933 1.567,-3.5 3.5,-3.5z'/></svg>"); }

.ic-key {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' style='fill:white' d='M3.999 6l0.001 0 0 -1c0,-2.199 1.8,-4 4,-4l0 0c2.2,0 4,1.8 4,4l0 1c1.1,0 2,0.9 2,2l0 5c0,1.1 -0.9,2 -2,2l-8.001 0c-1.099,0 -1.999,-0.9 -1.999,-2l0 -5c0,-1.1 0.9,-2 1.999,-2zm2.001 0l4 0 0 -1c0,-1.096 -0.904,-2 -2,-2 -1.096,0 -2,0.904 -2,2l0 1zm1.974 3l0.052 0c0.54,0.014 0.974,0.456 0.974,1 0,0.553 -0.448,1 -1,1 -0.552,0 -1,-0.447 -1,-1 0,-0.544 0.434,-0.986 0.974,-1z'/></svg>"); }

.ic-help {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' style='fill:black' d='M8 1c3.866,0 7,3.134 7,7 0,3.866 -3.134,7 -7,7 -3.866,0 -7,-3.134 -7,-7 0,-3.866 3.134,-7 7,-7zm0.05 9c0.552,0 1,0.448 1,1 0,0.552 -0.448,1 -1,1 -0.553,0 -1,-0.448 -1,-1 0,-0.552 0.447,-1 1,-1zm2.35 -2.7c-0.465,0.696 -1.537,1.273 -1.8,1.8l-1.6 0c0,-1.576 2,-1.475 2,-2.901 0,-0.627 -0.564,-0.8 -1.1,-0.8 -0.601,0 -1.201,0.2 -2,0.601l-0.601 -1.2c0.962,-0.535 2.79,-1.116 4.037,-0.628 1.207,0.474 1.801,2.022 1.064,3.128z'/></svg>"); }

.ic-mail {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' style='fill:white' d='M0.002 8c-0.1,4.299 3.299,7.898 7.698,7.998 0.1,0 0.2,0 0.3,0 0.609,0 2.06,-0.097 2.587,-0.432 0.278,-0.178 0.462,-0.489 0.462,-0.843 0,-0.552 -0.448,-1 -1,-1 -0.17,0 -0.305,0.047 -0.467,0.085 -0.513,0.12 -1.048,0.19 -1.582,0.19 -3.199,0.1 -5.898,-2.499 -5.998,-5.698 0,-0.1 0,-0.2 0,-0.3 -0.1,-3.199 2.399,-5.898 5.598,-5.998 0.1,0 0.3,0 0.4,0 3.199,-0.1 5.898,2.499 5.998,5.698 0,0.267 0,0.533 0,0.8 0,0.8 -0.7,1.5 -1.5,1.5 -0.799,0 -1.499,-0.7 -1.499,-1.5l0 -4.499 -1.499 0 -0.5 0.4c-0.5,-0.3 -1,-0.4 -1.5,-0.4 -1.899,0 -3.499,1.6 -3.499,3.499l0 1c0,1.899 1.5,3.499 3.499,3.499 1,0 1.9,-0.4 2.499,-1.1 1.3,1.4 3.499,1.4 4.899,0.1 0.7,-0.7 1.1,-1.599 1.1,-2.499l0 -0.5c0.1,-4.299 -3.299,-7.898 -7.598,-7.998 -0.1,0 -0.2,0 -0.4,0 -4.299,-0.1 -7.898,3.299 -7.998,7.598 0,0.2 0,0.3 0,0.4zm7.498 2c-0.8,0 -1.5,-0.7 -1.5,-1.5l0 -1c0,-0.8 0.7,-1.5 1.5,-1.5 0.8,0 1.5,0.7 1.5,1.5l0 1c0,0.8 -0.7,1.5 -1.5,1.5z'/></svg>"); }

.createUser {
  padding: 0 40px; }
  .createUser .form-title {
    margin-bottom: 1.5rem; }
  .createUser input:focus {
    border-left-width: 1px; }