/* Login Page */
.card-3 {
    /* margin:0 auto centers horizontally without using `margin-top:auto` —
       that auto-top in a column flex parent pushed the card to the BOTTOM
       (consumed all vertical slack as top margin). With it removed the
       parent's justify-content:center actually centres the card. */
    width:630px; margin:0 auto; border-radius:15px; padding:7vw !important; padding-top:35px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    background-color:#f5f5f5;
}
.body-bg { background-color: #475d77; }
.register-field {
    height:60px !important; border-radius:10px !important; background-color:#ffffff !important; border:none !important;
    background-image: url("/assets/register.png") !important; background-repeat:no-repeat;
    background-position-x:10px; background-position-y:20px; padding-left:45px !important;
}
.login-field {
    height:60px !important; border-radius:10px !important; background-color:#ffffff !important; border:none !important;
    background-image: url("/assets/env.png") !important; background-repeat:no-repeat;
    background-position-x:10px; background-position-y:20px; padding-left:45px !important;
}
.password-field {
    height:60px !important; border-radius:10px !important; background-color:#ffffff !important; border:none !important;
    background-image: url("/assets/pass.png") !important; background-repeat:no-repeat;
    background-position-x:10px; background-position-y:20px; padding-left:45px !important;
}
.btn-primary.lg-btn {
    background-color:#272d41 !important; border-radius:15px !important; height:60px; font-size:24px; border:none;
}
.gol-btn { border-radius:15px !important; height:60px; padding-top:12px !important; border:solid 1px #b0b0b0 !important; color:#000 !important; }
.btn-outline-primary:hover { color:#fff !important; background-color:#272d41 !important; border-color:#272d41 !important; }
.label-title { font-size:18px; color:#000; font-weight:700; }
.lg-main-title { font-size:20px; color:#000; font-weight:700; text-transform:uppercase; }
.sign-up { font-size:16px; color:#000; font-weight:400; }
.login-or { font-weight:600; font-size:18px; text-align:center; margin-top:10px; }


/* Pricing table (dashboard/order.php) */
.pricing_table .card {
    cursor:pointer; box-shadow:0 3px 15px rgba(0,0,0,.09); transition-duration:.3s;
}
.pricing_table .card.discarded { opacity:.6; filter:grayscale(.6); }
.pricing_table .card:hover, .pricing_table .card.selected {
    border-color:#464e68; box-shadow:0 3px 18px rgba(0,0,0,.14); opacity:1; filter:unset;
}
.pricing_table table { width:100%; }
.pricing_table i {
    font-style:unset; font-weight:900; color:#fff;
    width:32px; height:32px; padding:5px 2px; display:inline-block; border-radius:26px; text-align:center;
}
.pricing_table i.y { background:#229922; }
.pricing_table i.n { background:#992222; }
.pricing_table table tr span {
    border-radius:5px; background:#007bff; color:#fff; padding:5px 10px;
    font-size:20px; display:inline-block; margin-top:10px;
}


/* Stats page */
.stats_container { position:relative; }
.stats_container button {
    cursor:pointer; padding:0; border:none; background-color:#f44336; color:#fff;
    font-size:16px; position:absolute; top:-5px; border-radius:100px; right:-5px; width:28px; height:28px;
}


/* Misc dashboard utilities */
.modal-body img { margin:auto; }
.value_free { opacity:0; pointer-events:none; }
table.coupons td { vertical-align:middle; }
table.coupons td:nth-child(-n+8) { min-width:150px; }
table.coupons td:nth-child(2) { min-width:0; }