.page-login-v2 {
    height: 100vh;
    overflow-x: hidden;
}
  .page-login-v2:before {
    background-image: url("./images/login.png"); }
  .page-login-v2.page-dark.layout-full:after {
    background-color: rgba(38, 50, 56, 0.6); }
  .page-login-v2 .page-brand-info {
    margin: 220px 100px 0 90px; }
    .page-login-v2 .page-brand-info .brand-img {
      vertical-align: middle; }
    .page-login-v2 .page-brand-info .brand-text {
      display: inline-block;
      vertical-align: middle;
      margin: 11px 0 11px 20px; }
    .page-login-v2 .page-brand-info p {
      opacity: 0.6;
      max-width: 650px; }
  .page-login-v2 .page-login-main {
    /*position: absolute;
    right: 0;
    top: 0;*/
    height: 100%;
    padding: 20px 20px 10px 0px;
    color: #76838f;
    margin-top:20px;
    background: #fff; }
    .page-login-v2 .page-login-main .brand {
      margin-bottom: 60px; }
    .page-login-v2 .page-login-main .brand-img {
      vertical-align: middle; 
      max-height: 150px;

    }
    .page-login-v2 .page-login-main .brand-text {
      display: inline-block;
      vertical-align: middle;
      margin: 11px 0 11px 20px; 
      font-weight:bold;
      color: #666666;
    }
  .page-login-v2 form {
    /*width: 400px;*/
    margin: 45px 0 20px; }
    .page-login-v2 form > button {
      margin-top: 38px; }
    .page-login-v2 form a {
      margin-left: 20px; }
  .page-login-v2 footer {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    /*margin: 50px 60px 50px 60px;*/
    text-align: center; }
  .page-login-v2 .social .icon, .page-login-v2 .social .icon:hover, .page-login-v2 .social .icon:active {
    color: #fff; }
  .page-login-v2 .input-group-text {
      background: #fff;
  }

  /*.page-login-v2 .page {
      width:100%;
  }*/
.page-left .carousel {
    height: 100vh;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    top: 50px !important;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    height: 40px;
}
.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 15px;
    height: 4px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.7);
    border-radius:3px;
}
.carousel-indicators li:before{
    position: absolute;
    top: -3px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 4px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    display: inline-block;
    width: 40px;
    height: 4px;
    content: "";
    background-color: #F68620;
    border-radius:1px;
}

.carousel-indicators-fall .active{
    width:40px;
}

.carousel-caption {
    position: absolute;
    right: 0;
    top: 50px !important;
    left: 0;
    z-index: 18;
    display: block;
    justify-content: center;
    padding-left: 0;
    list-style: none;
}

.carousel, .item, .active, .carousel-item-left, .carousel-item-right {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

@media (min-width: 992px) {
    .page-login-v2 .page-content {
    padding-right: 500px; } }

@media (max-width: 991.98px) {
  .page-login-v2 .page-login-main {
    padding-top: 60px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .page-login-v2 .page-login-main {
    padding-top: 80px; }
  .page-login-v2 .page-brand-info {
    margin: 160px 0 0 35px; }
    .page-login-v2 .page-brand-info > p {
      opacity: 0;
      color: transparent; } }

@media (max-width: 767.98px) {
  .page-login-v2 .page-login-main {
    padding-top: 60px;
    width: 100%; }
  .page-login-v2 form {
    width: auto; }

    .carousel {
        height: 50%;
    }

}

@media (max-width: 479.98px) {
  .page-login-v2 .page-brand-info {
    margin: 220px 0 0; }
  .page-login-v2 .page-login-main {
    padding: 50px 30px 30px; }
  .page-login-v2 form {
    width: auto; }
  .page-login-v2 footer {
    margin: 50px 30px; }

    .page-left .carousel {
        height: 60vh;
    }
    /*.carousel {
        height: 50%;
    }*/
}
