textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(50, 50, 50, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(50, 50, 50, 0.6);
  outline: 0 none;
}

.nofocus {
	outline: 0 none !important;
	box-shadow: inset 0 -1px 0 #ddd;
}

.noselect {
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

/*========== CUSTOM THEME STYLES ==========*/
.bg-opaque-dark {
	background: rgba(0, 0, 0, .8);
}

.bg-opaque-light {
	background: rgba(255, 255, 255, .7);
}

.text-red {
	color: #cc0000;
}

.border-theme-red {
	border-color:#cc0000 !important;
}

.border-theme-grey {
	border-color:#cccccc !important;
}

.border-theme-light-grey {
	border-color:#e9e9e9 !important;
}

.leagues-nav {
	color: #777;
}
.leagues-nav:hover {
	color:#333;
}

.bg-light-grey {
	background-color: #eee;
}
.bg-dark-grey {
	background-color: #999;
}

.not-allowed {
	cursor: not-allowed !important;
}
/*========== CUSTOM THEME STYLES ==========*/

.main-page-profile-link {
}

.main-page-profile-link:hover {
	background-color: #bbb;
	color:#333 !important;
	transition: 0.5s;
}

.login-home {
	max-width: 300px;
}

.nav-link {
	padding: 10px 0 4px 0;
}

.nav-link {
	border-bottom: 5px solid #ffffff;
	transition: 0s;
}

.nav-item a:hover {
	border-bottom: 5px solid #ffd83c;
	transition: 0s;
}

.shadow-sm-top {
	box-shadow: 0px -2px 8px #ededed;
}

#pNavbar {
	flex-grow: 0;
}

.nav-link-active{
	border-bottom: 5px solid #ffd83c;
}

.content {
	flex: 1;
}

/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbars {
	margin-bottom: 0;
	border-radius: 0;
}

.logo {
	background-image: url('/assets/img/logo.png');
	background-size: 160px 60px;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width:170px;
	height: 70px;
}

.login {
	position:relative;
	top:6px;
	margin-top:-6px;
}

.not-available {
	font-size:8pt;
	position:relative;
	left:-2px;
	top:-7px;
}

/* Set gray background color and 100% height */
.sidenav {
	background-color: #f1f1f1;
}

footer {
	background-color: #ededed;
}

footer a {
	color:#555;
}

.copyright {
	font-size: 10pt;
}

.text-light-grey {
	color: #ccc;
}

.x-small {
	font-size: .8rem;
}

.xx-small {
	font-size: .7rem;
}


.no-hover {
	text-decoration: none !important;
}

.page-icon {
	height: 50px;
}

.subnav a {
	float: left;
}


.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #cc0000;
}

.separator:not(:empty)::before {
  margin-right: .25em;
}

.separator:not(:empty)::after {
  margin-left: .25em;
}

@media only screen and (max-width : 767px) {
	.navbar-nav {
		margin: 10px 0;
		border-top:1px solid #eee;
	}

	.nav-link-active {
		border-bottom: 0px solid #ffffff;
		transition: 0s;
		background-color: #ffd83c;
	}

	.nav-link {
		border-bottom: 0px solid #ffffff;
		padding:7px 0 7px 10px;
	}

	.nav-item a:hover {
		border-bottom: 0px solid #ffffff;
		transition: 0s;
		background-color: #f3f3f3;
	}

	.nav-link-active:hover {
		background-color: #ffd83c !important;
	}
}