/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 9, 2020, 3:40:08 PM
    Author     : 
*/

.hidden{
    display: none;
}

.required_option{
    color: red;
}

#dataTable_filter label, #dataTable_paginate ul{
    float: right !important;
}
#dataTable_wrapper .row .col-sm-12 .dataTable_filter{
    text-align: end !important;
}

.photo-gallery {
    color:#313437;
    background-color:#fff;
  }
  
  .photo-gallery p {
    color:#7d8285;
  }
  
  .photo-gallery h2 {
    font-weight:bold;
    margin-bottom:40px;
    padding-top:40px;
    color:inherit;
  }
  
  @media (max-width:767px) {
    .photo-gallery h2 {
      margin-bottom:25px;
      padding-top:25px;
      font-size:24px;
    }
  }
  
  .photo-gallery .intro {
    font-size:16px;
    max-width:500px;
    margin:0 auto 40px;
  }
  
  .photo-gallery .intro p {
    margin-bottom:0;
  }
  
  .photo-gallery .photos {
    padding-bottom:20px;
  }
  
  .photo-gallery .item {
    padding-bottom:30px;
  }
  
  .form-group input[type="radio"], .form-group input[type="checkbox"]{
    display: inline-block !important; 
    width: auto !important; 
    height: 13px !important;
    margin-right: 20px;
  }

  .patient_report_upload_block p{
    margin: 0 !important;
    font-weight: 800;
    color: #333 !important;
  }

  .patient_details_view_block p{
    margin: 0 !important;
    font-weight: 800;
    color: #333 !important;
  }

  .patient_report_upload_block p span{
    margin: 0 !important;
    font-weight: 400;
  }

  .patient_details_view_block p span{
    margin: 0 !important;
    font-weight: 400;
  }
  
  .print_block p{
    margin: 0 !important;
    font-weight: 800;
    color: #333 !important;
  }

  .print_block p span{
    margin: 0 !important;
    font-weight: 400;
  }

  .bg-gradient-pending{
    background: linear-gradient(to right, #d98484, #cd0707) !important;
  }

  .patient_test_row{
    padding: 6px 25px;
  }

  .patient_test_row p{
    font-weight: 400 !important;
  }

  .pay-slip-header{
    border: none !important;
  }
  
  .pay-slip-header div{
    border: none !important;
    padding: 5px 5px !important;
  }

  .pay-slip-header div i{
    color: #333 !important;
  }

  .center{
    text-align: center;
  }

  .patient-information p{
    margin-bottom: 4px !important;
  }
  
  .pay-slip-body p{
    margin-bottom: 4px !important;
  }

  a{
    padding-top: 13px !important;
  }

/**
Pagination code is here
**/
#pagination {
  text-align: right;
  /* margin: 20px 0; */
}

.page-link {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.page-link.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.item {
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ddd;
}

.img-row{
  padding: 15px 10px;
}
/* #search-input {
    padding: 10px;
    width: 200px;
    margin-right: 10px;
}

#search-btn,#reset-btn {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

#search-btn:hover,#reset-btn:hover {
    background-color: #0056b3;
} */

.invoice-table{
  margin-bottom: 0;
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: #ebedf2;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: #f2edf3;
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.invoice-table > tbody {
  vertical-align: inherit;
}

.invoice-table td {
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1;
  white-space: nowrap;
  padding: 0.9375rem;
}

.invoice-table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  /* border-bottom-width: var(--bs-border-width); */
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}