@charset "UTF-8";

:root {
  --blue: #3d4c6b;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #3d4c6b;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.menu

/*.centered {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
}*/


 *, *::before, *::after {
  box-sizing: border-box;
  font-display: swap;
}



::selection {
  background: rgba(112, 106, 176, 0.25);
}
::-moz-selection {
  background: rgba(112, 106, 176, 0.25);
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.25);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.5);
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-link {
  color: #3d4c6b;
}
a.text-primary:hover,
a.text-primary:focus,
a:hover,
.page-link:hover,
.btn-link:hover {
  color: #38327d;
}
.btn-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.page-item.active .page-link,
.list-group-item.active {
    /* Change Color
    background-color: #3d4c6b;
  border-color: #3d4c6b;
      */
    background-color: #3d4c6b;
    border-color: #3d4c6b;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #38327d;
  border-color: #38327d;
}
.btn-outline-primary {
    /*
    color: #3d4c6b;
  border-color: #3d4c6b;
      */
    color: #3d4c6b;
    border-color: #3d4c6b;
}
.custom-range::-webkit-slider-thumb,
.custom-range::-moz-range-thumb,
.custom-range::-moz-range-thumb,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.badge-primary,
.progress-bar {
  background-color: #3d4c6b !important;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #3d4c6b!important;
}
.dropdown-item.focus,
.dropdown-item:focus {
  outline: none;
}
.bg-primary,
.badge-primary {
    /* Change Color
   background-color: #3d4c6b!important;*/
    background-color: #3d4c6b !important;
}
.border-primary {
  border-color: #3d4c6b!important;
}
.text-primary {
  color: #3d4c6b!important;
}
.btn-primary:focus, .btn-primary.focus,
.btn-outline-primary:focus, .btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus,
.page-link:focus,
a.badge-primary:focus, a.badge-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus{
  box-shadow: 0 0 0 0.2rem rgba(112, 106, 176, 0.5);
}
.btn:focus, .btn.focus,
.custom-control-input:focus ~ .custom-control-label::before,
.custom-select:focus,
.custom-file-input:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(112, 106, 176, 0.25);
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(112, 106, 176, 0.5);
}
.custom-range:focus::-webkit-slider-thumb,
.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(112, 106, 176, 0.25);
}
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+SC:wght@100&display=swap');

.navbar-brand {
    font-family: 'Encode Sans SC', sans-serif;
}