@charset "utf-8";
/* CSS Document */



@media screen and (max-width: 1100px){ 

.account_nav {
	display:none;
}

.topnav {
    background-color: #333;
    overflow: hidden;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
}

.active {
    background-color: #4CAF50;
    color: white;
}

.topnav .icon {
    display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 14px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}


@media screen and (max-width: 1100px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
	color:#ffffff;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1100px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
} 
  
  
  
}



@media screen and (min-width: 1100px) {

.topnav {display:none;}

.account_nav {
/*position: fixed;*/
top: 0;
z-index: 999;
width:100%;
/*left:0;
background-color:#94618E;	*/
height:42px;

}

.account_nav ul {
	
	margin: 0px;
	padding:0;
	padding-top:2px;
	-webkit-transition: .5s;
	transition: .5s;
	z-index:999;
	height:40px;
}
	
.account_nav li {
	position:relative;
	float: left;
	width: 13.5%;
	list-style: none;
	/*background-color:#94618E;*/
	-webkit-transition: .5s;
	transition: .5s;
	padding: 10px;
	box-sizing:border-box;
	color: #f4DECB;
	min-height:40px;	
	display: block;
}
	
	
.account_nav a {
	position::absolute;
	top:0;
	right:0;
	color: #F8EEE7;
	left:0;
	bottom:0;
	display: block;
	text-decoration: none;
}

.account_nav ul ul {
			position: absolute;
			left: 0;
			top: 100%;
			visibility: hidden;
			opacity: 0;
		}
	
.account_nav ul ul ul {
			left: 100%;
			top: 0;
		}
	
.account_nav li:hover, .account_nav li:hover li {
	/*background-color:#94618E;*/
	color: #F8EEE7;
	left:0;
	right:0;
		}
	
.account_nav li li:hover, .account_nav li li:hover li {
	/*background-color:#49274A;*/

		}
	
.account_nav li li li:hover {
	/*background-color:#49274A;*/
		}
	
.account_nav li:hover > ul {
			visibility: visible;
			opacity: 1;
		}

.account_nav li:hover {
	/*background-color:#49274A;*/
}
.account_nav ul li:hover {
	/*background-color:#49274A;*/
}



}


.back_button {
	/*background-color:#94618E;*/
	color: #000;
	padding: 5px;
	font-size: 13px;
	border: none;
	text-decoration: none;
	float:right;
	
}

.back_button:hover {
    /*background-color: #49274A; */
	color: #fff;
}

.submit:hover {
    /*background-color: #49274A; */
	color: #fff;
}


.submit2{
	border: none;
	text-decoration: none;
    padding: 5px 5px;
    font-size: 15px;
	background-color: #1f611f;
	color: #fff;
}

.submit2:hover {
    background-color: #2b882b; 
	color: #fff;
}


.page-top {
	border-bottom:1px solid #1f3d63;
}