/*
	light blue		007bbd
	dark blue		222983
*/
body {
	font-family: 'Montserrat';
}
body { font-size: 16px; line-height: 1.5; }
@media only screen and (min-width : 768px ) { body { font-size: 12px; } }
@media only screen and (min-width : 992px ) { body { font-size: 12px; } }
@media only screen and (min-width : 1200px) { body { font-size: 14px; } }

/* navstyle-global */
.navstyle-global .row1 {
	background-color: white;
}
.navstyle-global .row2 {
	background-color: transparent;
}
.navstyle-global .navbar-nav > li.open > a,
.navstyle-global .navbar-nav > li.open > a:focus,
.navstyle-global .navbar-nav > li.open > a:hover,
.navstyle-global .navbar-nav > li > a,
.navstyle-global .navbar-nav .open .dropdown-menu > li >a,
.navstyle-global .navbar-nav .dropdown-menu > li > a {
	text-transform: none;
	color: #007bbd;
	font-size: 1.2em;
	font-weight: bold;
}
.navstyle-global .navbar-nav > li.open > a:focus,
.navstyle-global .navbar-nav > li.open > a:hover,
.navstyle-global .navbar-nav > li > a:hover,
.navstyle-global .navbar-nav > li > a:focus,
.navstyle-global .navbar-nav .open .dropdown-menu > li > a:hover, .navstyle-global .navbar-nav .open .dropdown-menu > li > a:focus,
.navstyle-global .navbar-nav .dropdown-menu > li > a:hover, .navstyle-global .navbar-nav .dropdown-menu > li > a:focus {
	color: #222983;
}
.navstyle-global .navbar-toggler {
	float: right;
	border-color: #222983;
	border-width: 3px;
	padding: 4px;
}
.navstyle-global .navbar-toggler i {
	color: #222983;
}
.navstyle-global .navbar-toggler:hover,
.navstyle-global .navbar-toggler:focus {
	background-color: #007bbd;
}

/* contentstyle-global */
.contentstyle-global .dataTables_paginate .paginate_button,
.contentstyle-global .btn {
	background-color: #222983;
	border-color: #222983;
	color: white;
	text-decoration:none;
	text-transform: uppercase;
}
.contentstyle-global .dataTables_paginate .paginate_button:hover, .contentstyle-global .dataTables_paginate .paginate_button.current,
.contentstyle-global .btn:hover,.contentstyle-global.btn:focus,.contentstyle-global.btn:active,.contentstyle-global .btn.active,
.hoverborder1:hover .btn {
	background-color: #222983;
	border-color: #222983;
	color: #b0b0b0;
	text-decoration:none;
	text-transform: uppercase;
}

/* contentstyle-webapp */
.contentstyle-webapp-titlebar {
	background-color: #007bbd;
}
.contentstyle-webapp-titlebar .container, .contentstyle-webapp-titlebar .container-fluid {
	background-color: transparent;
}
.contentstyle-webapp-titlebar h1 {
	color: white;
	font-weight: bold;
}
.contentstyle-webapp-titlebar p {
	color: white;
	font-size: 1.5em;
	margin-bottom: 0;
}
.contentstyle-webapp {
	background-color: white;
}
.contentstyle-webapp .container, .contentstyle-webapp .container-fluid {
	background-color: transparent;
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.7);
}
.contentstyle-webapp .btn, .contentstyle-webapp .btn:hover {
	text-transform:none;
	border-radius: 10px;
}
.contentstyle-webapp .btn-tiny, .contentstyle-webapp .btn-tiny:hover {
	font-size: 0.8em;
	padding: .4em 0.4em;
}
.contentstyle-webapp .btn-small, .contentstyle-webapp .btn-small:hover {
	font-size: 1.5em;
	padding: .4em 1.2em;
}
.contentstyle-webapp.btn-large, .contentstyle-webapp .btn-large:hover {
	font-size: 2.4em;
	padding: .4em 1em;
}
.contentstyle-webapp-filters {
}
.contentstyle-webapp-filters select {
	width: 150px;
	display: inline;
}
.contentstyle-webapp h1, .contentstyle-webapp h1 a, .contentstyle-webapp h1 a:hover {
	color: #007bbd;
}
.contentstyle-webapp h2,.contentstyle-webapp h2 a, .contentstyle-webapp h2 a:hover {
	color: #007bbd;
	text-transform:uppercase;
}
.contentstyle-webapp h3,.contentstyle-webapp h3 a, .contentstyle-webapp h3 a:hover {
	color: #007bbd;
}
.contentstyle-webapp h4, .contentstyle-webapp h4 a, .contentstyle-webapp h4 a:hover {
	color: #007bbd;
}
.formstyle-global, .formstyle-global .control-label,
.contentstyle-webapp p,
.contentstyle-webapp ul li, .contentstyle-webapp ol li,
.contentstyle-webapp table tbody tr th, .contentstyle-webapp table tbody tr td, .contentstyle-webapp table tbody tr td a,.contentstyle-webapp table tbody tr td a:hover,
.contentstyle-webapp blockquote, .contentstyle-webapp blockquote:before, .contentstyle-webapp blockquote cite,
.contentstyle-webapp .breadcrumb li.active, .contentstyle-webapp .breadcrumb > li + li:before,
.contentstyle-webapp .dataTables_wrapper label,
.contentstyle-webapp .dataTables_wrapper select, .contentstyle-webapp .dataTables_wrapper input,
.contentstyle-webapp .dataTables_wrapper .dataTables_info {
	color: #5E4B56;
}
.contentstyle-webapp p a, .contentstyle-webapp ul li a, .contentstyle-webapp ol li a {
	color: #6a6f2d;
	text-decoration:underline;
}
.contentstyle-webapp p a:hover, .contentstyle-webapp ul li a:hover, .contentstyle-webapp ol li a:hover {
	color: #6a6f2d;
	text-decoration:underline;
}

