/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

:root {
	--cyan:					#5ABFAE;
	--cyan-light:			#64C9B8;
	--cyan-dark:			#50B5A4;
	--beige-light:			#FDF3E9;
	--blue:					#081D49;
	--blue-light:			#172C58;
	--blue-dark:			#000E3A;
	--margin:				30px;
	--header-inner-height:	40px;
}

body {
	color: 					var(--blue);
	background-color: 		var(--blue-dark);
}

* {
	font-family: 			'Roboto',sans-serif		!important;
}

* .fas,
* .far {
	font-family: 			'Font Awesome 5 Pro'	!important;
}

* .glyphicon {
    font-family: 			'Glyphicons Halflings' 	!important;
}

.home-shortcuts {
	display:				none					!important;
}

h1, h2, h3 {
	color: 					var(--blue)				!important;
	border: 				none					!important;
	font-weight:			500						!important;
	letter-spacing:			-1px;
}

header span,
.sub-heading span {
	color: 					var(--blue)				!important;
	font-weight:			500						!important;
	border: 				none					!important;
	padding: 				0						!important;
}

.sub-heading {
	border: 				none					!important;
	text-align: 			left					!important;
}

label {
	color: 					var(--blue)				!important;
	font-weight:			500						!important;
}

#order-standard_cart .order-summary h2 {
	color: 					#fff 					!important;
}

.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover,
#order-standard_cart .view-cart-items-header {
	background-color: 		var(--blue)				!important;
	color: 					#fff 					!important;
}

.panel-danger > .panel-heading {
    background-color: 		var(--beige-light);
}

#order-standard_cart .order-summary {
	background-color: 		var(--blue)				!important;
}

#order-standard_cart .order-summary {
	border:					none					!important;
}

small {
	color: 					var(--cyan)				!important;
	float:					left;
	width:					100%;
	padding:				10px 0 20px;
}

#order-standard_cart .order-summary .btn-continue-shopping {
	background-color:		transparent				!important;
	color: 					var(--blue)				!important;
}

.panel-sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle):not(.no-transform) {
	color:					inherit					!important;
}

.email-verification {
	position:				relative;
	z-index:				99999;
}

section#header {
	background:				var(--cyan);
	position:				fixed					!important;
	top:					50px;
	left:					0;
	width:					100%;
	padding: 				15px 0					!important;
	z-index: 				4;
	border-radius: 			0						!important;
}

@media (min-width: 992px) {
	section#header {
		top:				38px;
		padding: 			35px 0					!important;
	}
}

section#header .logo img {
	display:				none;
}

section#header .logo {
	position: 				absolute;
	background-image: 		url(/templates/six/img/serversaurus-logo-reversed.png);
	width: 					165px;
	height: 				25px;
	top:					-52px;
	left:					15px;
	background-size:		contain;
}

@media (min-width: 992px) {
	section#header .logo {
		background-image: 	url(/templates/six/img/serversaurus-logo.png);
		top:				0;
		left:				0;
		width: 				267px;
		height: 			40px;
	}
}

section#main-menu {
	z-index: 				3;
	position: 				relative;
}

section#main-body {
	min-height: 			0;
	padding: 				0;
}

section#header .container {
	position:				relative;
}

.main-content {
	margin-bottom: 			0						!important;
	min-height: 			0						!important;
}

.pull-left {
	width:					100%;
}

ul.top-nav {
	margin-top:				0						!important;
	font-weight:			500						!important;
	text-transform:			uppercase				!important;
}

#Primary_Navbar-Announcements {
	display:				none					!important;
}

@media (min-width: 992px) {
	#Primary_Navbar-Network_Status,
	#Primary_Navbar-Knowledgebase,
	#Primary_Navbar-Contact_Us	{
		display:			none					!important;
	}
}

a.list-group-item,
button.list-group-item {
    color: 					inherit						!important;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: 					#fff						!important;
    background-color: 		var(--blue-dark)			!important;
}

ul.top-nav > li > a {
	color:					var(--blue)					!important;
	font-size: 				14px						!important;
	height:					var(--header-inner-height);
	padding:				9px 5px;
}

.navbar {
    border-radius: 			0							!important;
}

.navbar-banner {
	text-align:				center;
}

.navbar-main .navbar-nav 	> li > a,
.navbar-banner				a {
	box-sizing:				border-box;
	padding:				13px 10px;
	font-size: 				14px;
	line-height:			1;
	height:					var(--header-inner-height);
	display:				inline-block;
	text-transform:			uppercase;
	text-decoration:		none	!important;
	position:				relative;
}

