@font-face {
    font-display: swap;
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/ibm-plex-sans-v23-latin-regular.woff2') format('woff2');
}

body {
    font-family: 'IBM Plex Sans';
    padding-bottom: 40px;
}

main {
    padding-top: 2rem;
}

.navbar-login-name {
	font-style: italic;
}

.navbar-login-name-admin {
	background: url(../images/sign-admin.png) no-repeat top right;
	padding-right: 20px;
}

/* global styles */

h1 {
	margin-bottom: 40px;
}

p {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

/* colour up your life */

.navbar {
    box-shadow: 1px 0 3px 0 #333388;
}

.navbar-inverse {
    background-color: #050522;
    background-image: linear-gradient(to bottom, #333355, #111133);
    background-repeat: repeat-x;
    border-color: #252525;
    color: #fff;
}

.navbar-inverse a {
    color: #ccc;
}

.navbar-inverse li.active {
    background: #333388
}

.navbar-inverse a.active {
    color: #efefef !important;
}

.navbar-inverse a:hover {
    color: #fff !important;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #333388;
}


div.container a.brand {
    background: url("../images/loginbutler-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 15px;
    padding: 8px 20px 12px 40px;
    text-indent: -9999px;
    width: 64px;
}

/* rates */
table.table-rates tr td:first-child {
	width: 20%;
}

/* legal notice */
.legal-notice-skills {
	font-style: italic;
}

.page-legal-notice dl {
	font-size: 1.125rem;
}

.page-legal-notice dt {
	float: left;
	width: 85px;
}

.page-legal-notice dl a {
	color: inherit;
	text-decoration: none;
}

.page-legal-notice dl a:hover {
	color: #005588;
	text-decoration: underline;
}

.page-legal-notice .logo-column {
	width: auto;
}

thead {
	font-weight: bold;
}

/* downloads */
table.table-downloads  {
	max-width: 450px;
}

/* front page */

/* login error page */
.alert-error.login-error {
	width: 224px;
}

.navbar-inner .container {
       position: relative;
}

div.container a.brand {
       margin-left: 99px;
}

li.disabled {
	color:			#aaa;	
}


div.container a.navbar-brand {
    background: url("/assets/images/loginbutler-logo.png") no-repeat scroll 0 10px transparent;
    text-indent: -9999px;
    width: 105px;
}


.btn-info {
    color: #fff;
    font-size: 1.125rem;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #49afcd;
    background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}

.btn-info:hover {
    color: #fff;
    background-color: #2f96b4;
    background-position: 0 -15px;
    transition: background-position .1s linear;
}

footer a {
    text-decoration: none;
}

.btn:first-child:active, :not(.btn-check) + .btn:active {
    background-position: 0;
}

.navbar-toggler:focus,
a:focus {
    outline: 2px solid #0d6efd !important;
    outline-offset: 3px !important;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.nav-link:focus {
    color: #fff;
}

.logo-column img {
    width: 50px;
}

.navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28225, 225, 225, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}