.login-page .login-card-body{
  background-color: transparent !important;
  color: #fff !important;
}

.login-page .card{
  box-shadow: none !important;
  background-color: transparent !important;
}

.login-page .input-group-text{
  color: #fff !important;
}

.login-page .btn {
    border: 1px solid white !important;
    color: #fff !important;
}

table{
	text-transform: uppercase !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 7.5px !important;
    padding-left: 7.5px !important;
}

/***** Pishine Registration Page *****/

.pishine_registration{
  background-image: url(/assets/images/page-1_2.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover;
  background-color: orange;
}

.pishine_registration .card{
  background-color: antiquewhite;
  margin-left: 3rem !important;
  margin-right: 3rem!important;
}

.pi_head{
  text-align: center;
}

.pishine_registration .pa_logo{
  width: 50%;
  float: right;
}

.pishine_registration .pa_header{
  width: 70%;
  float: left;
}

.pishine_registration .pa_jadual{
  width: 100%;
}

.pishine_registration .fa-home{
  background-color: darkblue;
  color: aliceblue;
  border-radius: 50%;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}

.pishine_registration .btn-nav{
  float: right;
}

.pishine_registration .btn-blue{
  background-color: darkblue;
  color: aliceblue;
}

.pishine_registration .btn-blue:hover{
  color: aliceblue !important;
}

.pishine_registration .active .bs-stepper-circle {
    background-color: darkblue !important;
}

.home-mobile{
  display: none;
}

@media (max-width: 768px){
  .pishine_registration .pa_logo{
    width: 50%;
    float: none;
  }
  .pishine_registration .pa_header{
    width: 70%;
    float: none;
  }

  .pishine_registration .card{
    background-color: antiquewhite;
    margin-left: .5rem !important;
    margin-right: .5rem!important;
  }

  .pishine_registration .bs-stepper-label{
    display: none;
  }

  .home-mobile{
    display: inline-block;
  }

  .home-web{
    display: none;
  }

  .btn-nav{
    float: none; 
    text-align: center;
  }

}

.tooltip {
  position: relative !important;
    display: inline-block !important;
    opacity: unset !important;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.vid-grid{
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-panel .info{
  white-space: initial !important;
}

.form-group.required .control-label:after { 
    color: #d00;
    content: "*";
    position: absolute;
}