/* ===== Albakio brand theme for PostfixAdmin ===== */
body{
  background:linear-gradient(135deg,#f7f6fd 0%,#fdfcff 45%,#faf8ff 100%)!important;
  color:#1d1d26!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif!important;
}
#login_header_logo{display:block;margin:2.5rem auto 1.5rem auto;max-width:280px;height:auto}

/* top navigation */
.navbar,.navbar-default{
  background:#fff!important;border:0!important;
  border-bottom:1px solid #ecebf5!important;
  box-shadow:0 1px 3px rgba(30,25,80,.05)!important;border-radius:0!important}
.navbar-default .navbar-brand{color:#ED1C24!important;font-weight:700!important}
.navbar-default .navbar-nav>li>a{color:#5d5c74!important;font-weight:500}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
  color:#ED1C24!important;background:rgba(237,28,36,.08)!important;border-radius:10px}

/* cards / panels */
.panel,.well,.table-responsive,.container>form{
  background:#fff!important;border:0!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(30,25,80,.05),0 8px 24px rgba(30,25,80,.05)!important}
.panel-heading{
  background:#fff!important;border-bottom:1px solid #f0eff8!important;
  border-radius:16px 16px 0 0!important;font-weight:700!important;color:#15151d!important}
.panel-default>.panel-heading{color:#15151d!important}

/* buttons */
.btn{border-radius:999px!important;padding:8px 20px!important;font-weight:600!important}
.btn-primary,.btn-success,input[type=submit].btn{
  background:#ED1C24!important;border-color:#ED1C24!important;color:#fff!important;
  box-shadow:0 4px 14px rgba(237,28,36,.25)!important}
.btn-primary:hover,.btn-primary:focus,.btn-success:hover,input[type=submit].btn:hover{
  background:#C4161C!important;border-color:#C4161C!important}
.btn-danger{background:#8d8c9f!important;border-color:#8d8c9f!important}
.btn-danger:hover{background:#6f6e86!important;border-color:#6f6e86!important}

/* tables */
.table{background:#fff!important;border-radius:14px!important;overflow:hidden}
.table>thead>tr>th{
  background:#faf9ff!important;border-bottom:2px solid #f0eff8!important;
  color:#6f6e86!important;font-weight:700!important;text-transform:uppercase;
  font-size:.72rem!important;letter-spacing:.6px}
.table>tbody>tr>td{border-top:1px solid #f4f3fb!important;vertical-align:middle!important}
.table-striped>tbody>tr:nth-of-type(odd){background:#fcfbff!important}
.table-hover>tbody>tr:hover{background:rgba(237,28,36,.05)!important}

/* forms */
.form-control,input[type=text],input[type=password],input[type=email],select,textarea{
  border-radius:12px!important;border:1px solid #e6e5f2!important;
  box-shadow:none!important;padding:10px 14px!important;height:auto!important}
.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color:#ED1C24!important;box-shadow:0 0 0 3px rgba(237,28,36,.14)!important;outline:none!important}
label{color:#4a4960!important;font-weight:600!important}

/* links + alerts */
a,a:visited{color:#ED1C24}
a:hover{color:#C4161C}
.alert-success{background:#f1fbf4!important;border:1px solid #cdeedb!important;color:#1c6b3d!important;border-radius:12px!important}
.alert-danger,.alert-error{background:#fef3f3!important;border:1px solid #f7d4d6!important;color:#9c1f24!important;border-radius:12px!important}
.alert{border-radius:12px!important}
h1,h2,h3{color:#15151d!important;font-weight:700!important;letter-spacing:-.3px}
footer,.footer{color:#9b9ab2!important}
#login_header_logo{max-width:none!important;max-height:150px!important;width:auto!important;height:auto!important;margin:2rem auto 1.25rem auto!important}
/* ===== login page: centre it and make it a proper card ===== */
body.page-login{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:6vh!important}
body.page-login>.container,body.page-login .container{
  width:auto!important;min-width:0!important;max-width:440px!important;margin:0 auto!important;float:none!important}
body.page-login #login{max-width:440px!important;margin:0 auto!important}
body.page-login .navbar{display:none!important}
#login_header_logo{display:block!important;margin:0 auto 1.5rem auto!important;max-height:150px!important;width:auto!important}
body.page-login h2,body.page-login .h2{
  text-align:center!important;font-size:1.05rem!important;font-weight:600!important;
  color:#6f6e86!important;margin:0 0 1.25rem 0!important;letter-spacing:.1px}
body.page-login .well{
  background:#fff!important;border:0!important;border-radius:18px!important;padding:1.75rem!important;
  box-shadow:0 2px 6px rgba(30,25,80,.06),0 14px 40px rgba(30,25,80,.08)!important;
  border-top:4px solid #ED1C24!important}
body.page-login .form-group{margin-bottom:1rem!important}
body.page-login label{display:block!important;margin-bottom:.35rem!important;font-size:.82rem!important;color:#6f6e86!important}
body.page-login .form-control,body.page-login input[type=text],body.page-login input[type=password],body.page-login select{
  width:100%!important;display:block!important}
body.page-login .btn,body.page-login input[type=submit]{width:100%!important;padding:11px 20px!important;margin-top:.4rem!important}
body.page-login .text-center a,body.page-login .container.text-center a{
  color:#9b9ab2!important;text-decoration:none!important;font-size:.82rem!important}
body.page-login .text-center a:hover{color:#ED1C24!important}
body.page-login .container.text-center{margin-top:1rem!important}
/* ===== login page corrections ===== */
/* the logo lives inside .navbar - show it, just make the bar invisible */
body.page-login .navbar,body.page-login .navbar-default{
  display:block!important;background:transparent!important;border:0!important;
  box-shadow:none!important;margin:0 0 .5rem 0!important;min-height:0!important}
body.page-login .navbar-header{float:none!important;display:block!important;text-align:center!important}
body.page-login a.navbar-brand{
  display:block!important;float:none!important;height:auto!important;
  padding:0!important;margin:0 auto!important;text-align:center!important}
body.page-login #login_header_logo{
  display:block!important;margin:0 auto 1.25rem auto!important;
  max-height:140px!important;max-width:none!important;width:auto!important;height:auto!important}
/* footer links to the bottom, centred and quiet */
body.page-login .container.text-center{
  position:static!important;float:none!important;clear:both!important;
  margin:1.5rem auto 0 auto!important;max-width:440px!important;text-align:center!important;
  font-size:.78rem!important;color:#b4b3c6!important}
body.page-login .container.text-center a{color:#b4b3c6!important}
/* keep the red edge inside the rounded corners */
body.page-login .well{border-top:0!important;position:relative!important;overflow:hidden!important}
body.page-login .well:before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ED1C24}
/* ===== final polish ===== */
/* the version/footer strip: push it to the bottom, centred, quiet */
body.page-login>.container:last-of-type,
body.page-login .container.text-center:last-of-type{
  position:fixed!important;bottom:18px!important;left:0!important;right:0!important;
  top:auto!important;width:100%!important;max-width:none!important;
  margin:0!important;text-align:center!important;font-size:.75rem!important;opacity:.55!important}
/* red edge must follow the card's rounded corners */
body.page-login .well{border-radius:18px!important}
body.page-login .well:before{border-radius:18px 18px 0 0!important}