.show_for_debug {
	display:none;
}

.container-fluid  {
	max-width: 1600px;
}

.course_app_container {
	/* max-width: 90%; */
	margin: 0 auto;
	display:none;	
}

.simple_course_header {
	/* max-width: 90%; */
	margin: 0 auto;
}

.elapsed_time {
	position:fixed;
	bottom:20px;
	left:0;
	background:#ffffff;
	color:#ff0000;
	width:50%;
	font-size:1.5rem;
	z-index:199;
}

.demo_hide {
	display:none;
}

.spinner_arrows img {
	max-height:30px;
}

select option:disabled {
    color: #dddddd;
}

.invisible {
	visibility: hidden;
}

.help_info_sign {
	font-size:.85rem;
}

.help-block li {
	margin-top:0 !important;
}

.help-block {
	display:none;
	font-size:12px;
	padding: 6px;
}

.hide_initially {
	display:none;
}

.toggle_this {
	display:none;
}

.tab-pane .hide_initially {
    display: none;
}

.saving_spinner{
	z-index: 100000;
	position: fixed;
	top:0;
	right:20px;
}

.hide_saving_spinner {
	display: none;
}

/*====************* theme override *************/
.nv-page-title-wrap{
	display:none;
}

body:not(.wp-admin) .form-control[readonly],
body:not(.wp-admin) .form-select {
	padding:.7rem 2.25rem .7rem .75rem !important;
}

/*====************* colors *************/
.text-unc_blue {
	color: #4B9CD3 !important;
}

.bg-unc_blue {
	background-color: #4B9CD3 !important;
}

.btn-unc_blue {
	background-color: #4B9CD3 !important;
}

.border-unc_blue {
	border: 1px solid #4B9CD3;
}

.text-lt_unc_blue {
	color: #edf3f7 !important;
}

.bg-lt_unc_blue {
	background-color: #edf3f7 !important;
}

.btn-lt_unc_blue {
	background-color: #edf3f7 !important;
}

.border-lt_unc_blue {
	border: 1px solid #edf3f7;
}

.bg-unc_navy {
	background-color: #163752 !important;
}

.btn-unc_navy {
	background-color: #163752 !important;
}

.border-unc_navy {
	border: 1px solid #163752;
}

.cancel_row_class {
	background-color: #ffe4e4 !important;
}

/*====######## Tabs ##################*/
#registrationTabs {
	margin:30px 0 10px 0;
}

/*====######## General ##################*/
.action_item .btn{
	padding:0px 4px;
}

.inline_action_item .btn{
	padding:0px 4px;
}

.is_invalid_helper {
	/* red border and rounded */
	border:1px solid #dc3545;
	border-radius:5px;
}

.is_valid_helper {
	/* red border and rounded */
	border:1px solid #198754;
	border-radius:5px;
}

.dw_sync_help li,
#sog_help_posts li {
	list-style-type: initial;
}

/*====######## Facilities ##################*/
.todays_events_time {
	width:200px;
}

.todays_events_wrapper{
	margin-left: 100px;
}

/*====######## Comments ##################*/

.comment_section {
    background-color: #4B9CD322;
    padding: 10px;
    box-shadow: 2px 3px 4px #00000044;
}

.comment_meta {
	color: #00000066;
	font-size:.8rem;
	/* font-style: italic; */
	/* font-weight: bold;; */
}

.a_comment {
	background-color: #ffffff88;
}
/*====######## Tables ##################*/
.action_icon_in_table {
	padding:0px 4px;
}

.dataTables_wrapper {
	margin-top:20px;
}

.boxed_in_large_table {
	max-height:50vh;
	overflow-y: auto;
	padding:2rem;
	/* min-height: 500px; */
}

/*====######## Swag ##################*/
#swag_inventory_table {
	width:700px;
}

/*====######## Course calendar grid ##################*/
	.date_col_fit {
		min-width: 10rem; /* Set a fixed width for the first column */
	}
 	#course_calendar_grid.table-container { 
		overflow-x: scroll; 
	}
	#course_calendar_grid .date_col {
		/* This is the rule to give the first column a fixed width */
		min-width: 10rem;
	}
	#course_calendar_grid .day-of-week {
		width: 3.5rem; 
		display: inline-block;
		text-align: left;
	}
	#course_calendar_grid table {
		border-collapse: separate; 
		border-spacing: 0;
		 position: sticky;
        top: 0;
	}
	#course_calendar_grid th, #course_calendar_grid td {
		border: 1px solid #e2e8f0;
		min-width: 9rem;;
	}
	#course_calendar_grid th:first-child, td:first-child {
		border-left: none;
	}

	#course_calendar_grid .double_booked {
		background-color: #ff000050;
	}

	#course_calendar_grid .session_title {
		font-size: 0.7rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 150px;
		font-weight:normal;
	}

	#session_grid_filters .form-check {
		width:175px;
	}

	.bg-custom-gray {
		background-color: #f1f1f1;
	}
	.bg-custom-gray td {
		border-color: #d1d1d1;
	}

	#conflict_detail_table .time_column {
		min-width:170px;
	}

	#conflict_grid .conflict-item{
		font-size:.75rem;
	}

