/*
	Specific Site Styles for this website.

	03/11/2015 by Chris Jansmann
*/

body {
    /*padding-top: 50px;*/
    padding-top: 0px !important;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
	max-width: 280px;
}*/

.qs-site-logo {
    margin: 40px 0;
    margin: 2.5rem 0;
}

@media (min-width: 576px) {
    .qs-site-logo {
        margin: 22px 0;
        margin: 1.375rem 0;
    }
}

@media (min-width: 768px) {
    .qs-site-logo {
        margin: 31px 0;
        margin: 1.938rem 0;
    }
}

@media (min-width: 992px) {
    .qs-site-logo {
        margin: 29px 0;
        margin: 1.813rem 0;
    }
}

@media (min-width: 1200px) {
    .qs-site-logo {
        margin: 31px 0;
        margin: 1.938rem 0;
    }
}


/*  Styles for use with SuperView */
.OpenSlots {
    text-align: center;
    background: #eeeecc;
    color: #009900;
    cursor: pointer;
}

.OpenSlots_Alt {
    border-right: #ffffff thin solid;
    border-top: #ffffff thin solid;
    background: #f3f3cf;
    cursor: pointer;
    color: #009900;
    text-align: center;
}

.ClosedSlots {
    text-align: center;
    background: #d9d8ba;
    color: red;
    cursor: pointer;
}

.OpenClosedSlots {
    text-align: center;
    background: #d9d8ba;
    color: #d9d8ba;
    cursor: pointer;
}

.FilledSlots {
    text-align: center;
    background: #eeeecc;
    color: blue;
    cursor: pointer;
}

.FilledSlots_Alt {
    text-align: center;
    background: #f3f3cf;
    color: blue;
    cursor: pointer;
}

.NoShowSlot {
    background: #eeeecc;
    cursor: pointer;
    color: crimson;
    text-align: center;
}

.NoShowSlot_Alt {
    background: #f3f3cf;
    cursor: pointer;
    color: crimson;
    text-align: center;
}

.TakenSlots {
    border-right: #ffffff thin solid;
    border-top: #ffffff thin solid;
    font-weight: normal;
    font-size: 12px;
    background: #eeeecc;
    cursor: default;
    color: gray;
    text-align: center;
}

.TakenSlots_Alt {
    border-right: #ffffff thin solid;
    border-top: #ffffff thin solid;
    font-weight: normal;
    font-size: 12px;
    background: #f3f3cf;
    color: gray;
    text-align: center;
    cursor: default;
}

.DraggingSlot {
    border-right: silver 2px groove;
    border-top: silver 2px groove;
    font-weight: normal;
    font-size: 12px;
    z-index: 100;
    vertical-align: middle;
    border-left: silver 2px groove;
    color: black;
    border-bottom: silver 2px groove;
    position: absolute;
    background-color: #eeeecc;
    text-align: center;
}

.SelectedSlot {
    text-align: center;
    border-right: silver 3px groove;
    border-top: silver 3px groove;
    font-weight: normal;
    font-size: 12px;
    border-left: silver 3px groove;
    cursor: pointer;
    color: gray;
    border-bottom: silver 3px groove;
    background-color: lightgrey;
}

.SelectedOpenClosedSlots {
    font-weight: normal;
    border-right: #ffffff thin solid;
    font-size: 10px;
    cursor: pointer;
    color: lightgrey;
    background-color: lightgrey;
    text-align: center;
}



/*  ESMS-1578: Changes needed to smooth migration from Bootstrap 3.x to 5.x */

header {
    /*  Pad below the header for spacing on content. */
    padding-bottom: 15px;
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid #eeeeee !important;
}

/*  ESMS-1578: Changes needed to smooth migration from Bootstrap 3.x to 5.x */
.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #dddddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #dddddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #dddddd;
        }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #dddddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #446e9b;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #446e9b;
        border-color: #446e9b;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #446e9b;
        }

        .panel-primary > .panel-heading .badge {
            color: #446e9b;
            background-color: #ffffff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #446e9b;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #468847;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #3a87ad;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #fbeed5;
}

    .panel-warning > .panel-heading {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #fbeed5;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #c09853;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #fbeed5;
    }

.panel-danger {
    border-color: #eed3d7;
}

    .panel-danger > .panel-heading {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #eed3d7;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #b94a48;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #eed3d7;
    }

