.input-group-text {
    display: flex;
    align-items: center;
    padding: .215rem .8rem;
    margin-bottom: 0;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.25;
    color: #2b79c1;
    text-align: center;
    white-space: nowrap;
    background-color: #f0f3f9;
    border: 1px solid #e4e7ea;
    border-radius: .25rem;
}
.font-small{
    font-size:12px;
}
.btn-primary,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff;
    background-color: #467fcf;
    border-color: #467fcf
}

.btn {
    border: 1px solid transparent;
    padding: .215rem .5rem;
    font-size: 0.9rem;
    margin-top: 3px;
    /* line-height: 1.5; */
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-right: 660px;
}
.navbar-nav {
    display: contents;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.2;
    border-radius: .2rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus {
    border-color: rgba(241, 241, 241, 0.66);
    border-bottom: 2px solid #467fcf
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #0d67ec;
    background-color: #fefefe;
    border: 1px solid #548adf91;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    background-color: #d7dce4;
    margin-right: 3px;
}
.btn-success {
    background-color: #067a52;
}

.edit-btn {
    margin-left: 2px;
    padding: 0px 2px 0px 3px;
    border-radius: 4px;
    font-size: 16px;
}
.back-btn {
    background-color: grey;
    color: white;
    border-radius: 4px;
    line-height: 50px;
    padding: 1px 7px 1px 2px;
    font-size:14px;
    transition: transform .2s;
}
.back-btn:hover{
    text-decoration: none;
    color:white;
    font-weight: bold;
    font-size:15px;
}


.delete-btn{
    margin-left: 2px;
    padding: 0px 2px 0px 2px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

.nav-tabs {
    border-bottom: 2px solid #77b4e257;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.form-control {
    display: block;
    width: 100%;
    /* height: 2.15rem;
    padding: .075rem .75rem; */
    height: 1.85rem;
    padding: .1rem .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 40, 100, .12);
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.page-item.active .page-link {
    font-size: small;
}

.btn-warning {
    color: #ffffff;
    background-color: #ffc107;
    border-color: #ffc107;
}

.form-center{
    display: flex;
    flex-flow: column;
    /* flex-direction: column; */
    align-items: center;
}

/* css for sidebar*/
.sidebar .nav {
    width: 215px !important;
}
.sidebar.sidebar-pills .nav-link.active,
.sidebar.sidebar-pills .nav-link:hover,
.nav-dropdown-toggle:hover {
    color: rgb(255, 0, 13) !important;
    font-weight: 700;
}
.sidebar.sidebar-pills .nav-link {
    color: black !important;
    font-size: 16px;
}
.sidebar.sidebar-pills .nav-link.active .nav-icon,
.sidebar.sidebar-pills .nav-link:hover .nav-icon {
    color: rgb(255, 0, 13) !important;
}
.sidebar.sidebar-pills .nav-link .nav-icon {
    color: black !important;
    font-size: 16px !important;
}
/* css for current focus element */
.dataTables_wrapper .dataTables_filter input:focus, 
.dataTables_wrapper .dataTables_length select:focus, 
.form-control:focus, 
.select2-container.select2-container--bootstrap:focus,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field:focus {
    background-color: #def9be;
    box-shadow: 0 0 0 3px rgba(70, 127, 207, 0.88);
}
.radio-inline input[type="radio"]:focus,
.checkbox input:focus,
.form-check input:focus{
    box-shadow: 0 0 0 6px rgba(75, 230, 139, 0.88);
}
.select2-search__field:focus,
.select2-selection.select2-selection--multiple:focus,
.select2-selection.select2-selection--single:focus {
    background-color: #def9be;
    box-shadow: 0 0 0 3px rgba(70, 127, 207, 0.88) !important;
}


/* DataTable related customization */

.dataTables_scrollFoot, .DTFC_RightFootWrapper {
    display: none;
}
.DTFC_RightBodyLiner td {
    vertical-align: middle;
}
.DTFC_RightBodyLiner {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
.DTFC_RightBodyLiner {
    left: -12px;
}
td p {
    margin-top: .3rem;
    margin-bottom: .3rem;
}
.table th {
    /* padding: 0.4rem !important; */
    border-top: none;
    background-color: #c8ced3;
}

.table td {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
    border-top: none;
}

/* form controls */c3bfbf
.form-control.amount-field{
    max-width: 150px;
}
textarea[readonly] {
    background-color: #e2e2e2 !important;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 2px;
    margin-bottom: -5px;
    margin-top: 15px;
    font-size: 1.3rem;
    line-height: inherit;
    color: #9C27B0;
    background-color: #c4d8e2;

}
.empty-group{
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 0.45rem;
}

.nav-tabs .nav-link {
    color: #3a83ea;
}

.nav-tabs .nav-link.active {
    color: #da4040;
    font-weight: 550;
}

.nav-tabs .nav-link {
    border: 1px solid #bbbdbf;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}


/*** Patient Observation Page ***/
.today-date{
    margin:10px 30px 0px 0px;
    text-align:right;
    font-size:17px;
    font-weight:600;
}
.top-navigation{
    margin:10px 0 0 20px;
}
table{
    width:100%;  
    font-size:15px;
    font-weight:600;
}
table tr td{
    padding:7px;
}
#appointment{
    margin-top:10px;
}

.data{
    padding:20px;
}
hr.hr-line{
    border:2px solid lightgray;
}

.nav-pills a.nav-link{
    color:black;
    background-color:lightgray;
    margin:1px;
}
.nav-pills a.nav-link.active{
    font-weight:bold;
    border:1px solid #0d67ec;
}
.nav-pills a.nav-link:hover{
    font-weight:bold;
    color:blue;
    background-color:white;
}
.tab-content{
    min-height:400px;
}

.vital-form{
  margin:20px;
  border:1px solid lightgray;
}

.form-row .form-group {
    margin-right: 10px;
    padding-top: 5px;
}

.form-group > label {
    font-weight:bold;
}

textarea.form-control {
    min-height: 200px;
}

.app-header {
    background-color: #4d94ff !important;
    /* height: 70px !important; */
  }
.app-header .navbar-brand{
    padding-left: 20px !important;
}

.bpTabs {
    color: red;
    font-weight: bold;
    font-size: large;
}