/* ================================== */
/* =             Config             = */
/* ================================== */

/* .config-menu { font-size:13px } */
/*   .config-menu .menu-hint { font-weight:normal; padding-left:5px; color:#aaa; font-style:italic; font-size:12px; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; } */
/*   .config-menu a { text-decoration:none; padding:10px 10px 10px 25px; display:block; border-bottom:solid 1px #eee; } */
/*   .config-menu a:hover { color:#000; } */
/*   .config-menu a.last-item { border-bottom:0 } */
/*   .config-menu a.selected.last-item { border-bottom:solid 1px #eee} */
/*   .config-menu a.first-item { margin-top:1px;} */
/*   .config-menu a.selected.first-item { border-top:solid 1px #eee; margin-top:0;} */
/*   .config-menu a.selected { color:#000; font-weight:bold; background-color:#fff } */

.config { display:flex; width:fit-content; max-width:100% }
  .config-menu { flex:none; width:230px; padding-top:15px; min-height:300px }

.config-content { width:620px; min-width:0; padding:15px 30px; font-size:14px; line-height:1.5em }
  .config-content h3 { font-size:20px; font-weight:normal }
  .config-content code { background-color:#eee; padding:1px 4px;  -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;}

  .config-box { background-color:#f5f5f5; padding:15px 20px; width:450px; line-height:2.3em}
    .config-box input[type=submit] { width:100px; margin-top:15px }
    .config-box code { background-color:inherit }
    .config-box input[type=text],
    .config-box input[type=password] { font-size:14px }
    .config-box label.group-name,
    .config-box label.success-url,
    .config-box label.failure-url { display:inline-block; width:115px }

    .edit-current-user  { margin-top:15px }
      .edit-current-user .field { margin-top:15px; line-height:1.2em; }
      .edit-current-user hr { color:#eee; margin:30px 0 20px 0; }
      .edit-current-user .admin { color:#777; font-size:14px }

    .edit-current-account { margin-top:15px }
      .edit-current-account .field { margin-top:15px; line-height:1.2em; }


   /* Have a plan */
  .payment-box { border:solid 0px #eee; padding:15px; width:220px; float:left; margin:20px 20px 0 0; text-align:center; }
    .payment-box .price { font-size: 22px;}
    .payment-box .price .per-month { font-size: 14px; font-style:italic;}
    .payment-box .discount { font-style:italic; font-size:14px }
    .payment-box input[type=submit] { margin:15px 0 15px 0 }

  .payments h2 { margin-bottom: 0 }

@media (max-width: 767px) {
  .config { flex-direction:column; width:auto }
  .config-menu { display:flex; flex-wrap:wrap; width:auto; padding-top:0; min-height:0 }
    .config-menu a { flex:1 1 auto; text-align:center; padding:10px 12px; border:0 !important; margin:0 }
    .config-menu .menu-hint { display:none }
  .config-content { width:auto; padding:15px }
  .config-box { box-sizing:border-box; max-width:100% }
}