*{
    margin:0px;
    padding:0px;
}
/* background */
html{
    height: 100%;
}
.main-bg{
    
    /* background-color:#1E4696 ; */
    /* background-color: #1D4A75; */
    /* background-color: #2f2482; */
    /* background-image: linear-gradient(to bottom, #82D1D9, #48C9DD, #1CBBD2); */
    background:#fff;
}

.login-bg{
    background: url('../images/rx-tracker-demo-bg.png');
     background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}

.body-bg{
    background-image:url('../images/bg-5.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    /* background-clip: padding-box; */
}

.body-color{
    background-color: #C5E6F9;
}

.vertical-align{
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
  
    display: flex;
    align-items: center;
}

/* Text sizes and color */
.bold-text{
    font-weight: 500;
}

.bolder-text{
    font-weight: 600 !important;
}

.main-text{
    /* color:#1E4696; */
    color: #2f2482;
}

/* Button colors */
.cta-btn{
    /* background-color: #1E4696 !important; */
    /* background-color: #2f2482 !important; */
    /* background-color: #13B8A7 !important; */
    background-color: #845ec2 !important;

    color: white !important;
}

.non-cta-btn{
    background-color: rgb(150, 150, 150) !important;
    color:rgb(71, 71, 71) !important;
}

/* Image sizes */
.logo-img, .logo-img-2{
    display: block;
  margin-left: auto;
  margin-right: auto;
width:10rem;
}
.logo-img-2{
    width:8rem;
}
.upper-logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* margin-top:15px; */
  width:3rem; 
}

.logo{
    width:3rem;   
}

/* Form elements */
.input-box{
    background-color: rgb(228, 229, 230) !important;
    color:white;
    border:none !important;
    padding: 12px 10px !important;
}

.doctor-form-card {
  border-radius: 8px !important;
    width: 80%;
}

.form-card{
    border-radius: 8px !important;
    width: 80%;
    /* background: rgb(224 223 229 / 80%) !important;
    backdrop-filter: saturate(180%) blur(10px) !important; */
}

.date-form-card {
    border-radius: 8px !important;
    width: 52%;
    background: transparent !important;
    border: none !important;
}

 .card-icon {
        width: 65% !important;
    }

    .list-card {
         border-radius: 8px !important;
        width: 60%;
    }

@media (max-width: 767px) { 
    
    .form-card{
        border-radius: 8px !important;
        width: 100% !important;
    }

     .list-card {
         border-radius: 8px !important;
        width: 100%;
    }

    .date-form-card {
        border-radius: 8px !important;
        width: 100% !important;
    }

    .card-icon {
        width: 65% !important;
    }
}

.main-nav {
    margin: auto;
    width: 50%;
    /* padding: 10px; */
}

.nav-li {
    font-size: 20px;
    margin-right: 44px;
}

a{
    color:white !important;
}

.logo-2-img{
    display: block;
  margin-left: auto;
  margin-right: auto;
width:8rem;
}

@media (max-width: 767px) { 
    .form-card{
        border-radius: 8px !important;
        width: 100% !important;
    }
    .doctor-form-card {
    border-radius: 8px !important;
        width: 64%;
    }
    .logo-img{
        display: block;
      margin-left: auto;
      margin-right: auto;
    width:10rem;
    }
    .logo-2-img{
        display: block;
      margin-left: 0;
      margin-right: -10px;
    width:8rem;
    margin-top: -6px;
    }

}

.select-date-btn {
    margin-left: 789px;
}




@media (max-width: 767px) { 
.select-date-btn {
    margin-left: 0;
    float:right;
}
}
.login-form-card {
    border-radius: 8px !important;
    width: 40%;
}


@media (max-width: 767px) { 
    .login-form-card {
        border-radius: 8px !important;
        width: 100%;
    }
    .admin-login-form-card {
        border-radius: 8px !important;
        width: 100%;
    }
}

.my_file {
    display: none !important;
}

.get_file {
    /* background: #1E4696; */
    border: 2px solid #845ec2 !important;
    /* padding: 15px !important; */
    border-radius: 5px !important;
    /* margin: 10px; */
    cursor: pointer !important;
    color:#845ec2 !important;
    /* font-size: larg; */
    font-weight: 700 !important;
}