/*.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

	.nav > li {
		position: relative;
		display: block;
	}

		.nav > li > a {
			position: relative;
			display: block;
			padding: 10px 15px;
		}

			.nav > li > a:hover,
			.nav > li > a:focus {
				text-decoration: none;
				background-color: #eeeeee;
			}

		.nav > li.disabled > a {
			color: #999999;
		}

			.nav > li.disabled > a:hover,
			.nav > li.disabled > a:focus {
				color: #999999;
				text-decoration: none;
				background-color: transparent;
				cursor: not-allowed;
			}

	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
		background-color: #eeeeee;
		border-color: #3399f3;
	}

	.nav .nav-divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
	}

	.nav > li > a > img {
		max-width: none;
	}

.nav-tabs {
	border-bottom: 1px solid #dddddd;
}

	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
	}

		.nav-tabs > li > a {
			margin-right: 2px;
			line-height: 1.42857143;
			border: 1px solid transparent;
			border-radius: 4px 4px 0 0;
			text-decoration: none !important;
		}

			.nav-tabs > li > a:hover {
				border-color: #eeeeee #eeeeee #dddddd;
			}

		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:hover,
		.nav-tabs > li.active > a:focus {
			color: #666666;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			border-bottom-color: transparent;
			cursor: default;
		}

	.nav-tabs.nav-justified {
		width: 100%;
		border-bottom: 0;
	}

		.nav-tabs.nav-justified > li {
			float: none;
		}

			.nav-tabs.nav-justified > li > a {
				text-align: center;
				margin-bottom: 5px;
			}

		.nav-tabs.nav-justified > .dropdown .dropdown-menu {
			top: auto;
			left: auto;
		}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%;
	}

		.nav-tabs.nav-justified > li > a {
			margin-bottom: 0;
		}
}

.nav-tabs.nav-justified > li > a {
	margin-right: 0;
	border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #dddddd;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #dddddd;
		border-radius: 4px 4px 0 0;
	}

	.nav-tabs.nav-justified > .active > a,
	.nav-tabs.nav-justified > .active > a:hover,
	.nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: #ffffff;
	}
}

.nav-tabs-justified {
	border-bottom: 0;
}

	.nav-tabs-justified > li > a {
		margin-right: 0;
		border-radius: 4px;
	}

	.nav-tabs-justified > .active > a,
	.nav-tabs-justified > .active > a:hover,
	.nav-tabs-justified > .active > a:focus {
		border: 1px solid #dddddd;
	}

@media (min-width: 768px) {
	.nav-tabs-justified > li > a {
		border-bottom: 1px solid #dddddd;
		border-radius: 4px 4px 0 0;
	}

	.nav-tabs-justified > .active > a,
	.nav-tabs-justified > .active > a:hover,
	.nav-tabs-justified > .active > a:focus {
		border-bottom-color: #ffffff;
	}
}

.tab-content > .tab-pane {
	display: none;
	visibility: hidden;
}

.tab-content > .active {
	display: block;
	visibility: visible;
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}

	.fade.in {
		opacity: 1;
	}*/

/*	Special Kendo UI Glyph Icon Styles */
/*	Used when the standard Kendo style is being interrupted and the Unicode is required */

.esms-bar-clustered:before {
    content: "\ea05"; /* Adds a glyph using the Unicode character number */
}

.esms-bar-stacked:before {
    content: "\ea06"; /* Adds a glyph using the Unicode character number */
}

.esms-bar-stacked100:before {
    content: "\ea07"; /* Adds a glyph using the Unicode character number */
}

/*	Special Kendo UI Glyph Icon Styles */
/*	This section used for treeview icons */

.esms-edit-link:before {
    content: "\e10b";
}

.esms-edit-link {
    text-decoration: none;
    padding-left: 5px;
}

.esms-clone-link:before {
    content: "\e65d";
}

.esms-clone-link {
    text-decoration: none;
    padding-left: 5px;
}

.esms-delete-link:before {
    content: "\e10c";
}

.esms-delete-link {
    text-decoration: none;
    padding-left: 5px;
}

.esms-insert-link:before {
    content: "\e019";
}

.esms-insert-link {
    text-decoration: none;
    padding-left: 5px;
}

/*	Circular Staff Photos */
.esms-staff-photo {
    border-radius: 50%;
}

/*	Circular Staff Photos, 80x80 */
.esms-staff-photo-thumbnail {
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
}

/*	Ensures all Form labels are bolded */
.form-label {
    font-weight: bold !important;
    /*	padding-bottom: 10px !important;*/
}

/* Directory layout */
.esms-directory-element-grid-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 4px;
}

/*  ESMS-4767: Adjustments to Cards */
.card-footer-transparent {
    border-top: none !important;
}

/*  ESMS-4888
    Overrides to Kendo Grid styles for No Records templates.
*/
/* Center the no-records message horizontally and vertically */
.k-grid .k-grid-norecords,
.k-grid .k-grid-norecords .k-grid-norecords-template {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
    
.k-grid .k-grid-norecords .k-grid-norecords-template {
    color: #666;
    font-size: 1rem;
}