/* Live Zone Custom CSS Document */
/* 11. Text Sizes
------------------------------------------------------*/
.text-size-11, .text-l-size-11 {
  font-size: 11px !important;
  line-height: 1.4;
}

.text-size-12, .text-l-size-12 {
  font-size: 12px !important;
  line-height: 1.4;
}
.text-size-13, .text-l-size-13 {
  font-size: 13px !important;
  line-height: 1.4;
}
.text-size-14, .text-l-size-14 {
  font-size: 14px !important;
  line-height: 1.4;
}
.text-size-15, .text-l-size-15 {
  font-size: 15px !important;
  line-height: 1.4;
}

.text-size-16, .text-l-size-16 {
  font-size: 16px !important;
  line-height: 1.4;
}
.text-size-20, .text-l-size-20 {
  font-size: 20px !important;
  line-height: 1.4;
}
.text-size-25, .text-l-size-25 {
  font-size: 25px !important;
  line-height: 1.4;
}
.text-size-30, .text-l-size-30 {
  font-size: 30px !important;
  line-height: 1.4;
}
.text-size-40, .text-l-size-40 {
  font-size: 40px !important;
  line-height: 1.4;
}
.text-size-50, .text-l-size-50 {
  font-size: 50px !important;
  line-height: 1.4;
}
.text-size-60, .text-l-size-60 {
  font-size: 60px !important;
  line-height: 1.4;
}
.text-size-70, .text-l-size-70 {
  font-size: 70px !important;
  line-height: 1.4;
} 


/* 12. Custom 
--------------------------------------------*/
.main-header {
	color: #31708f;
	background-color: #d9edf7;
	border: 1px solid #192560!important;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.text-center {
	text-align: center;
}

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

#form_wrapper {
	padding: 10px;
	border-top-width: 2px;
	border-right-width: 10px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-radius: 15px;
	margin-top:10px;
}

.comment-forms {
	border: 1px solid #192560!important;
	margin: 10px;
	padding: 10px;
	border-radius: 15px;
}

.exint_intro {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border: 2px solid #192560!important;
	margin-bottom: 15px;
	background-color: #EAEAEA;
	align-content: center;
}

.asterisk_input::after {
content:" *"; 
color: #e32;
position: absolute; 
font-size: large; 
line-height: 12pt;

}

#exint_reasons option:checked,
#exint_importance option:checked {
    background-color: transparent;
    color: inherit;
}

.floating-badge {
  background-color: #fff8e1;
  color: #0d3c61;
  padding: 8px 12px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}

    .onboarding-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.75em; /* Reduced font size by 20% */
    }
    .onboarding-table th, .onboarding-table td {
        border: 1px solid #ddd;
        padding: 4px 6px; /* Reduced padding by ~30% */
                line-height: 1.2; /* Tighter line spacing */
    }
    .onboarding-table th {
        background-color: #f2f2f2;
        position: sticky;
        top: 0;
        padding: 4px 6px; /* Smaller header padding */
    }
    .day-header {
        background-color: #28a745;
        color: white;
        font-weight: bold;
        font-size: 0.9em; /* Slightly larger than data rows */
        padding: 3px 6px; /* Compact day headers */
		height: 25px;
		text-align: center;
    }
    .time-frame-col {
        width: 80px; /* Reduced width */
        background-color: #f9f9f9;
    }
    .table-container {
        max-height: 70vh;
        overflow: auto;
    }
    .btn-sm {
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px; /* Smaller buttons */
	font-size: 0.9em; /* Smaller button text */
	line-height: 1.2;
    }