/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.text-start {
  text-align: start !important; }

.text-center {
  text-align: center !important; }

.text-end {
  text-align: end !important; }

.text-success {
  color: #2ecc71; }

.text-warning {
  color: #ffc61c; }

.text-danger {
  color: #c0392b; }

.fas.fa-check-circle {
  color: #2ecc71;
  font-size: 1.5em; }

.fas.fa-times-circle {
  color: #c0392b;
  font-size: 1.5em; }

.info-text {
  color: #777;
  font-size: 0.9em;
  padding-left: 5px; }

p + .info-text {
  position: relative;
  top: -10px; }

.pull-right {
  display: flex;
  justify-content: flex-end; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.hidden {
  display: none !important; }

input[readonly=readonly] {
  background-color: #E3E3E3; }

button {
  background-color: none;
  border: none; }

.pointer {
  cursor: pointer; }

.font-weight-normal {
  font-weight: normal; }

hr.hr-thin {
  height: 1px;
  color: #999;
  background-color: #999;
  border: none;
  margin-bottom: 8px !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 1rem !important; }

.mt-2 {
  margin-top: 2rem !important; }

.mt-3 {
  margin-top: 3rem !important; }

.mt-4 {
  margin-top: 4rem !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-1 {
  margin-left: 1rem !important; }

.ml-2 {
  margin-left: 2rem !important; }

.ml-3 {
  margin-left: 3rem !important; }

.mr-0 {
  margin-right: 0 !important; }

.mr-1 {
  margin-right: 1rem !important; }

.mr-2 {
  margin-right: 2rem !important; }

.mr-3 {
  margin-right: 3rem !important; }

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mx-0-5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.d-flex {
  display: flex; }

.flex-column {
  flex-direction: column; }

.justify-space-around {
  justify-content: space-around; }

.justify-space-between {
  justify-content: space-between; }

.justify-center {
  justify-content: center; }

.justify-end {
  justify-content: end; }

.align-items-center {
  align-items: center; }

.align-items-end {
  align-items: end; }

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 90px;
  margin: 0px 3px;
  border-radius: 5px;
  border: 0;
  background-color: #C5C5C5;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.1s ease 0s;
  -webkit-transition: all 0.1s ease 0s; }
  .btn[disabled] {
    cursor: default; }
  .btn:hover {
    background-color: #b8b8b8; }
  .btn:active, .btn:focus {
    background-color: #acacac; }
  .btn.btn-small {
    height: 30px;
    width: 50px;
    font-size: 12px; }
  .btn.btn-large {
    height: 60px;
    width: 110px;
    font-size: 16px; }
  .btn.btn-square {
    width: 45px;
    height: 45px;
    font-size: 17px; }
  .btn.btn-square-small {
    width: 30px;
    height: 30px;
    font-size: 12px; }
  .btn.btn-square-large {
    width: 60px;
    height: 60px;
    font-size: 22px; }
  .btn.btn-primary {
    background-color: #2e86de;
    color: #FFF; }
    .btn.btn-primary[disabled] {
      background-color: rgba(46, 134, 222, 0.6); }
    .btn.btn-primary:not([disabled]):hover {
      background-color: #2179d1; }
    .btn.btn-primary:not([disabled]):active, .btn.btn-primary:not([disabled]):focus {
      background-color: #1e6dbb; }
  .btn.btn-secondary {
    background-color: #F5F5F5;
    color: #0f0f0f; }
    .btn.btn-secondary[disabled] {
      background-color: rgba(245, 245, 245, 0.6); }
    .btn.btn-secondary:not([disabled]):hover {
      background-color: #e8e8e8; }
    .btn.btn-secondary:not([disabled]):active, .btn.btn-secondary:not([disabled]):focus {
      background-color: gainsboro; }
  .btn.btn-success {
    background-color: #2ecc71;
    color: #FFF; }
    .btn.btn-success[disabled] {
      background-color: rgba(46, 204, 113, 0.6); }
    .btn.btn-success:not([disabled]):hover {
      background-color: #27ae60; }
    .btn.btn-success:not([disabled]):active, .btn.btn-success:not([disabled]):focus {
      background-color: #239954; }
  .btn.btn-warning {
    background-color: #ffc61c;
    color: #FFF; }
    .btn.btn-warning[disabled] {
      background-color: rgba(255, 198, 28, 0.6); }
    .btn.btn-warning:not([disabled]):hover {
      background-color: #ffc003; }
    .btn.btn-warning:not([disabled]):active, .btn.btn-warning:not([disabled]):focus {
      background-color: #e8ae00; }
  .btn.btn-danger {
    background-color: #c0392b;
    color: #FFF; }
    .btn.btn-danger[disabled] {
      background-color: rgba(192, 57, 43, 0.6); }
    .btn.btn-danger:not([disabled]):hover {
      background-color: #ab3326; }
    .btn.btn-danger:not([disabled]):active, .btn.btn-danger:not([disabled]):focus {
      background-color: #962d22; }
  .btn.btn-link {
    background-color: transparent;
    color: #999; }
    .btn.btn-link:hover {
      color: #8c8c8c; }
    .btn.btn-link:active, .btn.btn-link:focus {
      color: gray; }

a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black; }

.action-button {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center; }

.badge {
  padding: 5px 12px;
  border-radius: 7px;
  background-color: #666;
  color: #F8F8F8; }
  .badge.badge-small {
    padding: 3px 5px !important; }
  .badge.badge-success {
    background-color: #2ecc71;
    color: white; }
  .badge.badge-warning {
    background-color: #ffc61c;
    color: white; }
  .badge.badge-danger {
    background-color: #c0392b;
    color: white; }

.list {
  list-style: none;
  padding: 0; }
  .list .list-item {
    height: 50px;
    border-bottom: 1px solid #AAA;
    display: flex;
    align-items: center;
    padding-left: 5px; }

.list-hover .list-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: bold; }

.d-inline-block {
  display: inline-block; }

@keyframes modal_show {
  from {
    top: -300px; }
  to {
    top: 50px; } }

@keyframes modal_hide {
  from {
    top: 50px; }
  to {
    top: -300px; } }

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4); }
  .modal[state=hide] .modal-content {
    animation: modal_hide .4s;
    -webkit-animation: modal_hide .4s; }
  .modal[state=show] .modal-content {
    animation: modal_show .4s;
    -webkit-animation: modal_show .4s; }
  .modal .modal-content {
    position: relative;
    top: 50px;
    width: 45%;
    margin: auto;
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    .modal .modal-content .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 80px;
      padding: 0px 17px;
      background-color: #AAA; }
      .modal .modal-content .modal-header .times-icon {
        color: #666;
        font-size: 2em;
        font-weight: bold;
        cursor: pointer; }
        .modal .modal-content .modal-header .times-icon:hover, .modal .modal-content .modal-header .times-icon:focus {
          color: #102027; }
    .modal .modal-content .modal-body {
      padding: 15px 17px 0px 17px;
      margin-bottom: 5px; }
      .modal .modal-content .modal-body.modal-danger {
        display: grid;
        grid-template-columns: 1fr 12% 12%;
        grid-template-rows: auto;
        align-items: center;
        background-color: #fff8f7;
        padding: 17px; }
      .modal .modal-content .modal-body.modal-detail p {
        font-size: 0.95rem;
        color: #444; }
        .modal .modal-content .modal-body.modal-detail p strong {
          font-size: 1.05rem; }
        .modal .modal-content .modal-body.modal-detail p .fa-check-circle, .modal .modal-content .modal-body.modal-detail p .fa-times-circle {
          font-size: 1rem; }
    .modal .modal-content .modal-footer {
      height: 60px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 0px 17px 5px 17px; }

.form-group-inline {
  display: grid;
  align-items: center;
  grid-template-rows: auto;
  grid-column-gap: 10px;
  margin-bottom: 10px; }
  .form-group-inline.labeless {
    grid-template-columns: auto;
    grid-template-areas: 'form-control' 'error-messages'; }
  .form-group-inline:not(.labeless) {
    grid-template-columns: 30% 70%;
    grid-template-areas: 'label form-control' 'error-messages error-messages'; }
  .form-group-inline.has-error {
    color: #c0392b; }
  .form-group-inline label {
    grid-area: label;
    justify-self: end; }
    .form-group-inline label:after {
      content: ' :'; }
  .form-group-inline .form-control:focus + label {
    font-weight: bold; }
  .form-group-inline .form-control {
    grid-area: form-control; }
  .form-group-inline .error-messages {
    grid-area: error-messages;
    font-size: 0.95em;
    color: red; }
  .form-group-inline .help-block {
    grid-column-start: 2;
    grid-row-start: 2;
    margin: 5px 5px;
    color: red; }

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem; }
  .form-control[type=text], .form-control[type=email], .form-control[type=password], .form-control[type=date], .form-control[type=number] {
    height: 35px;
    padding-left: 10px;
    border: 1px solid #BBB;
    border-radius: 3px;
    font-size: 1em; }
    .form-control[type=text]:focus, .form-control[type=email]:focus, .form-control[type=password]:focus, .form-control[type=date]:focus, .form-control[type=number]:focus {
      border-color: #007cf9;
      box-shadow: 0px 0px 3px 0px #007cf9; }
  .form-control[type=checkbox] {
    width: 20px;
    height: 20px; }

select.form-control {
  height: 35px;
  border-radius: 3px;
  border: 1px solid #BBB;
  font-size: 0.9em;
  padding: 5px; }
  select.form-control:focus {
    border-color: #007cf9;
    box-shadow: 0px 0px 3px 0px #007cf9; }
  select.form-control option[value=''] {
    color: #555; }

textarea.form-control {
  border-radius: 3px;
  border: 1px solid #BBB;
  resize: vertical; }
  textarea.form-control:focus {
    border-color: #007cf9;
    box-shadow: 0px 0px 3px 0px #007cf9; }

.non-field-error {
  color: #c0392b; }
  .non-field-error p.form-error {
    margin-top: 0;
    margin-left: 10px; }

.error-messages {
  color: #c0392b; }

.form-group {
  margin-bottom: 1rem; }
  .form-group.has-error {
    color: #c0392b; }
    .form-group.has-error label {
      color: #c0392b; }
    .form-group.has-error input {
      border-color: #c0392b; }
  .form-group label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #444; }

.checkbox-inline-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem; }
  .checkbox-inline-group label {
    color: #444;
    margin-left: 5px; }

.checkbox-group-label {
  color: #444; }

.form-row [class*="col"] {
  padding-left: 5px;
  padding-right: 5px; }

.row, .form-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }

.col {
  flex-grow: 1;
  flex-basis: 0;
  height: 100%; }

[class^=col-] {
  box-sizing: border-box;
  padding: 0 .2rem;
  height: 100%; }

.col-1 {
  width: calc(100% * (1 / 12)); }

.col-2 {
  width: calc(100% * (2 / 12)); }

.col-3 {
  width: calc(100% * (3 / 12)); }

.col-4 {
  width: calc(100% * (4 / 12)); }

.col-5 {
  width: calc(100% * (5 / 12)); }

.col-6 {
  width: calc(100% * (6 / 12)); }

.col-7 {
  width: calc(100% * (7 / 12)); }

.col-8 {
  width: calc(100% * (8 / 12)); }

.col-9 {
  width: calc(100% * (9 / 12)); }

.col-10 {
  width: calc(100% * (10 / 12)); }

.col-11 {
  width: calc(100% * (11 / 12)); }

.col-12 {
  width: 100%; }

.offset-6 {
  margin-left: 50%; }

.offset-4 {
  margin-left: calc(100% * (4 / 12)); }

.table {
  width: 100%;
  margin: auto;
  border-collapse: collapse; }
  .table thead th {
    border-bottom: 2px solid #CCC; }
  .table th, .table td {
    padding: .75rem;
    border-bottom: 1px solid #CCC; }
  .table tbody td, .table tbody th {
    padding: .85rem; }

.table-bordered {
  border: 1px solid #CCC; }
  .table-bordered th, .table-bordered td {
    border: 1px solid #CCC; }

.table-sm th, .table-sm td {
  padding: .3rem; }

.table-sm tbody th, .table-sm tbody td {
  padding: .5rem; }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.row-grey {
  background-color: #B1B1B1; }
  .row-grey:hover {
    background-color: #B1B1B !important; }

.row-light-grey {
  background-color: #CCC; }
  .row-light-grey:hover {
    background-color: #CCC !important; }

.row-anti-primary-dark, .reporting-card .card-body .table thead tr {
  background-color: #808e95; }
  .row-anti-primary-dark:hover, .reporting-card .card-body .table thead tr:hover {
    background-color: #808e95 !important; }

.row-anti-primary, .reporting-card .card-body .table tbody th {
  background-color: #b0bec5; }
  .row-anti-primary:hover, .reporting-card .card-body .table tbody th:hover {
    background-color: #b0bec5 !important; }

.card {
  background-color: #FCFCFC;
  border-radius: 5px;
  box-shadow: 0 0 3px 3px #DDD;
  margin-bottom: 2rem; }
  .card .card-header {
    padding: 1rem; }
  .card .card-body {
    padding: 1rem; }

.alert {
  padding: .3rem 1rem;
  border-radius: 5px;
  margin-bottom: 1rem; }
  .alert.alert-warning {
    background-color: rgba(255, 198, 28, 0.5);
    border: 1px solid #ffc61c;
    color: #826100; }

.dt-wrapper {
  width: 100%; }
  .dt-wrapper .dt-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0px 10px; }
    .dt-wrapper .dt-header .dt-search-input {
      height: 25px;
      width: 160px;
      padding-left: 5px;
      border: 1px solid #BBB;
      border-radius: 3px;
      background-color: rgba(255, 255, 255, 0.5); }
      .dt-wrapper .dt-header .dt-search-input:focus {
        border-color: #007cf9;
        box-shadow: 0px 0px 3px 0px #007cf9; }
    .dt-wrapper .dt-header .dt-select-wrapper .dt-select {
      margin-right: 5px; }
  .dt-wrapper .dt-body {
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s; }
    .dt-wrapper .dt-body .dt-table {
      width: 100%;
      margin: auto;
      border-collapse: collapse; }
      .dt-wrapper .dt-body .dt-table .dt-table-header tr {
        height: 40px; }
        .dt-wrapper .dt-body .dt-table .dt-table-header tr th {
          text-align: left;
          border-bottom: 1px solid #CCC; }
          .dt-wrapper .dt-body .dt-table .dt-table-header tr th:first-child {
            padding-left: 5px; }
      .dt-wrapper .dt-body .dt-table .dt-table-body tr:hover {
        background-color: rgba(0, 0, 0, 0.05); }
      .dt-wrapper .dt-body .dt-table .dt-table-body tr td {
        height: 60px;
        padding: 0 3px; }
        .dt-wrapper .dt-body .dt-table .dt-table-body tr td:first-child {
          padding-left: 5px; }
  .dt-wrapper .dt-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0px 10px;
    border-top: 1px solid #CCC; }
    .dt-wrapper .dt-footer .dt-pagination-wrapper .dt-pagination-btn {
      height: 37px;
      width: 37px;
      margin: 0px 3px;
      border: 0;
      border-radius: 1px;
      background-color: #C5C5C5;
      font-size: 14px;
      cursor: pointer;
      transition: all 0.1s ease 0s;
      -webkit-transition: all 0.1s ease 0s; }
      .dt-wrapper .dt-footer .dt-pagination-wrapper .dt-pagination-btn:hover {
        background-color: #b8b8b8; }
      .dt-wrapper .dt-footer .dt-pagination-wrapper .dt-pagination-btn:active, .dt-wrapper .dt-footer .dt-pagination-wrapper .dt-pagination-btn:focus {
        background-color: #acacac; }
      .dt-wrapper .dt-footer .dt-pagination-wrapper .dt-pagination-btn.active {
        background-color: #a6b8e0;
        cursor: default; }
      .dt-wrapper .dt-footer .dt-pagination-wrapper .dt-pagination-btn:last-child {
        margin-right: 0; }

.he-wrapper {
  width: 100%; }
  .he-wrapper .he-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0px 10px; }
    .he-wrapper .he-header .he-date-wrapper #date-input {
      margin: 0px 5px; }
    .he-wrapper .he-header .he-date-wrapper .fa-caret-left, .he-wrapper .he-header .he-date-wrapper .fa-caret-right {
      font-size: 1.1em;
      cursor: pointer;
      color: #666; }
      .he-wrapper .he-header .he-date-wrapper .fa-caret-left:hover, .he-wrapper .he-header .he-date-wrapper .fa-caret-right:hover {
        color: #222; }
    .he-wrapper .he-header .he-status-wrapper #status-badge {
      padding: 5px 12px;
      border-radius: 7px; }
      .he-wrapper .he-header .he-status-wrapper #status-badge[status=NC] {
        background-color: #666;
        color: #F8F8F8; }
      .he-wrapper .he-header .he-status-wrapper #status-badge[status=DR] {
        background-color: #ffc61c;
        color: white; }
      .he-wrapper .he-header .he-status-wrapper #status-badge[status=VA] {
        background-color: #2ecc71;
        color: white; }
  .he-wrapper .he-body {
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s; }
    .he-wrapper .he-body .he-table {
      width: 100%;
      margin: auto;
      border-collapse: collapse; }
      .he-wrapper .he-body .he-table .he-table-header tr {
        height: 40px; }
        .he-wrapper .he-body .he-table .he-table-header tr th {
          text-align: left;
          border-bottom: 1px solid #CCC; }
          .he-wrapper .he-body .he-table .he-table-header tr th:first-child {
            padding-left: 5px; }
      .he-wrapper .he-body .he-table .he-table-body tr:not(.new-entries-row):hover {
        background-color: rgba(0, 0, 0, 0.05); }
      .he-wrapper .he-body .he-table .he-table-body tr td {
        height: 60px;
        padding: 0; }
        .he-wrapper .he-body .he-table .he-table-body tr td:first-child {
          padding-left: 5px; }
      .he-wrapper .he-body .he-table .he-table-body .new-entries-row {
        cursor: pointer; }
        .he-wrapper .he-body .he-table .he-table-body .new-entries-row:hover {
          background-color: rgba(0, 0, 0, 0.05); }
          .he-wrapper .he-body .he-table .he-table-body .new-entries-row:hover .btn-add-entries {
            color: #111; }
            .he-wrapper .he-body .he-table .he-table-body .new-entries-row:hover .btn-add-entries .fa-plus-circle {
              transform: rotate(90deg); }
        .he-wrapper .he-body .he-table .he-table-body .new-entries-row .btn-add-entries {
          background-color: transparent;
          border: 0;
          cursor: pointer;
          color: #333;
          font-weight: bold; }
          .he-wrapper .he-body .he-table .he-table-body .new-entries-row .btn-add-entries .fa-plus-circle {
            color: #2ecc71;
            font-size: 1.2em;
            margin-right: 8px;
            transition: all 0.2s ease 0s;
            -webkit-transition: all 0.2s ease 0s; }
  .he-wrapper .he-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
    padding: 10px 10px;
    border-top: 1px solid #CCC; }
    .he-wrapper .he-footer #validate-btn[disabled] {
      opacity: 0; }

#date-panel #date-input {
  margin: 0 5px; }

#date-panel .fa-caret-left, #date-panel .fa-caret-right {
  font-size: 1.1em;
  cursor: pointer;
  color: #666; }
  #date-panel .fa-caret-left:hover, #date-panel .fa-caret-right:hover {
    color: #222; }

#status-badge[status=NC] {
  background-color: #666;
  color: #F8F8F8; }

#status-badge[status=DR] {
  background-color: #ffc61c;
  color: white; }

#status-badge[status=VA] {
  background-color: #2ecc71;
  color: white; }

#comment-wrapper {
  width: 100%;
  height: 12em; }
  #comment-wrapper p#comment {
    max-height: 8em;
    overflow: scroll;
    padding: 6px 12px; }
  #comment-wrapper textarea#comment-textarea {
    width: 100%;
    resize: none; }
  #comment-wrapper button {
    margin-top: 10px; }
  #comment-wrapper[comment-mode=edit] p#comment {
    display: none; }
  #comment-wrapper[comment-mode=edit] textarea#comment-textarea {
    display: inline; }
  #comment-wrapper[comment-mode=edit] #btn-comment-edit {
    display: none; }
  #comment-wrapper[comment-mode=edit] #btn-comment-confirm {
    display: flex; }
  #comment-wrapper[comment-mode=default] p#comment {
    display: block; }
  #comment-wrapper[comment-mode=default] textarea#comment-textarea {
    display: none; }
  #comment-wrapper[comment-mode=default] #btn-comment-edit {
    display: flex; }
  #comment-wrapper[comment-mode=default] #btn-comment-confirm {
    display: none; }
  #comment-wrapper[comment-mode=disabled] p#comment {
    display: block; }
  #comment-wrapper[comment-mode=disabled] textarea#comment-textarea {
    display: none; }
  #comment-wrapper[comment-mode=disabled] #btn-comment-confirm, #comment-wrapper[comment-mode=disabled] #btn-comment-edit {
    display: none; }

.reporting-card {
  position: relative; }
  .reporting-card[display=chart] .card-body .btn-chart {
    background-color: #cfcfcf; }
    .reporting-card[display=chart] .card-body .btn-chart:hover {
      background-color: #cfcfcf !important; }
  .reporting-card[display=chart] .card-body .chart {
    animation: fadeIn .2s ease;
    display: block; }
  .reporting-card[display=chart] .card-body .table {
    display: none; }
  .reporting-card[display=table] .card-body .btn-table {
    background-color: #cfcfcf; }
    .reporting-card[display=table] .card-body .btn-table:hover {
      background-color: #cfcfcf !important; }
  .reporting-card[display=table] .card-body .chart {
    display: none !important; }
  .reporting-card[display=table] .card-body .table {
    animation: fadeIn .2s ease;
    display: table; }
  .reporting-card[state=expand] .btn-collapse .fa-angle-up {
    transform: rotate(0deg); }
  .reporting-card[state=expand] .card-body {
    max-height: 550px; }
  .reporting-card[state=collapse] .btn-collapse .fa-angle-up {
    transform: rotate(-180deg); }
  .reporting-card[state=collapse] .card-body {
    max-height: 0; }
  .reporting-card[loader=true] .card-loader {
    display: flex; }
  .reporting-card[loader=false] .card-loader {
    display: none; }
  .reporting-card .btn-collapse .fa-angle-up {
    transition: transform .2s ease; }
  .reporting-card .card-body {
    overflow: hidden;
    transition: max-height .2s ease-in-out;
    padding-top: 0;
    padding-bottom: 0;
    height: 550px; }
    .reporting-card .card-body .config-data-row[type=comparison] .date-container {
      display: none; }
    .reporting-card .card-body .config-data-row[type=evolution][frequence=year] .date-container {
      display: none; }
    .reporting-card .card-body .config-data-row[type=evolution]:not([frequence=year]) .date-container {
      display: block !important; }
  .reporting-card .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    transition: all .2s ease; }

.home-menu-item {
  height: 150px;
  margin: 1rem; }
  .home-menu-item .home-menu-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.1em;
    overflow: hidden;
    transition: all 0.1s ease-in-out 0s;
    -webkit-transition: all 0.1s ease-in-out 0s; }
    .home-menu-item .home-menu-link:hover {
      box-shadow: 0 0 5px 3px #BBB; }
    .home-menu-item .home-menu-link .fas {
      font-size: 6rem;
      position: absolute;
      bottom: -25px;
      left: -25px;
      transform: rotate(5deg); }
    .home-menu-item .home-menu-link .home-menu-link-title {
      font-size: 2rem; }
  .home-menu-item#home-menu-home .home-menu-link {
    background-color: #148f77;
    color: #55e7ca; }
    .home-menu-item#home-menu-home .home-menu-link:hover {
      background-color: #1abc9c;
      color: #0e6252; }
  .home-menu-item#home-menu-rh .home-menu-link {
    background-color: #25a25a;
    color: #7ee2a8; }
    .home-menu-item#home-menu-rh .home-menu-link:hover {
      background-color: #2ecc71;
      color: #1b7943; }
  .home-menu-item#home-menu-sve .home-menu-link {
    background-color: #217dbb;
    color: #8bc4ea; }
    .home-menu-item#home-menu-sve .home-menu-link:hover {
      background-color: #3498db;
      color: #196090; }
  .home-menu-item#home-menu-fou .home-menu-link {
    background-color: #d62c1a;
    color: #f29f97; }
    .home-menu-item#home-menu-fou .home-menu-link:hover {
      background-color: #e74c3c;
      color: #a82315; }
  .home-menu-item#home-menu-che .home-menu-link {
    background-color: #bf6516;
    color: #f0b37e; }
    .home-menu-item#home-menu-che .home-menu-link:hover {
      background-color: #e67e22;
      color: #924d10; }
  .home-menu-item#home-menu-re .home-menu-link {
    background-color: #ffde74;
    color: white; }
    .home-menu-item#home-menu-re .home-menu-link:hover {
      background-color: #ffeaa7;
      color: #ffd241; }
  .home-menu-item#home-menu-ges .home-menu-link {
    background-color: #22303d;
    color: #587ca0; }
    .home-menu-item#home-menu-ges .home-menu-link:hover {
      background-color: #34495e;
      color: #10161c; }

#pdv-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#user-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#user-profile-navbar {
  margin-top: -10px; }
  #user-profile-navbar #profile-menu {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 30px;
    align-items: stretch;
    list-style-type: none;
    padding: 0;
    border: 1px solid #102027;
    border-radius: 3px; }
    #user-profile-navbar #profile-menu .profile-item {
      background-color: #263238;
      color: #b0bec5;
      transition: all 0.1s ease-out 0s;
      -webkit-transition: all 0.1s ease-out 0s; }
      #user-profile-navbar #profile-menu .profile-item:hover {
        background-color: #4f5b62;
        color: #e2f1f8; }
      #user-profile-navbar #profile-menu .profile-item .profile-item-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        text-decoration: none;
        text-align: center;
        color: inherit; }

#user-info-wrapper, #password-change-wrapper {
  width: 60%; }

.coefficient-value {
  font-size: 50px; }

.coefficient-entity, .coefficient-start-date {
  color: #444; }

.history-wrapper {
  height: 25rem;
  overflow: auto;
  border-left: 1px solid #AAA; }
  .history-wrapper .list-item {
    padding-left: 1rem; }
    .history-wrapper .list-item:hover {
      background-color: rgba(0, 0, 0, 0.05); }
  .history-wrapper .active {
    color: #2ecc71;
    font-weight: bold; }
    .history-wrapper .active .fa-check {
      margin-left: .5rem; }

#sticky-date-wrapper.sticky-stuck {
  position: fixed;
  top: 45px;
  left: 0px;
  background-color: #384146;
  color: #e2f1f8 !important;
  font-size: .9rem;
  padding: 0 15% .3rem 20%; }
  #sticky-date-wrapper.sticky-stuck #date-wrapper {
    justify-content: center; }
    #sticky-date-wrapper.sticky-stuck #date-wrapper h3 {
      display: none; }
    #sticky-date-wrapper.sticky-stuck #date-wrapper #date-input {
      background-color: transparent;
      color: #e2f1f8;
      border: 0; }
    #sticky-date-wrapper.sticky-stuck #date-wrapper .fa-caret-left, #sticky-date-wrapper.sticky-stuck #date-wrapper .fa-caret-right {
      color: #e2f1f8; }
      #sticky-date-wrapper.sticky-stuck #date-wrapper .fa-caret-left:hover, #sticky-date-wrapper.sticky-stuck #date-wrapper .fa-caret-right:hover {
        color: #b0bec5; }
  #sticky-date-wrapper.sticky-stuck #btn-container {
    display: none; }

#sticky-date-wrapper #date-wrapper #date-input {
  margin: 0 5px; }

#sticky-date-wrapper #date-wrapper .fa-caret-left, #sticky-date-wrapper #date-wrapper .fa-caret-right {
  font-size: 1.1em;
  cursor: pointer;
  color: #666; }
  #sticky-date-wrapper #date-wrapper .fa-caret-left:hover, #sticky-date-wrapper #date-wrapper .fa-caret-right:hover {
    color: #222; }

.new-entries-row {
  cursor: pointer; }
  .new-entries-row:hover .btn-add-entries {
    color: #111; }
    .new-entries-row:hover .btn-add-entries .fa-plus-circle {
      transform: rotate(90deg); }
  .new-entries-row .new-entries-wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
    .new-entries-row .new-entries-wrapper .btn-add-entries {
      background-color: transparent;
      border: 0;
      color: #333;
      font-weight: bold;
      cursor: pointer; }
      .new-entries-row .new-entries-wrapper .btn-add-entries .fa-plus-circle {
        color: #2ecc71;
        font-size: 1.2em;
        margin-right: 8px;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s; }

#login-wrapper {
  width: 900px;
  height: 400px;
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-rows: 100%;
  box-shadow: 0px 0px 40px 15px #102027; }
  #login-wrapper #login-form-wrapper {
    background-color: #b0bec5;
    border-right: 7px solid #808e95; }
    #login-wrapper #login-form-wrapper h2 {
      text-align: center;
      font-size: 2em; }
  #login-wrapper #logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e2f1f8; }

#password-reset-request-wrapper {
  background-color: #b0bec5;
  width: 800px;
  height: 200px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 40px 15px #102027;
  padding: 20px; }
  #password-reset-request-wrapper h1 {
    align-self: center;
    margin: 0; }
  #password-reset-request-wrapper form #form-wrapper {
    display: grid;
    grid-template-columns: 80% 20%;
    align-items: center; }
    #password-reset-request-wrapper form #form-wrapper #reset-btn {
      height: 33px; }

#password-reset-wrapper {
  background-color: #b0bec5;
  width: 800px;
  height: 350px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 40px 15px #102027;
  align-items: center;
  padding: 0 20px; }
  #password-reset-wrapper form {
    width: 100%; }

#password-reset-complete-wrapper {
  background-color: #b0bec5;
  width: 800px;
  height: 300px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: 20px;
  box-shadow: 0px 0px 40px 15px #102027; }
  #password-reset-complete-wrapper h1 {
    align-self: center;
    margin: 0; }
  #password-reset-complete-wrapper #success-icon .fas.fa-check-circle {
    font-size: 6em; }
  #password-reset-complete-wrapper #connexion-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 40px;
    background-color: #EFEFEF;
    color: #333;
    margin-left: 5px;
    text-decoration: none;
    transition: all .1s ease; }
    #password-reset-complete-wrapper #connexion-btn:hover {
      background-color: #f1f1f1; }
    #password-reset-complete-wrapper #connexion-btn:focus, #password-reset-complete-wrapper #connexion-btn:active {
      background-color: #e5e5e5; }

#user-not-valid-password-change {
  background-color: #b0bec5;
  width: 800px;
  height: 380px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 30px;
  box-shadow: 0px 0px 40px 15px #102027; }
  #user-not-valid-password-change form {
    width: 100%; }

#document-wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #102027; }

.error-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .error-wrapper .error-title {
    color: #e2f1f8;
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 0; }
  .error-wrapper .error-description {
    color: #e2f1f8;
    text-align: center; }
  .error-wrapper .btn-back {
    background-color: #e2f1f8;
    color: #263238; }
    .error-wrapper .btn-back:hover {
      background-color: #b0bec5; }
    .error-wrapper .btn-back:focus, .error-wrapper .btn-back:active {
      background-color: #808e95; }

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

body {
  background-color: #eceff1;
  color: #0f0f0f;
  font-family: arial; }

#topbar {
  position: fixed;
  width: 100%;
  height: 45px;
  background-color: #4f5b62;
  border-bottom: 7px solid #384146;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #topbar #select_wrapper .custom-select {
    border-bottom: 1px solid #ccc;
    width: 200px;
    overflow: hidden; }
    #topbar #select_wrapper .custom-select select {
      padding: 0px 8px;
      padding-bottom: 2px;
      width: 100%;
      border: none;
      box-shadow: none;
      background: transparent;
      -webkit-appearance: none; }
      #topbar #select_wrapper .custom-select select:focus {
        outline: none; }
  #topbar #select_wrapper #pdv-label {
    color: #e2f1f8; }
  #topbar #topbar-user-info-wrapper {
    display: flex;
    align-items: center;
    margin-right: 10px; }
    #topbar #topbar-user-info-wrapper #user-profile-link {
      text-decoration: none;
      color: #e2f1f8; }
      #topbar #topbar-user-info-wrapper #user-profile-link:hover {
        color: #b0bec5; }
    #topbar #topbar-user-info-wrapper #btn-logout {
      margin-left: 10px;
      border: 0;
      background-color: transparent;
      color: #e2f1f8;
      font-size: 1.2em;
      cursor: pointer; }
      #topbar #topbar-user-info-wrapper #btn-logout:hover {
        color: #b0bec5; }

#content-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-top: 52px;
  padding-left: 90px;
  display: flex;
  justify-content: center; }
  #content-wrapper #content-container {
    width: 75%;
    height: 100%; }
    #content-wrapper #content-container #content-menu {
      margin-top: 30px; }
      #content-wrapper #content-container #content-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center; }
        #content-wrapper #content-container #content-menu ul li {
          width: 170px;
          height: 30px;
          background-color: #4f5b62;
          border-radius: 5px;
          transition: all 0.1s ease 0s;
          -webkit-transition: all 0.1s ease 0s; }
          #content-wrapper #content-container #content-menu ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: #e2f1f8;
            transition: all 0.1s ease 0s;
            -webkit-transition: all 0.1s ease 0s; }
          #content-wrapper #content-container #content-menu ul li:hover {
            background-color: #263238; }
          #content-wrapper #content-container #content-menu ul li:focus, #content-wrapper #content-container #content-menu ul li:active {
            background-color: #102027; }
    #content-wrapper #content-container #content-title {
      margin-top: 35px;
      font-size: 2.6em; }
      #content-wrapper #content-container #content-title .fas:not(.option-icon) {
        margin-right: 15px; }
    #content-wrapper #content-container hr {
      color: #181818;
      margin-bottom: 20px; }
    #content-wrapper #content-container #content {
      margin: auto;
      width: 98%; }

