/*
Module Name: EMR Checklist Home (Main CSS)
Author: Prosoft Phils
Author URL: http://prosoft-phils.com/
Description: Main CSS for Global Partials
*/

/*--------------------------------------------------------------
DATATABLE
--------------------------------------------------------------*/
.dataTables_info { 
	display: none; 
}

.dataTables_wrapper {
	margin-top: 50px;
}

.dataTables_length {
	margin-bottom: 20px;
}


#checklist-search-box {
	z-index: 1;
}

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
    background-image: url(../../../plugins/fontawesome-5.8.1/svgs/solid/search.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 14px;
    padding-left: 35px;
    margin-left: 10px;
    width: 300px;
}

.dataTables_wrapper .dataTables_length select {
	width: 50px;
}



/*--------------------------------------------------------------
PATIENT FORM
--------------------------------------------------------------*/
hr {
	margin: 10px 0 20px;
}

.patient-form-info h5,
.patient-info h5,
.patient-checklist h5 {
	font-family: 'OpenSans-Reg', arial, sans-serif;
	font-size: 18px;
}

.patient-form-info span {
	margin-left: 33.3333333%;
	padding-left: 15px;
	font-size: 13px;
}

.patient-info span {
	padding-left: 15px;
}

.patient-form-info,
.patient-form-info input {
	font-size: 14px;
}

.patient-form-info .form-group {
	margin-top: 3px;
}

.patient-form-info label {
	margin-top: .5rem;
}

.border-left {
	border-left: 1px solid var(--color-lgray);
}

.patient-form-info .error {
	margin-top: 2px;
	color: var(--bs-danger);
}

.patient-form-info input.error {
	border-color: var(--bs-danger);
}

.sa-div,
.dob-div, 
.sdob-div {
	position: relative;
    justify-content: center;
}

.calendar-icon,
.dob-calendar-icon,
.sdob-calendar-icon {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.date-picker-error-msg,
.sdob-date-picker-error-msg,
.sdob-date-picker-error-msg0,
.dob-date-picker-error-msg,
.dob-date-picker-error-msg0 {
	color: red;
	margin-top: 5px;
}

.date-pciker,
.dob-date-picker,
.sdob-date-picker {
	z-index: -1;
	opacity: 0;
	position: absolute;
	margin-left: 30px;
}

.form-control.is-invalid {
	background-image: none !important;
}

/*--------------------------------------------------------------
PATIENT CHECKLIST
--------------------------------------------------------------*/
.patient-checklist,
.patient-checklist h6,
.patient-checklist select,
.patient-checklist button {
	font-size: 14px;
}

.patient-checklist h6 {
	margin: 0;
}

.patient-checklist select {
	width: auto;
	border: none;
	color: var(--bs-blue);
	background-image: url('../../../plugins/fontawesome-5.8.1/svgs/solid/caret-down.svg');
}

.patient-checklist select:disabled {
	pointer-events: none;
}

.patient-checklist select option {
	color: var(--bs-blue);
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
	opacity: .8;
}

.form-check-input:disabled {
	opacity: .8;
}

.form-select:disabled {
	background-color: transparent;
}

.title-checkbox {
	margin-right: 8px;
}

.title-checkbox-wcc {
	margin-right: 8px;
	margin-top: 4px;
}

.third-column {
	display: flex;
	flex-direction: column;
} 

.submit-buttons {
	margin-top: auto;
}


/*---------------------------------------------------------------
BACKEND
----------------------------------------------------------------*/
.border-red-1 {
	border: 1px solid red !important;
	box-shadow: 0 0 0 0.25rem rgb(255 0 0 / 25%) !important;
}

.grey {
	color: #A9A9A9;
}

.t-18 {
	font-size: 18px;
}

.archive-record-text {
	margin-bottom: 50px;
}

.m0-a {
	margin: 0 auto;
}