html,
body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%; 
	color: #666;
	padding-top: 4rem; /* Padding for fixed nav */
}
label[for] {
	font-size: .75rem;
}
legend {
	font-size: .75rem;
}



/* Fix for bootstrap, right side padding on modal open */
body[style] {
	padding-right: 0 !important;
}
nav.navbar[style] {
	padding-right: 1rem !important;
}
button.navbar-toggler[style] {
	margin-right: 0 !important;
}

/* Fix for bootstrap */


.table-responsive .container-fluid {
	padding-right: 0;
	padding-left: 0;
}



.map {
	border: 0;
	width: 100%;
	height: 30rem;
}


.ui-autocomplete { z-index:2147483647; }

.nav-underline .nav-item .nav-link {
	padding-bottom: .75rem;
	margin-top: 4px;
	margin-bottom: 4px;
}
.nav-underline .nav-item .nav-link:hover {
	border-bottom: 4px solid #0000ff;
	margin-bottom: 0;
}



footer {
  padding: 30px 0;
}
table.dataTable {
	border-collapse: collapse !important;
}

label.upload-label {
	width: 100%;
	text-align: center;
	font-size: 1rem;
}



/*div.dataTables_wrapper div.dataTables_filter label {
	width: 100%;
}
div.dataTables_wrapper div.dataTables_filter input {
	width: 50%;
}*/

.site-logo {
	height: 40px;
}

	
.offcanvas-row {
	position: relative;
}
.offcanvas-row .offcanvas-container {
	margin-left: 0;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
} 
.offcanvas-row .offcanvas-sidebar {
	height: 100%;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #2F323E;
    overflow-x: hidden;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.offcanvas-row.active .offcanvas-container {
	
}
.offcanvas-row.active .offcanvas-sidebar {
	width: 75%
}

.hamburger,
.hamburger:focus,
.hamburger:active{
	background: transparent;
	border: 0;
	font-size: 1em;
	line-height: 1;
	cursor: pointer;
	background: none;
	outline: none;
	padding: 0;
}
.hamburger span{
	position: relative;
}
.fa-stack[data-count]:after{
	position: absolute;
	right: -.5rem;
	top: -.4rem;
	content: attr(data-count);
	font-size: 70%;
	padding: .2rem .4rem .3rem .4rem;
	border-radius: 999px;
	line-height: .75rem;
	color: white;
	background: #FA3E3E;
	text-align: right;
	min-width: .5rem;
	font-weight: bold;
}

.top-nav {
	background: #fff;
	border-bottom: 1px solid #C2CFD6;
}
/* 			.nav-item a, .nav-item a:hover, .nav-item a:active { */
/* 				 color: #666; */
/* 				 padding: 1rem 0; */
/* 			} */
/* 			.nav-item { */
/* 				border-bottom: 3px solid transparent; */
/* 			} */
/* 			.nav-item:hover { */
/* 				border-bottom: 3px solid #007BFF; */
/* 			} */

.breadcrumb {
	border-radius: 0;
	border-bottom: 1px solid #C2CFD6;
	background: #fff;
}

.page-title {
	color: #007BFF;
	margin: 1rem 0;
}
.sub-nav {
	background: #fff;
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.offcanvas-row.active .offcanvas-container {
		margin-left: 50%;
	}
	.offcanvas-row.active .offcanvas-sidebar {
		width: 50%;
	}
	
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		text-align: left;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.offcanvas-row.active .offcanvas-container {
		margin-left: 35%;
	}
	.offcanvas-row.active .offcanvas-sidebar {
		width: 35%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.offcanvas-row.active .offcanvas-container {
		margin-left: 25%;
	}
	.offcanvas-row.active .offcanvas-sidebar {
		width: 25%;
	}
	
	.modal-xl {
		max-width: 85%;
	}
	
	html,
	body {
		/*font-size: 12px;*/
		/*font-size: 90%;*/
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.offcanvas-row.active .offcanvas-container {
		margin-left: 15%;
	}
	.offcanvas-row.active .offcanvas-sidebar {
		width: 15%;
	}
}



.table .actions {
	text-align: right;
	width: auto;
}
.table .actions a {
	color: #555656;
}
.table .actions a:hover {
	text-decoration: none;
}
.table .actions a svg {
	margin: 0 0 0 .375rem;
	font-size: 1rem;
}



.custom-file-upload {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}
.custom-file-upload label {
	padding: 2em 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
}
.current-progress {
	margin: 1em 0 0 0;
	text-align: center;
}


footer {
	background-color: #333;
	color: #eee;
	margin: 0;
}
footer .copy {
	background-color: #2a2a2a;
}
.copy p {
	padding: 1.2rem 0;
}

.hbi {
	background-color: #fcfcfc;
	border-top: 1px solid #ddd;
	padding: 2em 0;
}
.hbi h2 {
	color: #55555;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: normal;
}