body {
  /*margin:0;*/
  font-family:Roboto,sans-serif;
  /*font-size:1rem;*/
  /*font-weight:300;*/
  /*line-height:1.5;*/
  color:#444444;
  /*text-align:left;*/
  /*background-color:#fff;*/
}

.m-login-rl {
  margin:0px 130px 0px 130px;
}

.bg-form-login {
  background:linear-gradient(135deg,#3d7aef,#2b4be4);
}

.bg-info-login {
  background-color:#fff;
}

.p-login {
  padding:100px !important;
}

@media (min-width: 300px) {
  .p-login {
    padding:30px !important;
  }
}

@media (min-width: 768px) {
  .p-login {
    padding:60px !important;
  }
}

@media (min-width: 992px) {
  .p-login {
    padding:70px !important;
  }
}

p {
  font-size:14px;
  font-weight:300;
  color:#000;
  line-height:26px;
  font-family:'Roboto';
}

.color-white {
  color:#fff;
}

.color-bg-dark {
  color:#fff;
}

.btn-login {
  background-color:#e44081;
  border:none;
  border-radius:initial;
}

.b-1 {
  border:1px solid #ccc;
  background-color:#fff;
}

.bb-1 {
  border-bottom:1px solid #ccc;
}

.h3-title {
  font-weight:300;
}

.mtb-auto {
  /*margin:0 auto;*/
}

.page-footer.dark {
  background-color:transparent;
}

.clean-block.dark {
  background-color:#fff;
}

.clean-block .block-content, .clean-block .content {
    box-shadow: 0 0px 40px rgba(0,0,0,.08), 0 0px 10px rgba(0,0,0,.025);
    background-color: #fff;
}
.login-master .clean-block .block-content {
    border-radius: 10px;
    overflow: hidden;
}


.nav-tabs {
  border-bottom:none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color:#e9ecef #e9ecef #dee2e6;
  color: #000;
}

.nav-tabs .nav-link {
  border:1px solid transparent;
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem;
  border-radius:inherit;
}

.form-control {
  display:block;
  width:100%;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:30px;
  color:#495057;
  background-color:transparent !important;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (max-width: 768px) {
  .m-login-rl {
    margin:20px;
  }
}

@media (min-width:768px) {
  .clean-block.clean-product .block-content {
    padding:40px;
  }
}

.text-header {
  color:#e44081;
}

.img-header {
  width:530px;
  height:150px;
}

@media (max-width: 300px) {
  .img-header {
    display:none;
  }
}

@media (max-width: 576px) {
  .img-header {
    display:none;
  }
}

.nav-tabs .nav-link {
  border:none;
}

.nav-tabs a.nav-link {
  color:#ffffff;
}

.nav-tabs a.nav-link.login.active {
  background-color:#ffffff;
}

.nav-tabs a.nav-link.login {
  background-color:#3b99e0;
}

a.bg-info:hover {
  background-color:#ffffff !important;
}

a.bg-info:visited {
  background-color:#ffffff !important;
}

a.bg-info:focus {
  background-color:#ffffff !important;
}

.form-control {
  
}

.form-control:focus {
  color:#444;
  /* font-weight:300; */
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color:#fff !important;
}

.block-content {
  max-width:1200px;
  margin:0 auto;
}

@media (max-width: 1200px) {
  section.clean-block {
    padding-top:0px !important;
  }
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #bd356b;

}

.row, .nav {
    display:table;
    width:100%;
}

.bg-info-login, .bg-form-login, .nav-item {
    display:table-cell;
    width: 50%;
}

.bg-form-login {
    background-color:#3D7AEF;
}

.bg-info-login {
    background-color: #fff;
}


@media(max-width: 767px) {
   .bg-info-login, .bg-form-login
       {
            display:block;
            width: 100%;
            max-width:100%
        }
   img.img-fluid.mb-5 {
    max-width: 400px;
        }
}

.login-master {
    background-color: #f2f2f2;
}