.background {
  background: url("../Customization/assets/images/bgindexblack.png") no-repeat;
  background-size: 100vw 100vh;
  position: relative;
}

.background1 {
    background: url("../Customization/assets/images/pmpbg.png") no-repeat;
    background-size: 100vw 100vh;
    position: relative;
}

.logo {
  content: url("../Customization/assets/images/vodafone-logo.png");
  max-width: 200px;
}
.logo2 {
   /*content: url("../Customization/assets/images/intimepmp1.svg");*/
    width: 250px;
    max-width:100%;
}

.logoTwoAuthPmp {
    content: url("../Customization/assets/images/intimepmp1.svg");
    width: 250px;
    max-width: 100%;
}


.logo1 {
    content: url("../Customization/assets/images/poweredby-01.png");
    max-width: 200px;
}

.asy {
    content: url("../Customization/assets/images/asy_CalismaYuzeyi1.png");
    width: 300px;
    max-width: 100%;
}
.container-small {
  max-width: 100%;
  width: 700px;
}

.login-container {
    height: auto;
    padding: 30px 0 60px 0;
    background-color: #ffffff;
    opacity: 0.9;
    width: 550px;
}

.login-container1 {
    height: 650px;
    background-color: #ffffff;
    border-radius: 30px;
    background: linear-gradient(#ffffff, #dcdcdc);
    width:600px
}

.login-container2 {
    height: auto; overflow:hidden;
    padding: 50px 0 50px 0;
    background-color: #ffffff;
    opacity: 0.9;
    width: 550px
}

.login-containerforget {
    height: 575px;
    background-color: #ffffff;
    opacity: 0.9;
}

.form-container {
  height: 300px;
}
.controler1 {
    border: 0;
    background: lightgrey !important;
    width: 82%;
    float: right;
    border-radius: 0px !important;
}


.divleftinput {
    height: 54px;
    margin-top: -15px;
    width: 55px;
    float: left;
}

.divleftinput2 {
    content: url("../Customization/assets/images/Web_Icon.svg");
    width: 18%;
}

.divleftinput1 {
    content: url("../Customization/assets/images/Web_Icon-02.svg");
    width: 17%;
}

.divrightinput {
    height: 54px;
    margin-top:-45px;
    width: 55px;
    float: right;

    cursor:pointer;
}

.divrightinput1 {
    cursor: pointer;
    width: 12%;
}

.form-containerforget {
    height: 250px;
}

.input-label {
  font-size: 0.8em;
  font-family: "Roboto", sans-serif;
  color: #969696;
}

.login-input {
  font-size: 1.25em;
  font-family: "Roboto", sans-serif;
  margin-top: -0.9rem;
}

.login-input1 {
    font-size: 1.25em;
    font-family: "Roboto", sans-serif;
    border-color: #969696;
    height: calc(3rem + 2px) !important;
    margin-top: -0.9rem;
}

  .login-input:focus {
    border-color: rgba(0, 124, 146, 0.8);
    box-shadow: 0 1px 1px rgba(110, 161, 170, 0.25) inset, 0 0 8px rgba(0, 124, 146, 0.5);
    outline: 0 none;
  }

    .login-input:focus ~ .label-container .input-label {
      color: #007c92;
    }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

  .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

input:checked + .slider {
  background-color: #007c92;
}

input:focus + .slider {
  box-shadow: 0 0 1px #007c92;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

  .slider.round:before {
    border-radius: 50%;
  }

.checkbox-label {
  font-size: 1.1em;
  font-family: "Roboto", sans-serif;
  color: #0e1d49 !important;
}

.link {
  text-decoration: none;
  cursor: pointer;
}

  .link:hover {
    color: #e60000 !important;
  }

.submit-button {
  border-radius: 20px;
  background-image: linear-gradient(#a00c0c, #e60000);
  text-align: center;
  color: #ffffff;
  border: none;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 1.25em;
  font-family: "Roboto", sans-serif;
}

.submit-button1 {
    border-radius: 20px;
    background: rgba(0, 124, 146, 0.8);
    text-align: center;
    color: #ffffff;
    border: none;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.25em;
    font-family: "Roboto", sans-serif;
}

  .submit-button:hover {
    background-image: linear-gradient(#e60000, #ff0101);
  }

.intime-logo-container {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
}

.intime-logo {
    content: url("../Customization/assets/images/poweredby-01.png");
    max-width: 200px;
}

.asy-container {
    display: flex;
    align-items: end;
    justify-content: end;
   
}

.asy-img {
    content: url("../Customization/assets/images/asy_CalismaYuzeyi1.png");
    max-width: 200px;
    top: 15rem;
}

@media (max-width: 1200px) {
  .container-small {
    width: 500px;
  }
}

@media (max-width: 768px) {

    .divleftinput {
        height: 52px;
      
    }
  .container-small {
    width: 450px;
  }

  .logo {
    max-width: 150px;
    margin-bottom: 0 !important;
  }

  .form-container {
    width: 90% !important;
  }

  .form.mb-5 {
    margin-bottom: 1.5rem !important;
  }

  .intime-logo {
    max-width: 120px;
  }

  .login-container {
    
  }

  .form-container.mt-5,
  .form-container .mt-5 {
    margin-top: 1.5rem !important;
  }

  .checkbox-label,
  .input-label {
    font-size: 1em;
  }

  .checkbox-label {
    margin-top: 3px;
  }

  .switch {
    width: 35px;
    height: 21px;
  }

  .slider:before {
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 3px;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
  }

  .login-input {
    font-size: 1em;
    height: calc(4rem + 2px) !important;
  }
}

@media screen and (max-width: 540px) {
  .container-small {
    width: 414px;
  }
}

@media screen and (max-width: 414px) {
  .container-small {
    width: 100%;
  }

  .form-container {
    width: 95% !important;
  }
    .divleftinput {
display:none;    }
    .controler1 {
        width: 100%;
    }
    .py-5 {
        width: 100%
    }
}

@media screen and (max-width: 360px) {
  .container-small {
    height: auto; 
    overflow:hidden;
  }

  .checkbox-label {
    font-size: 0.8em;
  }

    .checkbox-label.ms-2 {
      margin-left: 0.3rem !important;
    }

  .form-container.mt-5,
  .form-container .mt-5 {
    margin-top: 1rem !important;
  }

  .logo {
    max-width: 120px;
  }

  .login-input {
    height: calc(3.5rem + 2px) !important;
  }

  .submit-button {
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    padding: 0.75rem 3rem !important;
    margin-top: 1rem;
  }
}

 .btn-logo-bg {
    background: #021d49 !important;
}
 .border-0{
     border:none !important;
 }

.forget-password-link {
    color: #021d49 !important;
    text-decoration: none;
}

.h-250px {
    height: 250px !important;
}