.conatiner{max-width: 1200px;}
a{ color:#009490; text-decoration: underline; font-size: 14px;}
a:hover{ color:#666}

strong{color:#06262D;}
h2{ color:#06262D; font-size: 24px;}

p{margin-bottom: 0; font-size: 14px;}
.acc-btn{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 13px 30px;
    font-size: 18px;
    color: #009490;
}
input{ min-height: 42px;}
.form{
    max-width: 450px;
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 120px;
}

.email-input,.password-input{
    border: 2px solid #000;
    padding: 10px 0;
}

.form-label{
    font-size: 20px;
}

.check-box{
    height: 30px;
    width: 42px;
}

.input-width{
    width: 100%;
    max-width: 160px;
    min-height: 42px;
}

input[type=checkbox]:checked {
    
    background-color: #009490 !important;
    color: #ffffff !important;
  }
  
.remember-label{
    font-size: 16px;
    line-height: 37px;
    margin-left: 10px;
    color: #77898D;
}

.forgot-anc{
    text-decoration: none;
    float: right;
    color: #009490;
    line-height: 37px;
}
.btnoutline{border: 1px solid #cdd4d5; border-radius: 5px; height: 42px; width: 212px;}
.btn-margin{margin-top: 34px;}
.btnsearch{margin-top: 30px;}
.btn-outline-success {
    color: #009490;
    border-color: #009490;
}
.btn-outline-success:hover {
    background-color: #009490;
    color: #fff;
    border-color: #009490;
}


.login-btn:hover{
    background-color: #000;
    
}
.login-btn{
    background-color: #009490;
    width: 100%;
    color: #fff;
    border: none;
    padding: 15px 0;
}

.further{
    
    height: auto;
    margin: auto;
}

.further p{
    color: #06262D;
}

.further-row{
    justify-content: space-between;
}

.further-row a{
    border: 1px solid #ccc;
    padding: 15px 55px;
    display: block;
    border-radius: 5px;
}

.sso-anc{
    text-decoration: none;
    color: #009490;
    line-height: 37px;
}

.login-status{color:#4B5A5D; font-size: 12px;}

.footer-nav{list-style-type: none;}
.footer-nav li{font-size: 12px; color: #4B5A5D; display: inline-block;}
.footer-nav li a{color: #666 !important; font-size:12px; text-decoration: none;} 
.footer-nav a.nav-link:hover{color:#666;}
.nav-link {
     padding: 0.25rem 0.5rem !important;
}
.sep{color:#cdd4d5;}
.put-radius{border-radius:8px; border:1px solid #cdd4d5;}
.light-bg{background-color:#F5F5F5; padding:24px; border-top: 1px solid #cdd4d5; margin-top: 24px;}
hr{color:#cdd4d5; height:1px;}
.content-wrapper{ margin:24px; padding:24px;}
.news-block{}
.news-block  h5{ font-size: 16px;}
.news-block p.title{font-size: 14px;}
.news-block p.description{ font-size: 14px;}
.news-block a{}

.download-list{}
.download-list ul{ list-style: none;}
.download-list li{ padding:16px 0; border-bottom: 1px solid #cdd4d5;}
.download-list img{ margin-right: 20px;}

.status-block{ margin: 24px;}
.status-row{ padding: 16px 0; border-bottom: 1px solid #cdd4d5;}
.status-row h5{ font-size: 16px; color:#06262D;}
.status-row p{ font-size: 14px; color:#4B5A5D;}
.make-white{background-color: #fff;}
.table-row{ margin: 24px;   
     border-top-right-radius: 8px;}
.extend-bottom-border{ border-bottom: 1px solid #cdd4d5; border-radius: 8px; background-color: #F9FAFB;}
header {
    display: flex;  /* aligns all child elements (flex items) in a row */
    background-color:#06262D;
    color:#fff;
    padding:16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
   
  }

  .column {
   flex: 1;        /* distributes space on the line equally among items */
  }
  .row-mrgin{margin: 14px;}
  .row-border{border-bottom: 1px solid #cdd4d5;}
  .record-row{ padding:16px; border-bottom: 1px solid #cdd4d5; display: flex;}
  .record-row .add{background-color:#009490; color:#fff;}
  .record-row .add:hover{background-color:#fff; color:#009490; border: 1px solid #009490;}
  .record-row .remove{background-color:#fff; color:#009490; border: 1px solid #cdd4d5;}
  .record-row .remove:hover{background-color:#009490; color:#fff; border: 1px solid #cdd4d5;}
  .record-row:last-child{border-bottom: none;}

  .table thead{
    background-color:#06262D;
    color:#fff;
    height:48px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    vertical-align: middle;
  }
  
  .table{ margin-bottom: 0; font-size: 14px; background-color: #F9FAFB;}
  .td-alignment input{width: 90px; height: 32px;}
  .btnlift3{ margin-top: -3px;}
  .btn{font-size: 14px;}
  .btnadd{background-color:#009490; color:#fff; margin-bottom: 5px;}
  .btnadd:hover{background-color:#fff; color:#009490; border: 1px solid #009490;}
  .btnremove{background-color:#fff; color:#009490; border: 1px solid #cdd4d5; margin-bottom: 5px;}
  .btnremove:hover{background-color:#009490; color:#fff; border: 1px solid #cdd4d5;}

  .btngreen{background-color:#009490; color:#fff; padding: 8px 16px; font-size: 16px;}
  .btngreen:hover{background-color:#fff; color:#009490; border: 1px solid #009490;}
  .btnoutlie{background-color:#fff; color:#009490; border: 1px solid #cdd4d5; margin-bottom: 5px;}
  .btnoutline:hover{background-color:#009490; color:#fff; border: 1px solid #cdd4d5;}

  .search-form{ padding:16px 0; padding-right: 16px; font-size: 14px; color:#06262D}
  .search-form select{ width: 400px; max-width: 100%; min-height: 42px; padding-left: 10px;}
  
  .search-form div{ text-align: left; margin-bottom: 5px;}

  .search-form .drug-name{ width: 100%; max-width: 400px;}
  .search-form .drug-name input{ width: 100%; padding-left: 10px; }
  .search-form div{ margin-left: 20px;}
  .search-form .label{ margin-left: 0;}
  .search-results-heading{ font-size: 14px; color:#06262D}

  .width-90{ max-width: 90px;}
   

   .tdwidth40{ width:40%;}
   .tdwidth30{width:30%;}
   .tdwidth15{width:20%;}
   .tdwidth10{width:10%;}
   .tdwidth20{width:20%;}
   
ul.upload-attachement-list{ padding-left: 0 !important; }
.upload-attachement-list li{ list-style: none; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.upload-attachement-list li:last-child{border-bottom: none; padding-bottom: 0px;}

.upload-document{ width: 45%; padding-right: 40px;}
.password-change{ width: 45%; padding-left: 150px;}
.password-change input{ width: 100%; max-width: 400px;}
.password-div{ max-width: 400px;}

.line{ border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.right-border{border-right: 1px solid #ccc; margin-top: 16px;}


  @media (max-width:1200px){
    .upload-document{ width: 45%; padding-right: 40px;}
.password-change{ width: 45%; padding-left: 20px;}
  }

  @media (max-width:991px){

    .sep{display: none;}
    .nav-item{ text-align: left; border-bottom: 1px solid #cdd4d5; padding: 5px 5px;}
    .setscroll{overflow-x: scroll;}
    .password-block .d-flex{ flex-direction: column;}
    .upload-document{ width: 100%; padding-right: 40px;}
.password-change{ width: 100%; padding-left: 0px;}
.right-border{border-right: none; margin-top: 16px;}

  }
  @media (max-width:767px){
    .acc-btn {
     
        padding: 7px 8px;
        font-size: 14px;
     
    }

    .table-row .d-flex { flex-direction: column;}
    .status-block .d-flex { flex-direction: column;}
    .status-block .text-end{ text-align: left !important;}
    .search-form .drug-name {
        width: 100%;
        max-width: 100%;
    }
    .input-width {
        width: 100%;
        max-width: 100%;
        min-height: 42px;
    }
    .search-form div{ margin-left: 0px;}
    .search-form{ padding: 16px;}
    .status-row .d-flex{flex-direction: column;}
    .search-form select { width:100%;  }
    .removetb-padding{ padding:0 16px !important;}
    .btngreen{margin-top: 5px;}
  
  }