html {
	height: 100%;
	box-sizing: border-box;
 }
 
 body {
	 font-size: 16px;
 }
 
 a {
	 color: #228b98;
 }
 
 a:hover {
	 color: #23aabb;
 }
 
 img {
	 border-radius: 3px;
 }
 
 p, label {
	 font-size: 14px;
 }
 
 #main-nav {
	  background-color: #222f3c!important;
	 /* background-color: #218b98!important;
	 background-image: url(../assets/topbg.jpg); */
	 background-position: right;
	 background-repeat: no-repeat;
	 background-size: auto;
 }
 
 .navbar-brand {
	 padding-top: .2rem;
 }
 
 .nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
 }
 
 .nav-scroller .nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	color: rgba(255, 255, 255, .75);
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
 }
 
 .nav-underline .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .875rem;
	color: #6c757d;
 }
 
 .dropdown-menu, .dropdown-item {
	 font-size: 14px!important;
 }
 
 .nav-underline .nav-link:hover {
	color: #007bff;
 }
 
 .nav-underline .active {
	font-weight: 500;
	color: #343a40;
 }
 
 .text-white-50 { color: rgba(255, 255, 255, .5); }
 
 .bg-purple { background-color: #6f42c1; }
 
 .lh-100 { line-height: 1; }
 .lh-125 { line-height: 1.25; }
 .lh-150 { line-height: 1.5; }
 
 .download-button small {
	 position: relative;
	 top: -2px;
 }
 
 
 footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: #fff;
 }
 
 footer p {
	margin-bottom: .25rem;
 }
 
 main {
	 background-color: #e8e8e8!important;
 }
 
 
 .price { font-size: 20px; font-weight: 600; }
 .price ins { color: green; }
 .price del { color: lightgray; font-size: 90%; }
 
 
 /* --- #packages-show -------------------- */
 
 #packages-show .package-icon {
	 vertical-align: top;
	 float: left;
	 margin-bottom: 10px;
	 margin-right: 10px;
 }
 
 #packages-show .actions {
	 text-align: right;
 }
 
 #packages-show .actions a, #packages-show .actions button {
	 opacity: 0.5;
	 display: inline-block;
	 background: #666;
	 width: 24px;
	 height: 24px;
	 text-align: center;
	 border-radius: 3px;
	 color: #fff;
	 transition: opacity 400ms;
	 white-space: nowrap!important;
	 user-select: none!important;
	 -webkit-appearance: unset;
	 border: none;
	 vertical-align: top;
	 cursor: pointer;
 }
 
 #packages-show .actions a:hover, #packages-show .actions button:hover {
	 opacity: 1;
	 transition: opacity 200ms;
 }
 
 
 /* --- #users-index ---------------------- */
 
 #users-index .actions {
	 text-align: right;
 }
 
 #users-index .actions a, #users-index .actions button {
	 opacity: 0.5;
	 display: inline-block;
	 background: #666;
	 width: 24px;
	 height: 24px;
	 text-align: center;
	 border-radius: 3px;
	 color: #fff;
	 transition: opacity 400ms;
	 white-space: nowrap!important;
	 user-select: none!important;
	 -webkit-appearance: unset;
	 border: none;
	 vertical-align: top;
	 cursor: pointer;
 }
 
 #users-index .actions a:hover, #users-index .actions button:hover {
	 opacity: 1;
	 transition: opacity 200ms;
 }
 
 
 /* --- #users-show ----------------------- */
 
 
 small.license-key {
	 display: block;
	 position: relative;
	 top: -3px;
 }
 
 
 #users-show .actions {
	 text-align: right;
 }
 
 #users-show .actions a, #users-show .actions button {
	 opacity: 0.5;
	 display: inline-block;
	 background: #666;
	 width: 24px;
	 height: 24px;
	 text-align: center;
	 border-radius: 3px;
	 color: #fff;
	 transition: opacity 400ms;
	 white-space: nowrap!important;
	 user-select: none!important;
	 -webkit-appearance: unset;
	 border: none;
	 vertical-align: top;
	 cursor: pointer;
 }
 
 #users-show .actions a:hover, #users-show .actions button:hover {
	 opacity: 1;
	 transition: opacity 200ms;
 }
 
 .mce-branding { display:none!important; }
 
 
 @media (max-width:768px) {
	 .nav-scroller .nav {
		 width: 100%!important;
		 float: none!important;
	 }
 }
 
 
 @media (min-width: 1900px) {
	.container { max-width: 1600px; }  
	#user-list tr > th:nth-of-type(3) { width:35%!important; }
 }
 
 
 #package-updates .media:last-of-type .border-bottom { border:0!important; }
 #package-list .card p { min-height:3em; }
 
 
 
 
 a[href*=".pdf"] {
	 display: inline-block;
	 background: #28a5a7;
	 color: #fff;
	 border-radius: 3px;
	 padding: 8px 16px;
	 text-decoration: none;
 }
 
 a[href*=".pdf"]:before {
	content: "\f02d";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: .5em;
 }
 
 a[href*=".pdf"]:hover {
	background-color: #167374;
 }