/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand { white-space: normal; text-align: center; word-break: break-all; }

/* Provide sufficient contrast against white background */
a { color: #0366d6; }

.btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }

.navbar { background-color:#222; }
.navbar-brand img { margin-top:-4px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }

/* Sticky footer styles
-------------------------------------------------- */
html { font-size: 14px; }
@media (min-width: 768px) {
    html { font-size: 16px; }
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

button.accept-policy { font-size: 1rem; line-height: inherit; }

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

body { /* Margin bottom by footer height */ margin-bottom: 60px; }
.footer { position: absolute; bottom: 0; width: 100%; white-space: nowrap; background-color:#333; line-height: 60px; /* Vertically center the text there */ }
.footer .footer-copyright { color:#ccc; }

/* Form styles */
.form label { width: 150px; display: inline-block; }
.form-small label { width: 100px !important; }

.form { width: 600px; text-align: left; margin: 0 auto; }
.form-small { width: 320px; }
.form-medium { width: 400px; }
.form-large { width: 500px; }
.form-full { width: 100%; }

.form input,
.form textarea,
.form select { padding: 8px 18px; border: solid 1px #aaa; border-radius: 20px; }

.form-medium input,
.form-medium textarea,
.form-medium select { width: 244px; }

.form-medium input[type="submit"],
.form-medium input[type="button"],
.form-medium input[type="checkbox"],
.form-medium input[type="radio"] { width: auto; }

.form .invisible-field { border: solid 1px transparent; outline: none; }
.form .invisible-field:focus { border: solid 1px #aaa; }

.form .field-row { padding: 8px 0; }

/* Sections */
.section-container { text-align:center; }

.section { width: 200px; height: 200px; border-radius: 40px; display: inline-block; box-shadow: 0 0 6px rgb(0 0 0 / 30%); margin: 2em; padding: 2em; overflow:hidden; }
.section a { width: 100%; height: 100%; display: inline-block; color: #333; text-decoration: none; }
.section h3 { font-size:1.4em; }
.section ul { text-align:left; }
.sectiont:hover { box-shadow: 0 0 8px rgba(0,0,0, 0.5); cursor: pointer; color: #000; }

.section-container .purple { background: rgb(155, 137, 160); background: linear-gradient(5deg, rgb(155, 137, 160) 0%, rgb(237, 193, 252) 100%); }
.section-container .blue { background: rgb(159,177,195); background: linear-gradient(5deg, rgba(159,177,195,1) 0%, rgba(193,224,252,1) 100%); }
.section-container .green { background: rgb(166, 195, 159); background: linear-gradient(5deg, rgb(166, 195, 159) 0%, rgb(205, 252, 193) 100%); }

/* Business card */
.business-card { border:solid 1px #ccc; margin-bottom:2em; border-radius:0.5em; background-color:#f9f9f9; }
.business-card:hover { box-shadow:0 0 10px rgba(0, 0, 0, 0.2); cursor:pointer; }
.business-card a { display:inline-block; width:100%; height:100%; color:inherit; text-decoration:none; padding:1em; }

.business-card.deleted { color:#600; background-color:#fee; }
.business-card.live { color:#064409; background-color:#e2ede3; }

.business-card .created { float:right; color:#aaa; }
.business-card .state { float:right; font-weight:bold; opacity:0.7; }
.business-card .owner { font-weight:bold; opacity:0.7; }

/* Customer card */
.customer-card { border: solid 1px #ccc; margin-bottom:2em; border-radius:0.5em; background-color:#f9f9f9; }
.customer-card:hover { box-shadow:0 0 10px rgba(0, 0, 0, 0.2); cursor:pointer; }
.customer-card a { display:inline-block; width:100%; height:100%; color:inherit; text-decoration:none; padding:1em; }

.customer-card.disabled { color:#999; background-color:#fee; }

.customer-card .created { float:right; color:#aaa; }
.customer-card .not-verified { color:#efb662; }
.customer-card h3 span { font-size: 16px; font-weight: normal; }

/* Misc */
.text-logout { color:#d2c3eb !important; }
.text-logout:hover { color:#baa4e1 !important; }