.got_file{
      background: rgb(48, 218, 48);
      border: none !important;
      padding: 4px !important;
      border-radius: 5px !important;
      /* margin: 10px; */
      cursor: pointer !important;
      color:white !important;
      /* font-size: larg; */
      /* width:100% !important; */
      font-weight: 700 !important;
}

@media (max-width: 767px) { 
.profile-img {
    text-align: center;
}
.profile-img img {
    width:55% !important;
} 
.mr-detail {
    /* margin-top: 10px !important; */
}
.mobile-width {
    width: 50% !important;
}
}

/* Icons */
.icon-md{
    font-size:23px;
}

/* anchor links */
a{
    color:#845ec2 !important;
}



.top-container{
    /* backdrop-filter: blur(50px); */
    background: #845ec2 !important;
    color:white;

}

.text-main{
color:#845ec2;
}
/* Profile */


/* Progress bar */
#progress-wrp {
    /* border: 1px solid #000a0e; */
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin-bottom: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
    }
    
    #progress-wrp .progress-bar {
    height: 20px;
    border-radius: 3px;
    background-color: #1E4696;
    width: 0;
    /* box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11); */
    }
    
    #progress-wrp .status {
    top: 0px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: black;
    font-weight: 600;
    }

    .required {
        color:red;
    }
    .rquired-msg {
        text-align: right !important;
        margin-bottom:0px !important;
    }
    .dr-label {
        background-color: #6c757d66 !important;
    }

/* link states */
a{
    font-size: 16px;
    font-weight:medium;
}

.template-card-wrap{
    /* margin-top:100px; */
  /* height: 572px; */
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 332px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      .template-card{
          height:340px !important;
      }
      .form-card{
        margin-bottom: 45px !important;
      }
      .profile-card{
        /* margin-top: -33px !important; */
      }
      p{
          margin-bottom:2px !important;
      }
      .template-card-wrap{
        height: 438px;
        /* margin-top: 73px; */
        margin-bottom:20px;
      }
}

@media only screen 
  and (min-device-width: 332px) 
  and (max-device-width: 414px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      .template-card{
          height:435px !important;
      }
      .form-card{
        /* margin-top: 87px !important;
        margin-bottom:0px !important; */
      }
      .profile-card{
        /* margin-top: -35px !important; */
        /* height:500px; */
      }
      p{
        margin-bottom:6px !important;

      }
      .template-card-wrap{
          /* margin-top:101px; */
        height: 549px;
      }
     
}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-height: 812px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      .template-card{
          height:500px !important;
      }
      .form-card{
        padding:20px 10px 20px 10px;
      }
      .profile-card{
        /* margin-top: -35px !important; */
        /* height:550px; */
      }
      .template-card-wrap{
        /* margin-top:92px; */
      height: 572px;
      margin-bottom:10px;
    }
}

@media only screen 
  and (min-device-width: 758px) 
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      .template-card{
          height:500px !important;
      }
      .form-card{
        width:100% !important;
      }
}

.top-height {
    height: 8vh;
}



     .submitted {
         color:rgb(48, 218, 48) !important;
     }

     .select2-container .select2-selection--single {
        height: 47px !important;
        background-color: rgb(228, 229, 230) !important;
        color: white;
        border: none !important;
        padding: 12px 10px !important;
        border-radius: 0;
      }
      .select2-container--default .select2-selection--single .select2-selection__arrow {
        top:11px !important;
      }
      .select2-container .select2-selection--multiple {
        height: 47px !important;
        background-color: rgb(228, 229, 230) !important;
        color: white;
        border: none !important;
        padding: 12px 10px !important;
        border-radius: 0;
      }
      .select2-container .select2-selection--multiple {
        
        min-height: 47px !important;
      }
      .was-validated .form-control:invalid+.select2 .select2-selection {
        border-color: #dc3545 !important;
      }
      
      .was-validated .form-control:valid+.select2 .select2-selection {
        border-color: #28a745 !important;
      }

      .select2-container--default .select2-selection--multiple .select2-selection__choice {
        color: black !important;
        background-color: white !important;
        margin-top: 0px !important;
      }

      .doctor-image {
        background-color: rgb(228, 229, 230) !important;
        padding: 12px 10px !important;
        border-radius: 0 !important;
      }


      .swal2-styled.swal2-confirm {
        background-color: #845ec2 !important;
      }

      .nav-link{
        color:#fff !important;
      }

      @media only screen and (max-width:600px){
          .nav-link{
        color:#845ec2 !important;
      }
      }