.navbar-main .navbar-nav 	> li > a:after,
.navbar-banner				a:after {
	content:				" ";
	position:				absolute;
	bottom:					0;
	left:					50%;
	transform:				translateX(-50%);
	height:					4px;
	background:				#fff;
	width:					0;
	transition: 			width 0.25s linear;
}

.navbar-main .navbar-nav 	> li > a:hover:after,
.navbar-banner				a:hover:after	{
	width:					100%;
}

.navbar-banner			a,
ul.top-nav > li:active 	> a,
ul.top-nav > li:focus 	> a,
ul.top-nav > li:hover 	> a,
ul.top-nav > li 		> a:focus {
	color: 					#fff					!important;
}

.navbar-banner				> a:hover,
.navbar-main .navbar-nav 	> .active 	> a,
.navbar-main .navbar-nav 	> .active	> a:focus,
.navbar-main .navbar-nav 	> .active 	> a:hover,
.navbar-main .navbar-nav 	> .open 	> a,
.navbar-main .navbar-nav 	> .open 	> a:focus,
.navbar-main .navbar-nav 	> .open 	> a:hover,
.navbar-main .navbar-nav 	> li 		> a:focus,
.navbar-main .navbar-nav 	> li 		> a:hover {
	background-color:		var(--blue-light)		!important;
	color:					#fff					!important;
}

.dropdown-menu {
	background-color:		var(--blue-light)		!important;
}

.dropdown-menu>li>a {
	color:					#fff					!important;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color:		var(--blue)				!important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	background-color:		var(--blue)				!important;
}
	
ul.top-nav > li.primary-action > a.btn {
	background:				var(--blue)				!important;
	color: 					#fff					!important;
	padding:				9px 10px				!important;
}

ul.top-nav > li.primary-action > a.btn:hover {
	background:				#fff					!important;
	color: 					var(--blue)				!important;
}

ul.top-nav > li.primary-action {
	padding-left: 			0						!important;
    border-left: 			none					!important;
}

.navbar-main {
	background-color: 		var(--blue)				!important;
	position:				fixed					!important;
	top:					0;
	left:					0;
	width:					100%;
	font-weight: 			500 					!important;
}

@media (min-width: 992px) {
	.navbar-main {
		top:				145px;
	}
}

.navbar-banner {
	display:				none;
}

@media (min-width: 992px) {
	.navbar-banner {
		display:				block;
		background-color: 		var(--blue);
		position:				fixed;
		top:					0;
		left:					0;
		width:					100%;
		height:					var(--header-inner-height);
		font-weight: 			500;
	}
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: 			var(--blue-light);
}

.navbar-main li.account {
	background-color: 		var(--blue-light);
}

.home-shortcuts {
	background-color: 		var(--blue)				!important;
}

.lead {
	font-weight:			500						!important;
}

.nav-divider {
	background-color: 		var(--blue-dark)		!important;
}

.dropdown-menu {
    padding: 				9px 0					!important;
}
	
section:nth-of-type(3) {
	padding:				175px 0 60px				!important;
}

@media (min-width: 992px) {
	section:nth-of-type(3) {
		padding:				250px 0 60px				!important;
		/*
		min-height: 			-moz-calc(100vh - 320px)	!important;
		min-height: 			-webkit-calc(100vh - 320px)	!important;
		min-height: 			-o-calc(100vh - 320px)		!important;
		min-height: 			calc(100vh - 320px)			!important;
		*/
	}
}

.home-shortcuts li {
    padding: 				39px 3px;
}

.home-shortcuts .lead {
    padding: 				33px 0;
}

section#footer {
    padding: 				45px 10px;
}

section#home-banner {
	background-color: 		#fff					!important;
}

input {
	background-color: 		#fcfcfc					!important;
	color: 					var(--blue-dark)		!important;
	-webkit-border-radius:	0						!important;
	-moz-border-radius:		0						!important;
	border-radius:			0						!important;
	-webkit-box-shadow: 	none					!important;
	box-shadow: 			none					!important;
	border:					1px solid #eee			!important;
}

iframe {
	margin:					var(--margin) 0;
	float:					left;
}

.dataTables_wrapper .dataTables_info {
    background-color: #f5f5f5	!important;
    color: var(--blue) !important;
}
	
.domain-checker-bg {
	background:				transparent				!important;
}

.domain-checker-container .input-group-box {
	padding:				0						!important;
}

.label-default,
.label-info {
	background-color:		var(--blue-dark)		!important;
}

.label-success {
	background-color:		var(--cyan-dark)		!important;
}

a, button {
	-webkit-transition: 	all 0.25s linear;
	-moz-transition: 		all 0.25s linear;
	-o-transition: 			all 0.25s linear;
	transition: 			all 0.25s linear;
}