/*====######## Course Input Forms ##################*/
.section_header {
	font-weight: bold;
	font-size: 1.2em;
	margin:1rem 0 1rem 0;

	/* add border to top*/
	border-top: 1px solid #ccc;
	
}

.section_description {
	font-weight: normal;
	font-size: .8em;
}

.editing_row_color {
	background-color: #00880033 !important;
}

.editing_row_color td {
	color: #000000 !important;
}
/*====######## Notifications and Roles ##################*/
.role_table_header {
	/* Set a fixed height for the header cell to accommodate the rotated text */
	height: 100px; /* Adjust as needed */
	padding: 0; /* Remove default padding */
	text-align: left; /* Align text within the rotated element */
	vertical-align: bottom; /* Align the rotated text to the bottom of the cell */
	white-space: nowrap; /* Prevent text from wrapping */
	position: relative; /* Needed for positioning the rotated text */
}

.role_table_header > div {
	transform-origin: 0% 0%; /* Rotate from the top-left corner of the div */
	position: absolute;
	bottom: 0;
	left: 50%; /* Center the rotated text horizontally */
	transform: translateX(-45%) rotate(-45deg); /* Adjust for centering after rotation */
	width: 100%; /* Ensure the div takes full width for centering */
	text-align: center; /* Center the text within the rotated div */
}

/* Optional: Adjust vertical alignment for body cells if needed */
.role_table_style tbody td {
	vertical-align: middle;
}

.role_table_style thead th {
	border:none;
}

table.role_table_style>thead .sorting:before,
table.role_table_style>thead .sorting:after {
	display:none !important
}

.notificaion_completed_row {
	background-color: #b7fbb744;
}

.notificaion_reminder_row {
	background-color: #c0e5ff44;
}

#emailPreviewModal {
	max-height: 90vh;
	overflow-y: auto;
}

.notification_queue_results li {
	margin-bottom: 0;
}


/*====######## Permissions ##################*/
.permission_modal .modal-dialog {
	max-height: 90vh;
	max-width:80vw;
	overflow-y: auto;
}
.permission_checkboxes_wrapper {
    column-count: 3;
    margin:0;
}

.permissions-section {
	margin-bottom:1rem;
	padding:1rem;
	background-color: #e2e2e2;
}

.do_what_permissions .open_perm{
	margin:0 6px;
}


/*====######## wp admin tables ##################*/
#fiscalYearSelect,
#simple_course_filters .form-select {
	padding: .2rem 2rem .2rem 1rem !important;
}

.clear_simple_filters_button {
	padding:0.3rem .75rem !important;
}
/*====######## materials ##################*/
.material_card_body {
	background-color: #d9d9d9;
}
/*====######## Summary ##################*/
.summary_item_label {
	font-weight: bold;
}


/*====######## task status ##################*/
.complete_status_button {
	width:120px;
}

.complete_status_icon {
	font-size: 2rem;
}

.complete_status_button {
	cursor: default !important;
}

.complete_status_icon,
.complete_status_button.update_task_status_button {
	cursor: pointer !important;
}

/*====######## Configurations ##################*/
#choose_tabs_form .choose-label-text {
	cursor:move;
}

/*====######## Rooms ##################*/
.image_modal_icon {
	color:#4B9CD3;
	cursor:pointer;
}

#room_summary_table td{
	text-align: center;
}

.room_detail_wrapper {
	font-family: 'Montserrat', sans-serif;
}

.room_detail_wrapper .room_name,
.room_detail_wrapper .room_number {
	/* color:#4B9CD3; */
	font-size: 34px;
}

.room_detail_wrapper .room_sqft {
	font-size: 28px;
}

.room_detail_wrapper .room_description {
	font-size: 28px;
}

.room_detail_wrapper .capacity,
.room_detail_wrapper .config_name {
	font-size: 22px;
}

.room_detail_even_row_color {
	background-color:#eeeeee;
}

.room_detail_footer {
	background-color:#eeeeee;
	color:#333333;
}