/* NAVBAR */
.navbar-default {
    background-color: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f6f6f6',GradientType=0 );
    border-color: #9d42ab;
	border-radius: 0px;
	min-height: 40px;
	margin-bottom: 0px;
	border: none;
	border-bottom: 4px solid #9d42ab;
	z-index: 1000;
}
.navbar-default .navbar-nav > li > a {
	color: #363636;
	font-size: 20px;
	text-transform: uppercase;
	font-family: Anton;
    padding-left: 35px;
    padding-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
    color: #9d42ab;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    color: #9d42ab;
    background-color: transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px 0px 0px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 0px;
	border-top: 4px solid #9d42ab;
}
.dropdown-menu > li {
	border-bottom: 1px solid #f2f2f2;
}
.dropdown-menu > li > a {
    padding: 7px 20px;
    font-family: Anton;
}
.dropdown-menu > li > a .fa.fa-caret-right {
    text-align: right;
	position: absolute;
	right: 5px;
	top: 10px;
}
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
    color: #9d42ab;
    text-decoration: none;
    background-color: transparent;
}


/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	/* DROPDOWN SUB MENU */
	.nav .dropdown .dropdown-menu.okta-dropdown-menu-1, 
	.nav .dropdown-submenu .dropdown-menu.okta-dropdown-menu-2, 
	.nav .dropdown-submenu .dropdown-menu.okta-dropdown-menu-3 {
		display: block !important;
		position: relative;
		width: 100%;
		border: none;
		border-radius: 0px;
		padding-left: 15px;
		margin-bottom: 15px;
		box-shadow: none;
	}
	
	.container-fluid > .navbar-collapse, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container > .navbar-header {
		border-top: 4px solid #9d42ab;
		background-color: #f8f8f8;
		background: -moz-linear-gradient(top,  #f8f8f8 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
		background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
		background: linear-gradient(to bottom,  #f8f8f8 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f6f6f6',GradientType=0 );
	}
	.navbar-default .navbar-toggle {
		background-color: #9d42ab;
		border-color: #9d42ab;
	}
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover {
		background-color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:focus .icon-bar,
	.navbar-default .navbar-toggle:hover .icon-bar {
		background-color: #9d42ab;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* DROPDOWN SUB MENU */
	.nav .dropdown-submenu .dropdown-menu.dropdown-menu-2,
	.nav .dropdown-submenu .dropdown-menu.dropdown-menu-3{
		margin-left: 200px;
		top: 0;
	}
	.nav .dropdown .dropdown-menu.dropdown-menu-1 li{
		position: relative;
	}
	.nav .dropdown .dropdown-menu.dropdown-menu-1 li a{
		display: inline-block;
		min-width: 200px;
	}
	.navbar-default .navbar-nav > li:first-child > a {
		padding-left: 0px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 25px;
		padding-right: 25px;
	}
	.okta-login .form-inline .form-control {
		max-width: 120px;
	}

}
@media (min-width: 992px) and (max-width: 1200px) {
	
}