@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
        height: 0px;
    }
}

.tab-show-border {
    border-top-color: var(--bs-nav-tabs-link-active-border-color) !important;
    border-right-color: var(--bs-nav-tabs-link-active-border-color) !important;
    border-left-color: var(--bs-nav-tabs-link-active-border-color) !important;
    border-top-width: .5px;
    border-right-width: .5px;
    border-left-width: .5px;
}

.error {
	background-color: var(--bs-table-hover-bg);
}

.warning {
	background-color: var(--bs-warning-bg-subtle);
}

.ok {
	background-color: var(--bs-success-bg-subtle);
}

.sectionheader, span > .sectionheader {
	font-size: larger;
	font-weight: bold;
}

.sectionheader2
{
	font-size: larger;
	font-weight: 400;
}

.sectionheader3
{
	font-weight:bolder;
	color:Navy;
	border-bottom-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: solid; 
}

.section
{
	CLEAR: both; 
	background-color: #fafaff;
	BORDER: #f0f0f0 1px solid; 
	PADDING: 6px; 
	margin-top : 20px;
}

.label_normal
{
    padding: 3px 0px 3px 0px;
	font-weight: 500;
}

.row {
	padding-top: 3px;
	padding-bottom: 3px;
}

.label_required
{
	font-weight: 500;
    padding: 3px 0px 3px 0px;
}

.label_required::after {
    content: "\00a0*";
    color: red;
    font-weight: 500;
}

.label_disabled {
    padding: 3px 0px 3px 0px;
	font-weight: 500;
}

/* Use This class to create a table that has no white space */

.condensed {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.condensed > tbody > tr > th {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.condensed > tbody > tr > td {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.condensed > tr > th {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.condensed > tr > td {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

/* Use this class to create a table that has internal horizontal padding */
.horzpadding {
    padding: 0px;
    border-spacing: 0px;
}

.horzpadding > tbody > tr > th {
    padding: 0px 3px 0px 0px;
}

.horzpadding > tbody > tr > td {
    padding-top: 0px 3px 0px 0px;
}

/* Use this class to create a table that has internal horizontal padding */
.paddedcell {
    padding: 0px;
    border-spacing: 0px;
}

.paddedcell > tbody > tr > th {
    padding: 0px 3px 3px 0px;
}

.paddedcell > tbody > tr > td {
    padding: 0px 3px 3px 0px;
}

/* Use this class to put a small padding around an element, or around each cell in a table */
.padded {
    padding: 3px !important;
}

.padded > tbody > tr > th {
    padding: 3px;
}

.padded > tbody > tr > td {
    padding: 3px;
}

/* Use this to indicate that there is a tooltip */
.moreinfo
{
      border-bottom-width: thin; 
      border-bottom-style:dotted;
      border-bottom-color: #888888;
}

/* Use this to indicate that the tab has a good status */
.tab-ok {
	border-bottom: 3px solid var(--bs-success) !important;
}

/* Use this to indicate that the tab has a really good status*/
.tab-ok-alt {
    border-bottom: 3px solid darkgreen !important;
}


/* Use this to indicate that the tab has a bad status */
.tab-error {
	border-bottom: 3px solid var(--bs-danger) !important;
}

/* Use this to indicate that the tab has a so-so status */
.tab-warning {
	border-bottom: 3px solid var(--bs-warning) !important;
}

/* Use this to indicate that the tab has a not so so-so status */
.tab-warning-alt {
    border-bottom: 3px solid orangered !important;
}

.tab-blue {
	border-bottom: 3px solid var(--bs-primary) !important;
}

.tab-really-bad {
	border-bottom: 3px solid var(--bs-dark) !important;
}

.tab-somewhat-bad {
	border-bottom: 3px solid var(--bs-pink) !important;
}

.tab-purple {
	border-bottom: 3px solid var(--bs-purple) !important;
}

/* Width classes */
.minwidth {
    width: 1px !important;
}

.width5px {
    width: 5px !important;
}

.fullwidth {
    width: 100% !important;
}

/* Alignment classes */

.alignleft {
    text-align: left !important;
}

.alignright {
    text-align: right !important;
    
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.aligncenter {
    text-align: center !important;
}

.valigntop {
    vertical-align: top !important;
}

.valignmiddle {
	vertical-align: middle !important;
}

.valignmiddle-div {
	align-items: center;
}

.valignbottom {
    vertical-align: bottom !important;
}

.providerphoto {
    width: 60%
}

.providerinfo {
    width: 40%;
}

.noborder {
    border: none;
}

.noborder > tbody > tr > th {
    border: none;
}

.noborder > tbody > tr > td {
    border: none;
}

.glyphpad {
    padding-right: 3px;
}

li:hover > a > div > .glyphhover {
    color: white !important;
}

.color-red {
    color: red;
}

.color-orange {
    color: orange;
}

.color-yellow {
    color: yellow;
}

.color-green {
    color: limegreen;
}

.color-purple {
    color: purple;
}

.color-darkgreen {
    color: darkgreen;
}

.color-darkgray {
    color: darkgray;
}

.color-lightgray {
    color: lightgray;
}

.color-blue {
    color: blue;
}

.bold {
    font-weight: bold;
}

a > span.badge {
    color: #337ab7 !important;
    background-color: #ffffff !important;
}

.overlay {
    background-color:#EFEFEF;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .5; /* in FireFox */ 
    filter: alpha(opacity=50); /* in IE */
}

.left-error {
    border-left: 3px solid red;
}

.table-striped-2 tr:nth-child(4n+0) td, .table-striped-2 tr:nth-child(4n+1) td {
	background: rgb(247, 247, 247);
}

.width-min-100 {
	min-width: 100px;
}

	/* These dropdown classes are needed with Bootstrap 5 to support sub-menus */

	.dropdown-submenu {
		position: relative;
	}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: 0;
		border-radius: 0.25rem;
		display: none;
	}

	.dropdown-submenu:hover .dropdown-menu {
		display: block;
	}

	.dropdown-menu.show {
		display: block;
	}
	

/* Needed to get the datepicker calendar to appear in front */
#ui-datepicker-div {
	z-index: 9999 !important;
}

/* Set font size */	
html body p a span div li { font-size: 14px;}

/* Set default link appearance */
a {
	text-decoration: none;
	font-weight: 500;
}

.form-control .form-select .form-check-input {
	padding: 5px;
}

.highlight {
	color: red;
	font-weight: 500;
}


.card {
	margin-bottom: 5px !important;
}