.btn {
	border: 				none					!important;
	background-color: 		var(--cyan-dark)		!important;
	color: 					#fff					!important;
	-webkit-border-radius:	3px						!important;
	-moz-border-radius:		3px						!important;
	border-radius:			3px						!important;
	font-weight:			500						!important;
}

.btn:hover {
	background-color: 		var(--cyan-light)		!important;
	color: 					#fff					!important;
}

.input-group-btn .btn {
 	-webkit-border-radius:	0						!important;
	-moz-border-radius:		0						!important;
	border-radius:			0						!important;
}

.recaptcha-checkbox-expired .recaptcha-checkbox-border, .recaptcha-checkbox-expired .recaptcha-checkbox-spinner-gif {
    border: 				2px solid #ff0000;
}

section#home-banner .btn.transfer {
	background-color: 		var(--blue)				!important;
	color: 					#fff					!important;
}

section#home-banner .btn.transfer:hover {
	background-color: 		var(--blue-light)		!important;
}

section#footer {
	display:				none;
}

section#footer-top {
	background-color: 		var(--blue);
	color:					#fff;
	padding: 				30px 10px;
}

#footer-top 	a,
#footer-bottom	a {
	color:					#fff	!important;
	text-decoration:		none	!important;
}

#footer-top 	a:hover,
#footer-bottom	a:hover {
	color:					var(--cyan-light)	!important; 
}

.footer-top-inner {
	display: 				grid;
	font-weight: 			500;
	grid-row-gap: 			15px;
	grid-template-columns: 	1fr;
}

@media (min-width: 992px) {
	.footer-top-inner {
		grid-template-columns: 	267px 1fr;
		grid-column-gap: 		30px;
	}
}

.footer-logo {
	height: 				20px;
	width: 					133px;
    float: 					left;
    background-image: 		url(/templates/six/img/serversaurus-logo-reversed.png);
	background-size:		contain;
}

@media (min-width: 992px) {
	.footer-logo {
		width: 				267px;
		height: 			40px;
	}
}


.footer-top-inner	.media {
	background-image:		url(/templates/six/img/whmcs-sprite.png);
	display:				inline-block;
	height:					40px;
	width:					40px;
	margin:					10px 10px 0 0;
	background-size:		auto 25px;
	background-repeat: 		no-repeat;
	border-radius:			50%;
	background-color:		#fff;
	transition: 			background-color 0.25s linear;
}

.footer-top-inner	.media:hover {
	background-color:		var(--cyan-light);
}

.media-facebook 	{ background-position:	-116px 8px;  }
.media-twitter 		{ background-position:	-182px 8px; }
.media-linkedin 	{ background-position:	-56px 8px; }

section#footer-bottom {
	background-color: 		var(--blue-dark);
	color:					#fff;
	padding: 				30px 90px 30px 10px;
	position:				relative;
}

section#footer-bottom .back-to-top {
    position:				absolute;
	top:					45px;
	right:					25px;
}

section#footer-bottom .back-to-top {
    float: 					right;
}

section#footer-bottom .back-to-top i {
    background-color: 		#fff 					!important;
    color: 					var(--blue) 			!important;
    opacity: 				1;
    padding: 				10px;
    border-radius: 			3px;
}

.input-group {
	-webkit-box-shadow: 	0px 3px 14px -1px rgba(0,0,0,.15);
	-moz-box-shadow: 		0px 3px 14px -1px rgba(0,0,0,.15);
	box-shadow: 			0px 3px 14px -1px rgba(0,0,0,.15);
}

#frmDomainHomepage {
	margin-top:				25px;
}

.home-shortcuts li {
	border-color:			#fff					!important;
}

section#footer .back-to-top i {
	background-color: 		#fff					!important;
	color:					var(--blue)				!important;
	opacity: 				1						!important;
}

.domain-checker-container {
	margin: 				0;
	background: 			transparent				!important;
}

#frmDomainChecker .row > div {
	margin-left:			0;
	width:					100%					!important;
}

::-webkit-input-placeholder {
	color: 					var(--cyan)				!important;
	opacity:				1						!important;
}

::-moz-placeholder {
	color: 					var(--cyan)				!important;
	opacity:				1						!important;
}

::-ms-input-placeholder {
	color: 					var(--cyan)				!important;
	opacity:				1						!important;
}

::placeholder {
	color: 					var(--cyan)				!important;
	opacity:				1						!important;
}

.progress-bar-warning {
    background-color: 				#f0ad4e;
}

.alert,
.form-stacked {
    float: 					left;
    width: 					100%;
}

.alert-success {
    color: 				#fff						!important;
    background-color: 	var(--cyan-light)			!important;
    border-color: 		var(--cyan-light)			!important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: 		var(--cyan-dark)			!important;
}