.dropdown-menu {
	z-index: 9999999 !important;
	position: absolute;
}

.modal-md {
    max-width: 600px !important;
}

.modal-lg {
	max-width: 800px !important;
}

.modal-xl {
	max-width: 1000px !important;
}

.float-logo {
	width: 150px;
	height: 120px;
	border-radius: 0px 0px 0px 0px;
	padding: 15px;
	z-index: 99999;
	background-color: #00003c;
}

.float-logo img{
	display: block;
	align-self: center;
	max-width: 100%;
}

.navbar-inner {
	height: 60px !important;
}

.body-container {
	background-image: linear-gradient(#6baace, #264783);
	background-attachment: fixed;
	background-repeat: no-repeat;
 }
 
 .carousel-item > div {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
 }

 #login-bg-1 {
	 background-image: url("../ace/assets/image/login-bg-1.jpg");
 }

 #login-bg-2 {
	 background-image: url("../ace/assets/image/login-bg-2.jpg");
 }

 #login-bg-3 {
	 background-image: url("../ace/assets/image/login-bg-3.jpg");
 }

 #login-bg-4 {
	 background-image: url("../ace/assets/image/login-bg-4.jpg");
 }
 
 /* these rules are used to make sure in mobile devices, tab panes are not all the same height (for example 'forgot' pane is not as tall as 'signup' pane) */
 
 @media (max-width: 1199.98px) {
	.tab-sliding .tab-pane:not(.active) {
	   max-height: 0 !important;
	}
	.tab-sliding .tab-pane.active {
	   min-height: 80vh;
	   max-height: none !important;
	}
 }

 .bootstrap-wysiwyg-toolbar > .btn-group {
	background-color: #fff;
	margin-right: 0.25rem;
	border-radius: 0.25rem;
 }