html {
	height: 100%;
}

body {
	background-color: #99c1f1;
	height: calc(100% - 56px);
}

[data-bs-theme=dark] body {
	background-color: rgb(36, 31, 49);
}

.openedSelect {
	overflow: auto;
}

.titlemod {
	font-weight: bolder;
	color: darkcyan !important;
	font-variant: small-caps;
}

.navlinkstyle {
	color: black;
}

[data-bs-theme=dark] .navlinkstyle {
	color: #aaa;
}

.navlinkstyle:hover {
	color: #1a5fb4;
}

.navback {
	background-color: ghostwhite;
}

[data-bs-theme=dark] .navback {
	color: ghostwhite;
	background-color: #222;
}

@media(min-width:1600px) {
	.tabdivblurred {
		margin: auto;
		width: 1111px;
	}
}

.tabdivblurred {
	padding: 8px;
	padding-bottom: 0px;
	height: calc(100% - 42px);
}

.float-right {
	float: right;
}

.noty {
	background-image: linear-gradient(to bottom, #ffc, #ee0) !important;
}

[data-bs-theme=dark] .noty {
	background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(229, 165, 10)) !important;
}

.glassy {
	background-color: rgba(0, 0, 0s, 0.1);
}

.formpane {
	margin: 24px;
	border: 1px solid silver;
	border-radius: 4px;
	padding: 24px;
	background: whitesmoke;
	min-width: 95vw !important;
}

[data-bs-theme=dark] .formpane {
	background: #111;
}

.menudangerbutton {
	color: #e00 !important;
	border: 1px solid rgba(0, 0, 0, 0);
}

.menudangerbutton:hover {
	color: #f00 !important;
	border: 1px solid silver;
	border-radius: 4px;
	background: rgba(255, 0, 0, 0.2);
}

.redfont {
	color: #a00;
	padding-top: 6px;
	margin-bottom: 0px;
}

.body {
	height: calc(100% - 4px);
	width: 100%;
	overflow: auto;
}

