@media ( min-width : 760px) {
	.md-hide {
		display: none;
	}
}

@media ( max-width : 760px) {
	.xs-hide {
		display: none;
	}
}

@media ( max-width : 992px) {
	.navbar-header.bar {
		float: none;
	}
	.navbar-left, .navbar-right.bar {
		float: none !important;
	}
	.navbar-toggle.bar {
		display: block;
	}
	.navbar-collapse.bar {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-fixed-top.bar {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse.bar {
		display: none !important;
	}
	.navbar-nav.bar {
		float: none !important;
		margin-top: 7.5px;
	}
	.navbar-nav>li.bar {
		float: none;
	}
	.navbar-nav>li>a.bar {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in.bar {
		display: block !important;
	}
}

.rotate{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.rotate.down{
    -ms-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}

.panel-default > .panel-body {
    background-color: #e6e6e6;
}

.shadow {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 15px 0
		rgba(0, 0, 0, 0.1);
}

.shadow-bar {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0
		rgba(0, 0, 0, 0.19);
}

.menu-button {
	margin-top: 10%;
	border-width: 2px;
	background-color: white;
}

.menu-button:hover {
	color: black;
	background-color: #D3D3D3;
}

.menu-button svg {
	width: 50%;
	height: auto;
}

.footer {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.95);
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 0;
	/* border-top: 1px solid gray; */
}

.round-button {
	border-radius: 50px;
	position: fixed;
	bottom: 2%;
	border: 2px solid #318BBF;
	background-color: white;
	color: #318BBF;
}

.center-spinner {
	padding: 15% 45% 0 45%;
	margin: -8px;
	width: 32px;
	height: 32px;
	font-size: 400%;
	color: #318BBF;
}

.center-spinner-2 {
	font-size: 400%;
	color: #318BBF;
}

.round-button.right {
	right: 3%;
}

.round-button.left {
	left: 3%;
}

.logo {
	padding: 5px;
}

.card {
	background-color: #F7F7F7;
	/* just in case there no content*/
	padding: 20px 25px 30px;
	margin: 0 auto 25px;
	/* shadows and rounded borders */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.icon-card {
	font-size: 500%;
	text-align: center;
	margin: 6%;
	min-height: 1em;
}

.reauth-username {
	display: block;
	color: #404040;
	line-height: 2;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.forgot-password {
	color: rgb(104, 145, 162);
}

.forgot-password:hover, .forgot-password:active, .forgot-password:focus {
	color: rgb(12, 97, 33);
}

.form-group input[type="checkbox"] {
    display: none;
}

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

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

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

/* Responsive Search Bar Styles - Non-collapsible */
.search-bar-container {
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1000;
	overflow: visible;
}


.search-bar-header {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	gap: 8px;
}

.search-icon {
	color: black;
	font-size: 18px;
}

.search-bar-header .search-bar-label {
	margin: 0;
	font-size: 14px;
}

.search-bar-form {
	margin: 0;
	padding: 0;
	width: 100%;
}

.search-bar-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.search-bar-label {
	font-weight: normal;
	white-space: nowrap;
}

.search-bar-inputs {
	display: flex;
	flex-direction: row;
	gap: 10px;
	width: 100%;
}

.search-date-group {
	margin: 0;
	width: 100%;
	flex: 1;
}

.search-date-group .input-group {
	width: 100%;
}

.search-bar-buttons {
	display: flex;
	flex-direction: row;
	gap: 10px;
	width: 100%;
	flex-wrap: wrap;
}

.search-bar-buttons .btn {
	flex: 1;
	min-width: 100px;
}

/* Desktop styles */
@media (min-width: 768px) {
	.search-bar-container {
		padding: 15px 20px;
	}
	
	.search-bar-header {
		margin-bottom: 0;
		display: flex;
	}
	
	.search-bar-content {
		flex-direction: row;
		align-items: center;
		gap: 15px;
	}
	
	.search-bar-inputs {
		flex-direction: row;
		gap: 15px;
		flex: 1;
	}
	
	.search-date-group {
		width: auto;
		min-width: 180px;
		flex: 0 0 auto;
	}
	
	.search-date-group .input-group {
		width: auto;
		min-width: 180px;
	}
	
	.search-bar-buttons {
		flex-direction: row;
		gap: 10px;
		width: auto;
		flex: 0 0 auto;
	}
	
	.search-bar-buttons .btn {
		flex: 0 0 auto;
		white-space: nowrap;
		min-width: auto;
	}
}