/* 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; }

.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; line-height: 60px; /* Vertically center the text there */ }


div.ffa-logo { display: inline-block; }
div.ffa-logo img { vertical-align: top; }
div.ffa-logo-text { font-family: Verdana; font-weight: 700; font-size: 16px; display: inline-block; line-height: 23px; }
div.title { display: inline-block; line-height:70px; vertical-align: top; margin-left:20px; }

.likertInputs label { display: inline-block; width: 50px; text-align: center; cursor: pointer; text-align: right; }

.graph-bar { position: relative; height: 50px; }
    .graph-bar span { position: absolute; left: 15px; }
        .graph-bar span.graph-bar-title { margin-left: 10px; }

.charts ul { list-style-type: none; }





/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 60px; height: 34px; float: right; }

    /* Hide default HTML checkbox */
    .switch input { display: none; }

/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

    .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input.default:checked + .slider { background-color: #444; }
input.primary:checked + .slider { background-color: #2196F3; }
input.success:checked + .slider { background-color: #8bc34a; }
input.info:checked + .slider { background-color: #3de0f5; }
input.warning:checked + .slider { background-color: #FFC107; }
input.danger:checked + .slider { background-color: #f44336; }

input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }

    .slider.round:before { border-radius: 50%; }