/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */

:root {
	--main-background-color: #8ba6d9;
	--nav-bar-border-color: #e1e1e1;
	--nav-bar-border-color-active: #2969B0;
	--nav-bar-background-color-active: #001670;
	--nav-bar-background-color-selected: #254699;
	--nav-bar-font-color: #333;
	--nav-bar-font-color-active: #FFF;

	--font-color-default: #333;
	--font-color-second: #333;
	--link-color: #2969B0;

	--button-default-color: #8ba6d9;
	--button-second-border-color: #ccc;
	--button-default-color-active: #fff;
	--button-default-border-color-active: #ccc;
	--button-default-font-color: #fff;
	--button-default-font-color-focus: #8ba6d9;
	
	--button-second-color: #ccc;
	--button-second-border-color: #ccc;
	--button-second-font-color: #fff;
	--button-second-color-active: #fff;
	--button-second-border-color-active: #ccc;
	--button-second-color-selected: #8ba6d9;
	
	--white: #ffffff;
}

body {
	padding-top: 50px;
	padding-bottom: 20px;
}

* {
	font-family: 'PT Sans', sans-serif;
}

.select-combo {
	background: white;
	color: #555;
	border-color: #ccc;
}

.dropdown-menu>.active>a {
	color: var(--main-background-color);
	background-color: var(--nav-bar-background-color-active);
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: var(--nav-bar-background-color-active);
	color: var(--nav-bar-font-color-active);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: var(--nav-bar-background-color-active);
}

hr {
	margin-top: -2px;
	margin-bottom: 8px
}

h4 {
	font-size: 20px;
}

.navbar-inverse {
	background-color: var(--main-background-color);
	border-color: var(--nav-bar-border-color);
}

.navbar-inverse .navbar-nav>li>a {
	color: var(--nav-bar-font-color);
	margin-left: -1px;
	border-left: 1px solid var(--nav-bar-border-color);
	border-right: 1px solid var(--nav-bar-border-color);
	border-top: 2px solid transparent;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	color: var(--main-background-color);
	background-color: var(--nav-bar-background-color-active);
	margin-left: -1px;
	border-left: 1px solid var(--nav-bar-border-color);
	border-right: 1px solid var(--nav-bar-border-color);
	border-top: 2px solid var(--nav-bar-border-color-active);
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	border-left: 1px solid var(--nav-bar-background-color-active);
	border-right: 1px solid var(--nav-bar-background-color-active);
	border-top: 2px solid var(--nav-bar-border-color-active);
	background-color: var(--nav-bar-background-color-active);
	color: var(--main-background-color);
}

.navbar-nav>li>.dropdown-menu {
	background-color: var(--main-background-color);
}

.navbar-nav>li>.dropdown-menu a {
	color: var(--nav-bar-font-color);
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
	background-color: var(--nav-bar-background-color-selected);
}

.navbar-inverse .btn-link {
	color: var(--nav-bar-font-color);
}

.navbar-inverse .navbar-brand {
	color: var(--nav-bar-font-color);
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background-color: var(--button-color-selected);
}


.nav-pills>li.active>a,
.nav-pills>li.active>a:hover {
	background-color: var(--nav-bar-background-color-active);
	color: var(--nav-bar-font-color);
}

.multiline {
	white-space: pre-wrap;
}


.btn-link {
	color: var(--link-color);
}

a {
	color: var(--link-color);
	text-decoration: none;
}

a:hover {
	color: var(--link-color);
}

.btn-default {
	color: var(--font-color-default);
	background-color: var(--main-background-color);
	border-color: var(--nav-bar-background-color-active);
}

.btn-default:focus,
.btn-default.focus {
	color: var(--button-default-font-color-focus);
	background-color: var(--nav-bar-background-color-active);
	border-color: var(--button-default-border-color-focus);
}

.btn-default:active,
.btn-default.active {
	color: var(--button-default-color-active);
	background-color: var(--nav-bar-background-color-active);
	border-color: var(--button-default-border-color-focus);
}

.btn-default:hover {
	color: var(--button-default-color-active);
	background-color: var(--nav-bar-background-color-active);
	border-color: var(--button-default-border-color-focus);
}

.btn-secondary {
	color: var(--font-color-second);
	background-color:var(--button-second-color);
	border-color: var(--button-second-border-color);
}

.btn-secondary:focus,
.btn-secondary.focus {
	color: var(--font-color-second);
	background-color: var(--button-second--color-active);
	border-color: var(--button-second-border-color-active);
}

.btn-secondary:hover {
	color: var(--font-color-second);
	background-color: var(--button-second--color-active);
	border-color: var(--button-second-border-color-active);
}

table,
td {
	vertical-align: middle;
}

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

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers 
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}*/

/* QR code generator */
#qrCode {
	margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {

	/* Hide captions */
	.carousel-caption {
		display: none;
	}
}

/* https://www.bootply.com/107708#*/
/* remove gutter spacing outside */
.row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

/* only remove padding of middle columns */
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
	padding-right: 5px;
	padding-left: 5px;
}

/*Checkboxes - https://bootsnipp.com/tags/checkbox*/
.form-groupX input[type="checkbox"] {
	display: none;
}

.form-groupX input[type="checkbox"]+.btn-group {
	margin-right: 20px;
	margin-bottom: 10px;
}

.form-groupX input[type="checkbox"]+.btn-group>label span {
	width: 20px;
}

.form-groupX input[type="checkbox"]+.btn-group>label span:first-child {
	display: none;
}

.form-groupX input[type="checkbox"]+.btn-group>label span:last-child {
	display: inline-block;
}

.form-groupX input[type="checkbox"]:checked+.btn-group>label span:first-child {
	display: inline-block;
}

.form-groupX input[type="checkbox"]:checked+.btn-group>label span:last-child {
	display: none;
}

.start-end-time-selection select {
	direction: ltr;
}

.start-end-time-selection option {
	/*direction: rtl;*/
	margin-block-end: 10px;
}

.start-end-time-selection {
	display: flex;
	column-gap: 10px;
}