.page {
	width: 100%;
	background-image: linear-gradient(to bottom, #99c1f1, #1a5f64)
		!important;
}

[data-bs-theme=dark] .page {
		background-image: linear-gradient(to bottom, #123, #111)
		!important;
}

.emph {
	border-radius: 3px !important;
	border: 1px solid #3070b0 !important;
	color: #ffffff !important;
	background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%)
		!important;
}

[data-bs-theme=dark] .emph {
	color: #ffffff !important;
	background-image: linear-gradient(to bottom, #113531 0%, #135 100%)
		!important;
	
}

.doneoverviewtext {
	font-size: 120%;
}

.doneoverviewtextemph {
	font-size: 120%;
	font-weight: bolder;
}

.loginpanel {
	margin-top: 100px !important;
	margin: 0 auto;
	max-width: 400px !important;
	width: 400px !important;
}

.successWell {
	background-image: linear-gradient(to bottom, #ceeaca 0%, #f7fff7 100%)
		!important;
}

.dangerWell {
	background-image: linear-gradient(to bottom, #eacaca 0%, #fff7f7 100%)
		!important;
}

.billing {
	color: black !important;
	border: 1px solid darkgray;
	border-radius: 16px;
	padding: 4px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	font-weight: bolder;
	font-size: smaller
}

[data-bs-theme=dark] .billing {
	color: white !important;
}

.WP2 {
	background: radial-gradient(#ffff00, #ffe169) !important;
}

[data-bs-theme="dark"] .WP2 {
	color: black !important;
}

.WP4 {
	color: black;
	background: radial-gradient(#00ffff, #69c3ff) !important;
}

[data-bs-theme="dark"] .WP4 {
	color: black !important;
}

.WP5 {
	color: black;
	background: radial-gradient(#ff0000, #e396ff) !important;
}

[data-bs-theme="dark"] .WP5 {
	color: black !important;
}

.TA3 {
	color: black;
	background: radial-gradient(#99ff99, #ccffcc) !important;
}

[data-bs-theme="dark"] .TA3 {
	color: black !important;
}

.ES {
	color: black;
	background: radial-gradient(rgb(111, 255, 209), rgb(1, 113, 52)) !important;
}

[data-bs-theme="dark"] .ES {
	color: black !important;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.distfat {
	margin-left: 8px;
	font-weight: bolder;
}

.prompt {
	margin: 4px;
	padding: 4px !important;
	padding-bottom: 2px !important;
	font-size: medium !important;
	background-color: #005782 !important;
}

.version {
	font-size: small;
	color: black;
	position: absolute;
	padding-top: 36px;
	padding-left: 22px;
	z-index: 0;
}

[data-bs-theme="dark"] .version {
	color: white;
}

.fc-content {
	cursor: pointer;
}

.btn-white-text {
	color: white !important;
	font-weight: bolder;
}

.hoverlink {
	text-decoration: none;
	color: black;
	padding: 4px;
	border: 1px solid rgba(1, 1, 1, 0.0);
	border-radius: 4px;
}

[data-bs-theme=dark] .hoverlink {
	color: white;
}

.hoverlink:hover {
	color: white;
	background-image: linear-gradient(to right bottom, #99c1f1, #1a5f64);
}

.boldtext {
	font-weight: bolder;
}

.emphgreen {
	color: #136600;
	background-image: linear-gradient(to left, #e6e6e6, white);
}

.emphblue {
	color: #1a5fb4;
	background-image: linear-gradient(to left, #e6e6e6, white);
}

.emphorange {
	color: #c64600;
	background-image: linear-gradient(to left, #e6e6e6, white);
}

.emphred {
	color: #a51d2d;
	background-image: linear-gradient(to left, #e6e6e6, white);
}

.emphpink {
	color: #613583;
	background-image: linear-gradient(to left, #e6e6e6, white);
}

.emphgray {
	color: #5e5c64;
	background-image: linear-gradient(to left, #959595, #e6e6e6);
}

.unround-border {
	padding: 4px;
	font-weight: bolder;
}

.border-frame {
	border: 1px solid;
}

.round-border {
	border-radius: 8px;
	font-weight: bolder;
	padding: 4px;
}

.round-border-right {
	font-weight: bolder;
	padding: 4px;
	border-radius: 0px 8px 8px 0px;
}

.sumfield {
	border: 1px solid;
	border-radius: 8px;
	padding: 4px;
	padding-right: 0px;
	margin-right: 4px;
}

.tab-pane-table {
	background-color: white;
	padding: 8px;
	border-radius: 4px;
	border: 1px solid silver;
}

[data-bs-theme=dark] .tab-pane-table {
	background-color: rgb(36, 31, 49);
}

.tab-pane-glassy {
	background: rgba(255, 255, 255, 0.5);
	padding: 8px;
	border-radius: 4px;
	border: 1px solid silver;
}

.inputtimefield {
	min-width: 70px !important;
}

.spanlabel {
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
}

.btn-bordered {
	border: 1px solid rgba(1, 1, 1, 0.0);
	border-radius: 4px;
}

.btn-bordered:hover {
	border: 1px solid silver;
}

.btn-secondaryhover:hover {
	background-image: linear-gradient(to right bottom, #99c1f1, #1a5f64);
	color: white;
}

.btn-dangerhover:hover {
	background-image: linear-gradient(to right bottom, rgba(255, 128, 0, 0.3),
		rgba(255, 128, 0, 1));
}

.clock {
	background-image: url("../png/clock.png");
	background-repeat: no-repeat;
}

.schedule {
	min-width: 90vh;
	max-width: 90vh;
	min-height: calc(90vh - 100px);
	max-height: calc(90vh - 100px);
	margin: 8px;
}

.btn-list {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 4px;
	border: 1px solid transparent;
}

.btn-list:hover {
	border: 1px solid rgb(119, 118, 123); 	
	color: white;
	background-image: linear-gradient(to right bottom, #99c1f1, #1a5f64);
}

[data-bs-theme=dark] .btn-list:hover {
	border: 1px solid rgb(246, 245, 244); 	
	color: rgb(246, 245, 244);
	background-image: linear-gradient(to right bottom, #99c1f1, #1a5f64);
}

.golden {
	color: darkgoldenrod;
}

.slot_badge {
	white-space: nowrap; 
	margin-bottom: 4px;
}

.slot_badge_left {
	border: 1px solid silver;
	border-radius: 12px 0px 0px 12px;
	background-color: #ccc;
	color: black;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

[data-bs-theme=dark] .slot_badge_left {
	background-color: gray; 
}

.slot_badge_middle {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 2px;
	text-decoration: none;
} 

.slot_badge_middle:hover {
	color: white;
	background-image: linear-gradient(to right bottom, #99c1f1, #1a5f64);
}

.slot_badge_right {
	border: 1px solid silver;
	border-radius: 0px 12px 12px 0px;
	background-color: transparent;
	color: black;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

[data-bs-theme=dark] .slot_badge_right {
	color: white;
}

.slot_reason {
	color: #26a269;
}

[data-bs-theme=dark] .slot_reason {
	color: lime;
}

.flex-row-weekday {
	display: flex;
	flex-flow: row wrap;
}

.row-weekday > .col {
  flex: 0 1 calc(100%/7);
  max-width: calc(100%/7);
}

.boldy {
	font-weight: bolder;
}