body, table, tr, td, div, span, ul, ol, button, select, input, textarea, a {
	font-family: Lato, Montserrat !important;
	font-size: 98% !important;
	text-decoration: none !important;
}


.s1 {
	font-size: 200% !important;
	font-weight: bold;
}

.s2 {
	font-size: 130% !important;
	font-weight: bold;
	margin-bottom: 4px;
	display: block;
}


.s3 {
	font-size: 130% !important;
	font-weight: 60;
	margin-bottom: 10px;
	display: block;
}

.s4 {
	font-size: 110% !important;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

.s5 {
	font-size: 110% !important;
	font-weight: normal;
	margin-bottom: 3px;
	display: block;
}


.dot {
	height: 90px;
	width: 90px;
	background: purple !important;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-size: 22px !important;
	color: white !important;
	font-weight: bold;
}


a {
	text-decoration: none !important;
}

h1 {
	font-weight: 60px;
	font-size: 200%;;
}

th {
	background: #f0f0f0;
	color: #000000;
	font-size: 12px;
}

pre {
	border: 0px !important;
	padding: 5px !important;
	font-size: 95% !important;
	font-family: Lato, Montserrat !important;
}


.is-neutral {
	background: #f9f9f9;
}


.tabitem-off {
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	color: #a0a0a0;
	padding: 0px 0px 0px 0px !important;

}

.tabitem-on {
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;

	color: black;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	border-top: solid 1px #c0c0c0;
	border-bottom: 10px white solid;
	height: 0px;
	padding: 20px 10px 5px 10px;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px;
	border-radius: 10px 10px 0px 0px;

}

.apptabon a {
	color: #ffffff !important;
}

.apptaboff {
	color: #0a0a0;
	font-weight: normal;
	border: solid 1px #e0e0e0;
	font-size: 13px;
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #f0f0f0,  #e0e0e0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e0e0e0');
	height: 0px;
	margin: 10px;
	padding: 20px;
	border: 1px;
	text-transform: capitalize;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px;
	border-radius: 10px 10px 0px 0px;

}







.tab-content {
	border: 1px;
	padding: 20px 20px;
	border-right: #e0e0e0 1px solid;
	border-left: #e0e0e0 1px solid;
	border-top: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
	padding-top: 0px;
	margin: 0px;
	border-radius: 10px;
	color: #000000;
	background: #ffffff;
}


.dot {
	height: 25px;
	width: 25px;
	background: #f6f6f6;
	color: #a0a0a0;
	border-radius: 50%;
	display: inline-block;
}

.nav-switch {
	display: none;
}

/* ********LOGIN PAGE START********* */
.login-container {
    max-width: 40%;
    border: 1px #e0e0e0 solid;
    text-align: left;
    padding: 20px;
	border-radius: 5px;
}

div.login-logo-container {
	border-bottom: 1px solid #d0d0d0;
	margin: 0px;
}

div.login-logo{
	content:url('images/logo.png');
/*
	height: 100px;
*/
	height: 70px;
	padding: 10px;
}

.login-form {
	padding: 20px;
}


/* ********LOGIN PAGE END********* */







footer {
	background: #0f0e17;
    color: #fff;
    font-size: 90%;
    text-align: center;
    padding: 30px;
}
.menu-logo {
	padding: 10px;
}

.menu-logo a {
	color: #fff;
	font-weight: bold;
	font-size: 130% !important;
}

div.mainmenu {
	box-shadow: 0 4px 2px -2px #888;
}

nav ul {
	list-style: none;
	position: relative;
	text-align: left;
}

nav li {
	float: left;
}

nav ul:after {
	clear: both;
}

nav ul:before,
nav ul:after {
	content: " ";
	display: table;
}

.nav {
	position: relative;
	text-align: center;
	letter-spacing: 1px;
}

ul.primary li a, ul.primary li span {
	display: block;
	padding: 15px 30px;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
}

ul.primary li:last-child a {
	border-right: none;
}

/*ul.primary li a:hover {
	color: #fff !important;
	background: #325b75;
}*/

ul.sub {
	position: absolute;
	z-index: 200;
	box-shadow: 2px 2px 8px #bebebe;
	width: 35%;
	display:none;
	margin-left: 0;
}

ul.sub li {
	float: none;
	margin: 0;
}

ul.sub li a {
	border-right: none;
	color: #000;
	padding: 15px 30px;
}

ul.sub li:last-child a {
	border-bottom: none;
}

ul.sub li a:hover {
	color: #000 !important;
	background: #eeeeee;
}

ul.sub li.sub-active {
	color: #000 !important;
	background: #eeeeee;
}

ul.primary li:hover ul {
	display: block;
	background: #fff;

}

ul.primary li:hover a {
	color: #666;
	text-shadow: none;
}

ul.primary li.active {
	background: #e0e0e0 !important;
	color: #fff !important;
	text-shadow: none;
}

ul.primary li:hover > a{
	color: #000;
} 

div.account-menu {
	padding: 15px 30px;
}
div.user-profile:hover a, div.user-profile:hover i{
	color: #333 !important;
}
div.user-profile {
	text-align: right;
}
div.logout:hover a{
	color: #db697d !important;
}




/* ********MOBILE RESPONSIVE********* */


@media (min-width: 1200px) {

}


@media only screen and (max-width: 1250px) {
	.menu-logo {
		padding: 10px;
	}
	.menu-logo a {
		font-size: 120% !important;
	}

	ul.primary li a, ul.primary li span, div.account-menu {
		padding: 12px 25px;
	}
}

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

}


@media only screen and (max-width: 991px) {
	.login-container {
		max-width: 60%;
	}
}


@media screen and (min-width: 800px) and (max-width: 1200px){
	.menu-logo {
		padding: 10px;
		display: none;
	}
	.menu-logo a {
		font-size: 120% !important;
	}

}


@media only screen and (max-width: 800px) {
	.account-menu, ul.primary {
		display: none;
	}

	.nav-switch {
		display: block;
		color: #fff;
		margin: 12px 30px;
		right: 30px;
    	position: absolute;
	}
	.nav li {
		float: none;
		text-align: left;
	}

	.nav-switch i {
		font-size: 20px;
	}
	


}

@media only screen and (max-width: 767px) {
	.login-container {
		max-width: 80%;
	}
}

@media only screen and (max-width: 635px) {
	.login-container {
		max-width: 90%;
	}

}


/*

@media only screen and (max-width: 600px) {
	.decor {
		padding: 3px;
	}

	.wrap {
		width: 100%;
		margin-top: 0px;
	}

		li {
		float: none;
	}

	ul.primary li:hover a {
		background: none;
		color: #8B8B8B;
		text-shadow: 1px 1px #000;
	}

	ul.primary li:hover ul {
		display: block;
		background: #272727;
		color: #fff;
	}

	ul.sub {
		display: block;  
		position: static;
		box-shadow: none;
		width: 100%;
	}

	ul.sub li a {
		background: #272727;
		border: none;
		color: #8B8B8B;
	}

	ul.sub li a:hover {
		color: #ccc;
		background: none;
	}*/
}