@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700|Source+Sans+Pro:300,400,700&display=swap');
/*
	font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Oswald', sans-serif;
 */

body { width: 100%; height: 100%; background-color: #FFF; overflow-x: hidden; }
html { width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	color: #151515;
	letter-spacing: 0;
}

p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 400;
}

small {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}

a {
	font-family: 'Source Sans Pro', sans-serif;
	color: #a23f97;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
a:hover, a:focus { color: #006eb7; text-decoration: none; }

li {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
	background-color: #ebeef0;
}

#content {
	width: 100%;
	padding: 0 0 0 0;
	min-height: 75vh;
	transition: all 0.3s;
	background-color: #ebeef0;
}



/* BUTTONS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.btn					{ font-family: 'Source Sans Pro', sans-serif; }
.btn-Blue 	  		{ color: #FFF; background: #009ed8; }
.btn-Blue:hover 	{ color: #FFF; background: #2d358a; }

.btn-member {
	border-radius: 25px;
	padding: 10px 20px 10px 20px;
	border: 3px solid;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}
.btn-member:hover {
	color: #FFF;
	box-shadow:0 0 0 33px rgba(0, 0, 0, 0.7) inset;
	-webkit-transform: scale(1);
}



/* NAV-TOP
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.MPA-nav-top {
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #154560;
	padding-top: 0;
	padding-bottom: 0;
}
.MPA-nav-top .navbar-toggler {
	color: #000;
	font-size: 30px;
	border: 0;
	/* border-color: #000; */
	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
.MPA-nav-top .navbar-toggler:hover { color: #ffc05d; }

.MPA-nav-top .navbar-nav .nav-link {
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	/* color: rgba(64, 153, 255, 1); */
}

.MPA-nav-top .nav-icon { max-width: 35px; }

.MPA-nav-top .dropBtnsTT {
	float: left;
	margin-bottom: 6px;
}

.MPA-nav-top .navbar-nav .active > .nav-link, .MPA-nav-top .navbar-nav .nav-link.active,
.MPA-nav-top .navbar-nav .nav-link.show, .MPA-nav-top .navbar-nav .show > .nav-link,
.MPA-nav-top .navbar-nav .nav-link:focus, .MPA-nav-top .navbar-nav .nav-link:hover { color: #ffc05d; }

.nav-link { transition: 0.2s; }
.MPA-nav-top .dropdown-item:focus, .MPA-nav-top .dropdown-item:hover { color: #000; background: #ffc05d; }



/* SIDE NAVBAR
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#sidebar {
	min-width: 200px;
	max-width: 200px;
	height: auto;
	background: #154560;
	font-family: 'Source Sans Pro', sans-serif;
	color: #FFF;
	transition: all 0.3s;
	z-index: 10;

	-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
			  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

#sidebar .nav-mini-title {
	color: #FFF;
	font-size: 12px;
	padding: 0 10px 0 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidebar a { color: #FFF; }
#sidebar a:hover { text-decoration: none; }
#sidebar.active { margin-left: -200px; }
#sidebar .sidebar-header { padding: 20px; background: #ffc05d; }
#sidebar ul p { color: #FFF; padding: 10px; }

#sidebar ul li a {
	padding: 10px;
	font-size: 0.9em;
	display: block;
}

#sidebar ul li a:hover { color: #FFF; }
#sidebar ul li.active>a, #sidebar a[aria-expanded="true"] { color: #000; background: #ffc05d; }
a[data-toggle="collapse"] { position: relative; }

#sidebar .dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

#sidebar ul ul a {
	font-size: 0.8em !important;
	padding-left: 15px !important;
	color: #b7c0cd;
	background: #212d3a;
	border-left: 3px solid #42a5f5;
}

#sidebar ul ul a::before {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 10px;
}

#sidebar ul ul a:hover {
	color: #3ca5f5;
	background-color: #212d3a;
}

@media (max-width:1300px) {
	#sidebar { margin-left: -160px; }
	#sidebar.active { margin-left: 0; }
	#sidebarCollapse span { display: none; }
	#sidebar:hover { margin-left: 0; }
}

@media (max-width: 768px) {
	#sidebar { margin-left: -200px; }
	#sidebar.active { margin-left: 0; }
	#sidebarCollapse span { display: none; }
}



/* USER NAVBAR
============================================================================================================================== */

.nav-usr { border-bottom: 1px solid rgba(186, 234, 255, 0.4); background-color: transparent; }
@media only screen and (max-width: 767.50px) { .nav-usr { background-color: #000; } }

.nav-usr .navbar-nav .nav-link {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
   padding-left: 15px;
   padding-right: 15px;
	color: #FFF;
}

.nav-usr .navbar-nav .nav-link:focus, .nav-usr .navbar-nav .nav-link:hover { color: #FFF; background-color: #069bd6; border-radius: 10px 0 10px 0; }
@media only screen and (max-width: 767.50px) { .nav-usr .navbar-nav .nav-link:focus, .nav-usr .navbar-nav .nav-link:hover { padding-left: 25px; } }

.nav-usr .dropdown-menu { background-color: #069bd6; }
.nav-usr .dropdown-menu .dropdown-item { color: #FFF; }
.nav-usr .dropdown-menu .dropdown-item:hover { background-color: #ffee00; color: #000; font-weight: bold; }



/* JUMBOTRON
============================================================================================================================== */

.jumbo-main {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../imgs/BGs/bg_1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: static;
	z-index: 1;
	margin-top: -65px;
}



/* TITLE & BREADCRUMB
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.title-wrapper {
	margin-top: 30px;
	margin-bottom: 20px;
}

.title-icon {
	font-size: 25px;
	color: #154560;
	float: left;
}

.crumb-text {
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 0;
}

@media (max-width:768px) {
	.title-wrapper { text-align: center; }
	.title-icon 	{ float: none; }
	.crumb-text 	{ text-align: center; margin: 0; }
}



/* DASHBOARD
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */



/* FORM ELEMENTS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.form-control {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	border: 1px solid #4099ff;
	/* border-radius: 0 10px 0 10px; */
	box-shadow: none;
}

label {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
}

.form-control-file {
	font-size: 12px;
	box-shadow: none;
	border: 1px solid #4099ff;
	border-radius: 4px;
	padding: 9px;
	/* padding-left: 15px; */
	height: 38px;
}

.sel-menu {
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-appearance: none;
		-moz-appearance: none;
			  appearance: none;

	/* background:url(../imgs/selectArrow.png) no-repeat; */
	/* background-position: 99% 5px; */
}



/* POPOVERS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .popover-header { background-color: #FFF; color: #000; }
.popover-body { background-color: #000; color: #FFF; }
.popover-body a { color: #FFF; } */



/* NAV TABS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.nav-tabs .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
 border: 0;
 border-bottom: 1px solid grey;
 color: gray;
}

.nav-tabs .nav-link.active {
 color: #000000;
 border-radius: 0;
 border-bottom: 2px solid green;
}



/* FOOTER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer {
	font-family: 'Oswald', sans-serif;
	font-size: 10px;
	color: #154560;
	padding: 20px 15px 20px 0;
	/* background-color: #154560; */
}

.footer a {
	color: #154560;
	font-weight: normal;
	text-decoration: underline;

	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}

.footer a:hover, .footer a:focus { color: #000; }



/* OTHERS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.view-title { margin-bottom: 0; font-size: 12px; }
.view-info  { margin-top: -5px; margin-bottom: 0; font-size: 18px; }

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #ecf7ff;
}

table.table-hover tbody tr:hover {
    background-color: #ecf5ff;
}

table.table-hover tbody tr td:hover {
    background-color: #eafbf8;
}

.card-content {
	border: 2px solid #FFF;
	box-shadow: 0 0 15px 0 #045280;
	/* border-dark shadow-medium */
}

.video-btn {
	border: 2px solid #FFF;
	border-bottom: 5px solid #FFF;
	filter:grayscale(70%);
	-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		 -ms-transition: all 300ms ease;
		  -o-transition: all 300ms ease;
			  transition: all 300ms ease;
}
.video-btn:hover {
	cursor: pointer;
	filter:none;
	border-bottom: 5px solid red;
}