#sidebar {
  position: fixed;
  top: 0px;
  z-index: 20;
  width: 90px;
  height: 100%;
  background-color: #263238;
  overflow-x: hidden;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  #sidebar #sidebar-menu {
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 21; }
    #sidebar #sidebar-menu .sidebar-item {
      display: grid;
      grid-template-columns: 90px 190px;
      grid-template-rows: auto;
      grid-template-areas: "icon title" "dropdown dropdown";
      border-right: 10px solid #102027;
      box-sizing: border-box;
      color: #b0bec5;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      transition: all 0.2s ease-in-out 0s;
      -webkit-transition: all 0.2s ease-in-out 0s; }
      #sidebar #sidebar-menu .sidebar-item:hover {
        background-color: #102027; }
      #sidebar #sidebar-menu .sidebar-item#sidebar-header {
        cursor: pointer;
        background-color: #102027; }
        #sidebar #sidebar-menu .sidebar-item#sidebar-header .sidebar-header-icon {
          grid-area: icon;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 80px; }
        #sidebar #sidebar-menu .sidebar-item#sidebar-header .sidebar-header-title {
          grid-area: title;
          display: flex;
          align-items: center;
          color: #e2f1f8;
          font-weight: bold; }
      #sidebar #sidebar-menu .sidebar-item .sidebar-link {
        grid-area: icon;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #b0bec5;
        text-decoration: none;
        height: 60px;
        overflow: hidden;
        transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s; }
        #sidebar #sidebar-menu .sidebar-item .sidebar-link:hover {
          color: #e2f1f8; }
        #sidebar #sidebar-menu .sidebar-item .sidebar-link.unique-link {
          grid-area: 1 / 1 / 3 / 3;
          justify-content: flex-start; }
          #sidebar #sidebar-menu .sidebar-item .sidebar-link.unique-link .unique-link-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 90px;
            height: 100%; }
          #sidebar #sidebar-menu .sidebar-item .sidebar-link.unique-link .unique-link-title {
            font-size: 0.9em; }
        #sidebar #sidebar-menu .sidebar-item .sidebar-link .fas {
          font-size: 1.3em; }
      #sidebar #sidebar-menu .sidebar-item .dropdown-title {
        grid-area: title;
        place-self: stretch stretch;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.9em;
        cursor: pointer; }
        #sidebar #sidebar-menu .sidebar-item .dropdown-title .fas {
          float: right;
          margin-right: 15px;
          font-size: 1.2em;
          transition: all 0.4s ease 0s;
          -webkit-transition: all 0.4s ease 0s; }
      #sidebar #sidebar-menu .sidebar-item .dropdown-menu {
        grid-area: dropdown;
        list-style-type: none;
        padding: 0;
        margin-top: -5px;
        max-height: 0px;
        height: auto;
        overflow: hidden;
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s; }
        #sidebar #sidebar-menu .sidebar-item .dropdown-menu .dropdown-item {
          height: 40px; }
          #sidebar #sidebar-menu .sidebar-item .dropdown-menu .dropdown-item .dropdown-link {
            display: flex;
            align-items: center;
            height: 100%;
            padding-left: 95px;
            text-decoration: none;
            font-size: 0.8em;
            color: #4f5b62; }
            #sidebar #sidebar-menu .sidebar-item .dropdown-menu .dropdown-item .dropdown-link.active {
              background-color: #808e95;
              color: #263238;
              font-weight: bold; }
            #sidebar #sidebar-menu .sidebar-item .dropdown-menu .dropdown-item .dropdown-link:hover {
              background-color: #808e95;
              color: #263238;
              font-weight: bold; }
      #sidebar #sidebar-menu .sidebar-item.active {
        background-color: #a1b2ba;
        border-right-color: #728289;
        color: #102027; }
        #sidebar #sidebar-menu .sidebar-item.active .sidebar-link {
          color: #263238; }
          #sidebar #sidebar-menu .sidebar-item.active .sidebar-link:hover {
            color: #4f5b62; }
        #sidebar #sidebar-menu .sidebar-item.active .dropdown-title {
          color: #102027; }
      #sidebar #sidebar-menu .sidebar-item[dropdown=collapse] .dropdown-title .fas {
        transform: rotate(0deg); }
      #sidebar #sidebar-menu .sidebar-item[dropdown=collapse] .dropdown-menu {
        max-height: 0; }
        #sidebar #sidebar-menu .sidebar-item[dropdown=collapse] .dropdown-menu .dropdown-link {
          color: transparent; }
      #sidebar #sidebar-menu .sidebar-item[dropdown=extand] {
        background-color: #b0bec5;
        border-right-color: #808e95;
        color: #102027; }
        #sidebar #sidebar-menu .sidebar-item[dropdown=extand].active {
          background-color: #a1b2ba;
          border-right-color: #728289; }
        #sidebar #sidebar-menu .sidebar-item[dropdown=extand] .dropdown-title .fas {
          transform: rotate(180deg); }
        #sidebar #sidebar-menu .sidebar-item[dropdown=extand] .sidebar-link {
          color: #263238; }
          #sidebar #sidebar-menu .sidebar-item[dropdown=extand] .sidebar-link:hover {
            color: #4f5b62; }
        #sidebar #sidebar-menu .sidebar-item[dropdown=extand] .dropdown-menu {
          max-height: 165px; }
  #sidebar #fill-navbar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-right: 10px solid #102027; }
  #sidebar[state=extand] {
    width: 290px; }
    #sidebar[state=extand] .sidebar-item {
      width: 290px; }
  #sidebar[state=collapse] {
    width: 90px; }
    #sidebar[state=collapse] .sidebar-item {
      width: 90px; }

/*# sourceMappingURL=style.css.map */