/* contentstyle-webapp-login */
.contentstyle-webapp-login {
	border: 3px solid #007bbd;
	border-radius: 20px;
	box-shadow: 9px 9px 5px -5px rgba(0,0,0,0.2);	
	padding: 1em;
}
.contentstyle-webapp-login h1 {
	margin: 0.5em 0;
}

.contentstyle-webapp-chart {
	height: 400px;
	max-width: 100%;
	margin: 0px auto;
}
footer {
	background-color: #007bbd;
	color: black;
	padding: 5px 15px;
}
footer p {
	font-size: 0.8em;
	margin: 0;
}

@media only screen and (min-width : 768px ) { 
	/* navstyle-global */
	.navstyle-global .navbar-nav > li.open > a,
	.navstyle-global .navbar-nav > li.open > a:focus,
	.navstyle-global .navbar-nav > li.open > a:hover,
	.navstyle-global .navbar-nav > li > a,
	.navstyle-global .navbar-nav .open .dropdown-menu > li >a,
	.navstyle-global .navbar-nav .dropdown-menu > li > a {
		font-size: 1.3em;
		line-height: 1em;
	}
	.navstyle-global .collapse .dropdown-menu {
		background-color: #B1B695;
		border:none;
		border-radius: 0;
		padding: 1em;
		width: 18em;
		margin: 0;
	}
	.navstyle-global .collapse .dropdown-menu li a {
		color: white;
	}
	.footerfixed {
		position: fixed;
		bottom: 0px;
		width: 100%;
	}
	section.contentstyle-webapp .container, section.contentstyle-webapp .container-fluid {
		padding-top: 2em;
	}
	.contentstyle-webapp-login {
		margin-top: 5em;
	}

}
@media only screen and (min-width : 992px ) { 
	section.contentstyle-webapp .container, section.contentstyle-webapp .container-fluid {
		padding-top: 2em;
	}
	.contentstyle-webapp .btn-tiny, .contentstyle-webapp .btn-tiny:hover {
		font-size: 1.1em;
		padding: .4em 1em;
	}
}
@media only screen and (min-width : 1200px ) { 
	section.contentstyle-webapp .container, section.contentstyle-webapp .container-fluid {
		padding-top: 2em;
	}
	.contentstyle-webapp-chart {
		height: 600px;
	}
}
/* ------------------ Small Devices, Tablets col-sm- ------------------*/
@media only screen and (min-width : 768px) {
	.navstyle-global .navbar-nav > li.open > a,
	.navstyle-global .navbar-nav > li.open > a:focus,
	.navstyle-global .navbar-nav > li.open > a:hover,
	.navstyle-global .navbar-nav > li > a,
	.navstyle-global .navbar-nav .open .dropdown-menu > li >a,
	.navstyle-global .navbar-nav .dropdown-menu > li > a {
		font-size: 2em;
		line-height: 1em;
	}
}

section .form-control {
	padding: 0.1em 0.3em;
}
.form-control {
	height: 2em;
}
.form-control.tiny {
	width: 40px;
	float: left; margin-right: 0.5em;
}
.form-group {
	margin-bottom: 0.4em;
}