body,html {height:100%;}
body {background:#efefef;}
section {padding:50px 0;}
header {background:#fff; padding:30px 0; text-align:center;}
footer {background:#041E42; padding: 15px 0;}
main {display:flex; min-height:calc(100% - 182px); flex-direction:column; justify-content:center; border: 15px solid #fff; border-top: 0;}
.input-group .btn {display:inline-flex;}
.input-group .btn-secondary {background-color: #e9ecef; border: 1px solid #ced4da; color: #495057;}
.input-group .btn-secondary:hover {color: #fff; background-color: #5a6268; border-color: #545b62;}
.bg-blue {background: #041E42;}
.form-control[readonly] {background-color: #e9ecef;opacity: 1;}
#sidebar {
    scrollbar-width: thin;          /* Firefox */
    scrollbar-color: #888 #f1f1f1;  /* Firefox */
}

/* Chrome, Edge, Safari */
#sidebar::-webkit-scrollbar {
    width: 8px;
}

#sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

#sidebar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

#sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}