/* The following targets can be resolved by spring boot */
/*noinspection CssUnknownTarget*/
@import '/3rd-party/ibm-plex-4.0/web/css/ibm-plex-sans.min.css';
/*noinspection CssUnknownTarget*/
@import '/2nd-party/font-awesome-5.13.0/css/solid.min.css';

:root {

  /* ###### */
  /* Colors */
  /* ###### */

  --api-platform-c001: #18191A; /* Woodsmoke */
  --api-platform-c002: #484A4D; /* Abbey */
  --api-platform-c003: #6d7074; /* Rolling Stone */
  --api-platform-c004: #A8ADB3; /* Gray Chateau */
  --api-platform-c005: #2E3966; /* Rhino */
  --api-platform-c006: #003566; /* Midnight Blue */
  --api-platform-c007: #004C66; /* Regal Blue */
  --api-platform-c008: #376658; /* Stromboli */
  --api-platform-c009: #664664; /* Eggplant */
  --api-platform-c010: #662921; /* Metallic Copper */
  --api-platform-c011: #5164B3; /* San Marino */
  --api-platform-c012: #005DB3; /* Endeavour */
  --api-platform-c013: #0085B3; /* Bondi Blue */
  --api-platform-c014: #60B39A; /* Silver Tree */
  --api-platform-c015: #B37BAF; /* Bouquet */
  --api-platform-c016: #B3483A; /* Medium Carmine */
  --api-platform-c017: #D9DFE6; /* Geyser */
  --api-platform-c018: #E3E8EF; /* Mystic */
  --api-platform-c019: #F8FAFC; /* Catskill White */
  --api-platform-c020: #ffffff; /* White */
  --api-platform-c021: #e6eaff; /* Titan White */
  --api-platform-c022: #E6F3FF; /* Solitude */
  --api-platform-c023: #E6F9FF; /* Lily White */
  --api-platform-c024: #E6FFF7; /* Frosted Mint */
  --api-platform-c025: #ffe6fd; /* Pink Lace */
  --api-platform-c026: #ffe9e6; /* Fair Pink */

  /* ####### */
  /* Borders */
  /* ####### */
  --api-platform-border001: rgba(255, 255, 255, 0.75);
  --api-platform-border002: rgba(0, 123, 255, 0.25);
  --api-platform-border003: rgba(0, 123, 255, 0.75);
  --api-platform-border004: rgba(0, 0, 0, 0);
  --api-platform-box-shadow001: 0 0 0 3px;
  --api-platform-box-shadow002: 0 0 0 0.2rem;
  --api-platform-menu-arrow-border: 10px solid transparent;

  /* ############# */
  /* Regular fonts */
  /* ############# */

  /* Font definitions for regular fonts */
  --api-platform-rff001: "IBM Plex Sans", "Arial", sans-serif;

  /* Font sizes for regular fonts*/
  --api-platform-rfs001: 4.6rem;
  --api-platform-rfs002: 3.6rem;
  --api-platform-rfs003: 2.4rem;
  --api-platform-rfs004: 2.1rem;
  --api-platform-rfs005: 1.8rem;
  --api-platform-rfs006: 1.6rem;
  --api-platform-rfs007: 1.4rem;
  --api-platform-rfs008: 1.2rem;

  /* Font weight definition for regular fonts*/
  --api-platform-rfw001: 300; /* Light */
  --api-platform-rfw002: 400; /* Normal */
  --api-platform-rfw003: 500; /* Semibold */
  --api-platform-rfw004: 600; /* Bold */


  /* ########## */
  /* Icon fonts */
  /* ########## */

  /* Font definitions for icon fonts */
  --api-platform-iff001: "Font Awesome 5 Pro";

  /* Font sizes for icon fonts*/
  --api-platform-ifs001: 4.4rem;
  --api-platform-ifs002: 3.6rem;
  --api-platform-ifs003: 2.4rem;
  --api-platform-ifs004: 2.1rem;
  --api-platform-ifs005: 1.8rem;
  --api-platform-ifs006: 1.6rem;
  --api-platform-ifs007: 1.4rem;
  --api-platform-ifs008: 1.2rem;

  /* Font weight definition for icon fonts*/
  --api-platform-ifw001: 300; /* Light */
  --api-platform-ifw002: 500; /* Normal */
  --api-platform-ifw003: 900; /* Bold */

  /* ##### */
  /* Icons */
  /* ##### */

  --api-platform-icon-actions: "\f141";
  --api-platform-icon-add: "\f055";
  --api-platform-icon-angle-down: "\f107";
  --api-platform-icon-angle-up: "\f106";
  --api-platform-icon-angle-right: "\f105";
  --api-platform-icon-angle-left: "\f104";
  --api-platform-icon-assign: "\f2f6";
  --api-platform-icon-check-circle: "\f058";
  --api-platform-icon-close: "\f00d";
  --api-platform-icon-copy: "\f24d";
  --api-platform-icon-danger: "\f714";
  --api-platform-icon-delete: "\f1f8";
  --api-platform-icon-exclamation-circle: "\f06a";
  --api-platform-icon-export: "\f342";
  --api-platform-icon-filter: "\f0b0";
  --api-platform-icon-home: "\f80c";
  --api-platform-icon-impersonate: "\f2bd";
  --api-platform-icon-info-circle: "\f05a";
  --api-platform-icon-new: "\f067";
  --api-platform-icon-question-circle: "\f059";
  --api-platform-icon-remove: "\f056";
  --api-platform-icon-search: "\f002";
  --api-platform-icon-sign-out: "\f2f5";
  --api-platform-icon-tools: "\f7d9";
  --api-platform-icon-unassign: "\f2f5";
  --api-platform-icon-update: "\f044";
  --api-platform-icon-user: "\f007";
  --api-platform-icon-bar: "\f0c9";

  /* ####### */
  /* Padding */
  /* ####### */

  /* Padding + margin definitions */
  --api-platform-pd001: 4.3rem;
  --api-platform-pd002: 3.5rem;
  --api-platform-pd003: 3.0rem;
  --api-platform-pd004: 2.3rem;
  --api-platform-pd005: 2.0rem;
  --api-platform-pd006: 1.5rem;
  --api-platform-pd007: 1rem;
  --api-platform-pd008: 0.75rem;
  --api-platform-pd009: 0.5rem;
  --api-platform-pd010: 0.25rem;
  --api-platform-pd011: 0.1rem;

  /* ############# */
  /* Mobile Footer */
  /* ############# */

  /* Footer Padding */
  --api-platform-mf-pd001: 6.0rem;

  /* ############# */
  /* Border radius */
  /* ############# */

  /* Border radius definitions */
  --api-platform-br001: 0.4rem;

  /* ############# */
  /* Border radius */
  /* ############# */
  --api-platform-bw001: 0.1rem;


  /* ##################### */
  /* Skeleton screen sizes */
  /* ##################### */

  --api-platform-ssh001: 16rem;
  --api-platform-ssh002: 2.5rem;
  --api-platform-ssh003: 1.5rem;
  --api-platform-ssh004: 1.0rem;

  --api-platform-ssw001: 42rem;
  --api-platform-ssw002: 32rem;
  --api-platform-ssw003: 24rem;
  --api-platform-ssw004: 16rem;
  --api-platform-ssw005: 12rem;
  --api-platform-ssw006: 8rem;
  --api-platform-ssw007: 6rem;
  --api-platform-ssw008: 4rem;
  --api-platform-ssw009: 2rem;

  /* ######### */
  /* Gradients */
  /* ######### */

  /* 0% Endeavour > 50% Bondi Blue > 100% Silver Tree */
  --api-platform-gr001-old: var(--api-platform-c012);
  --api-platform-gr001-moz: -moz-linear-gradient(-45deg, var(--api-platform-c012) 0%, var(--api-platform-c013) 50%, var(--api-platform-c014) 100%);
  --api-platform-gr001-webkit: -webkit-linear-gradient(-45deg, var(--api-platform-c012) 0%, var(--api-platform-c013) 50%, var(--api-platform-c014) 100%);
  --api-platform-gr001-regular: linear-gradient(135deg, var(--api-platform-c012) 0%, var(--api-platform-c013) 50%, var(--api-platform-c014) 100%);

  /* 0% Endeavour > 100% Bouquet */
  --api-platform-gr002-old: var(--api-platform-c012);
  --api-platform-gr002-moz: -moz-linear-gradient(-45deg, var(--api-platform-c012) 0%, var(--api-platform-c015) 100%);
  --api-platform-gr002-webkit: -webkit-linear-gradient(-45deg, var(--api-platform-c012) 0%, var(--api-platform-c015) 100%);
  --api-platform-gr002-regular: linear-gradient(135deg, var(--api-platform-c012) 0%, var(--api-platform-c015) 100%);

  /* 0% San Marino > 100% Medium Carmine */
  --api-platform-gr003-old: var(--api-platform-c011);
  --api-platform-gr003-moz: -moz-linear-gradient(-45deg, var(--api-platform-c011) 0%, var(--api-platform-c016) 100%);
  --api-platform-gr003-webkit: -webkit-linear-gradient(-45deg, var(--api-platform-c011) 0%, var(--api-platform-c016) 100%);
  --api-platform-gr003-regular: linear-gradient(135deg, var(--api-platform-c011) 0%, var(--api-platform-c016) 100%);
}

/* ###################### */
/* Media dependent styles */
/* ###################### */

@media all and (min-width: 1px) {
  html {
    font-size: 57% !important;
  }

  #api-platform .api-platform-jumbotron {
    margin: 0;
  }

  #api-platform .api-platform-jumbotron > .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

@media all and (min-width: 576px) {
  html {
    font-size: 59% !important;
  }

  #api-platform .api-platform-jumbotron {
    margin: 0 auto;
  }

  #api-platform .api-platform-logo {
    padding-left: 6.2rem !important;
  }
}

@media all and (min-width: 768px) {
  html {
    font-size: 61% !important;
  }

  #api-platform .api-platform-jumbotron {
    margin: 0 auto;
  }
}

@media all and (min-width: 960px) {
  html {
    font-size: 63% !important;
  }
}

@media all and (min-width: 1200px) {
  html {
    font-size: 65% !important;
  }

  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }

  #api-platform .api-platform-custom-gutter-right {
    padding-right: 15px;
  }

  #api-platform .api-platform-custom-gutter-left {
    padding-left: 15px;
  }
}

/* ###################### */
/* Nav mobile styles */
/* ###################### */

@media all and (min-width: 1px) {
  #api-platform #api-platform-navbar .nav-icon-bar .nav-link {
    border-radius: var(--api-platform-br001);
    padding: var(--api-platform-pd009) var(--api-platform-pd007);
  }

  #api-platform #api-platform-navbar button.first-level-nav-bar-btn:hover,
  #api-platform #api-platform-navbar .nav-icon-bar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  #api-platform #api-platform-navbar button.first-level-nav-bar-btn:focus-visible,
  #api-platform #api-platform-navbar .nav-icon-bar .nav-link:focus {
    box-shadow: var(--api-platform-box-shadow001) var(--api-platform-border001) inset;
  }

  #api-platform #api-platform-navbar button.first-level-nav-bar-btn {
    padding: var(--api-platform-pd007) var(--api-platform-pd006);
  }

  #api-platform #api-platform-navbar i.chevron-down-navbar {
    padding: var(--api-platform-pd010) 0 0 var(--api-platform-pd009);
  }

  #api-platform #api-platform-navbar .nav-icon-bar .nav-item:last-child {
    margin-right: 0; /* reset for last item, so menu bar aligns to panel */
  }

  #api-platform #api-platform-navbar li.nav-item {
    margin-left: var(--api-platform-pd010);
    margin-right: var(--api-platform-pd010);
  }
}

@media all and (min-width: 992px) {
  #api-platform #api-platform-navbar li.nav-item {
    margin-left: var(--api-platform-pd008);
    margin-right: var(--api-platform-pd008);
  }
}

@media all and (max-width: 575px) {

  /* Override offcanvas-end of bootstrap to perform different typs of animations*/
  #api-platform #api-platform-navbar .offcanvas.offcanvas-end {
    transform: translateY(calc(100% - var(--api-platform-pd005)));
    width: 100%;
    z-index: 1028;
  }

  #api-platform #api-platform-navbar .offcanvas.show {
    transform: translateY(0);
    bottom: var(--api-platform-mf-pd001);
  }

  #api-platform #api-platform-navbar .offcanvas.show.hiding {
    transform: translateY(100%);
    transition-duration: 0.5s;
  }

  #api-platform #api-platform-navbar .offcanvas.showing {
    transform: none;
    transition-duration: 0.5s;
  }

  #api-platform #api-platform-navbar .offcanvas.hiding, #api-platform #api-platform-navbar .offcanvas.show, .offcanvas.showing {
    visibility: visible
  }

  /* Override container of bootstrap in mobile version */
  #api-platform #api-platform-navbar > .container {
    flex-direction: column;
    max-width: 570px;
  }

  /* Styles of navigation container in mobile version */
  #api-platform #api-platform-navbar .navigation-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1029;
    background-color: white;
    border-top: 4px solid transparent;
    justify-content: space-evenly;
    flex-direction: row-reverse;
  }

  #api-platform #api-platform-navbar .navigation-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background: -moz-linear-gradient(-45deg, var(--api-platform-c012) 0%, var(--api-platform-c013) 50%, var(--api-platform-c014) 100%);
    background: -webkit-linear-gradient(-45deg, var(--api-platform-c012) 0%, var(--api-platform-c013) 50%, var(--api-platform-c014) 100%);
    background: linear-gradient(135deg, var(--api-platform-c012) 0%, var(--api-platform-c013) 50%, var(--api-platform-c014) 100%);
    top: -4px;
    left: 0;
  }

  #api-platform #api-platform-navbar .navigation-container li.nav-item {
    padding: var(--api-platform-pd008);
  }

  /* Override Header and modify logo in mobile version */
  #api-platform #api-platform-navbar .offcanvas-header {
    justify-content: center;
    padding-bottom: var(--api-platform-pd002);
    padding-top: var(--api-platform-pd003);
  }

  #api-platform #api-platform-navbar .mobile-nav-logo {
    background-image: url(../logo/svg/logo-mobile-menu.svg);
    width: 247px;
    height: 39px;
    display: flex;
  }

  #api-platform #api-platform-navbar li.nav-item a.nav-link > i,
  #api-platform #api-platform-navbar li.nav-item label.nav-link > i,
  #api-platform #api-platform-navbar div.offcanvas-footer a.nav-link > i {
    color: var(--api-platform-c003) !important;
  }

  /* Change toggle icon in the mobile version */
  #api-platform #api-platform-navbar .offcanvas + .navigation-container #toggle-icon > i:before {
    content: var(--api-platform-icon-bar);
  }

  #api-platform #api-platform-navbar .offcanvas.show + .navigation-container #toggle-icon > i:before {
    content: var(--api-platform-icon-close);
  }

  /* Override offcanvas-footer in mobile version*/
  #api-platform #api-platform-navbar .offcanvas-footer {
    width: 100%;
    z-index: 1031;
    padding: var(--api-platform-pd007);
    background-color: var(--api-platform-c020);
    align-items: center;
    justify-content: center;
  }

  #api-platform #api-platform-navbar .offcanvas-footer-label {
    padding-right: var(--api-platform-pd007);
    color: var(--api-platform-c003);
    font-weight: var(--api-platform-rfw004);
  }

  #api-platform #api-platform-navbar .offcanvas-z-index-mobile {
    z-index: 1029;
  }

  /* Override backdrop in mobile version */
  #api-platform #api-platform-navbar .offcanvas-backdrop {
    height: 0;
    width: 0;
  }

  /* Override api-platform footer in mobile version */
  footer {
    padding-bottom: var(--api-platform-mf-pd001);
    padding-top: var(--api-platform-pd006);
  }

  #api-platform-sign-in-app footer {
    padding-top: var(--api-platform-pd006);
    padding-bottom: 0;
  }

  #api-platform-sign-in-app .modal {
    position: unset;
  }
  /* Override the body changes done by offcanvas in mobile version */
  body {
    padding-right: 0 !important;
  }
}

/* ###################### */
/* Nav not mobile styles */
/* ###################### */
@media all and (min-width: 576px) {
  #api-platform #api-platform-navbar .navigation-container {
    flex-direction: row;
  }

  /* Normal offcanvas-end of bootstrap*/
  #api-platform #api-platform-navbar .offcanvas.offcanvas-end {
    transform: translateX(100%);
  }
  #api-platform #api-platform-navbar .offcanvas.show:not(.hiding),#api-platform #api-platform-navbar .offcanvas.showing {
    transform: none
  }

  #api-platform #api-platform-navbar .offcanvas.hiding, #api-platform #api-platform-navbar .offcanvas.show,.offcanvas.showing {
    visibility: visible
  }

  #api-platform #api-platform-navbar .offcanvas-z-index-mobile {
    display: flex;
  }
}

/* ################ */
/* Font definitions */
/* ################ */

#api-platform body, #api-platform h1, #api-platform h2, #api-platform h3, #api-platform h4, #api-platform h5, #api-platform .badge,
#api-platform label, #api-platform li, #api-platform p, #api-platform pre, #api-platform code, #api-platform kbd, #api-platform samp, #api-platform input, #api-platform .form-control,
#api-platform input.form-control, #api-platform button, #api-platform select, #api-platform optgroup, #api-platform textarea, #api-platform small,
#api-platform .tooltip, #api-platform .popover, #api-platform .text-monospace, #api-platform .alert, #api-platform div.filter-option-inner,
#api-platform div.dropdown-menu {
  font-family: var(--api-platform-rff001);
  font-weight: var(--api-platform-rfw002);
  color: var(--api-platform-c001);
  font-size: var(--api-platform-rfs007);
}

#api-platform small {
  font-size: var(--api-platform-rfs008);
}

#api-platform h1 {
  font-size: var(--api-platform-rfs001);
}

#api-platform h2 {
  font-size: var(--api-platform-rfs002);
}

#api-platform h3 {
  font-size: var(--api-platform-rfs003);
}

#api-platform h4 {
  font-size: var(--api-platform-rfs004);
}

#api-platform h5 {
  font-size: var(--api-platform-rfs006);
}

#api-platform h6 {
  font-size: var(--api-platform-rfs007);
}

#api-platform .table-width {
  padding: 0;
}

#api-platform .api-platform-line-through {
  text-decoration: line-through;
}

#api-platform .api-platform-font-weight-semi-bold {
  font-weight: var(--api-platform-rfw003);
}

/* ###### */
/* Colors */
/* ###### */

#api-platform .api-platform-font-color-light {
  color: var(--api-platform-c002);
}

#api-platform .api-platform-font-color-lighter {
  color: var(--api-platform-c003);
}

#api-platform .api-platform-font-color-lightest {
  color: var(--api-platform-c004);
}

#api-platform .background-mystic {
  background-color: var(--api-platform-c018);
}

#api-platform .border-geyser {
  border-color: var(--api-platform-c017);
}

/* ########### */
/* Form fields */
/* ########### */

::placeholder {
  color: var(--api-platform-c004); /* Placeholder style */
  opacity: 1;
}

#api-platform input.form-control,
#api-platform select.form-control {
  height: var(--api-platform-ifs001);
}

#api-platform input.form-control,
#api-platform select.form-control,
#api-platform textarea.form-control { /* Text color for form controls */
  color: var(--api-platform-c001);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--api-platform-c017);
}

#api-platform input.form-control.error,
#api-platform select.form-control.error,
#api-platform textarea.form-control.error {
  border: 1px solid var(--api-platform-c016);
  box-shadow: 0 1px 0 4px var(--api-platform-c026);
}

#api-platform .has-error {
  border-color: var(--api-platform-c016);
  color: var(--api-platform-c016) !important;
}

#api-platform api-platform-form-section button.btn-link {
  border: none;
  padding: 0;
}

#api-platform input.form-control,
#api-platform select.form-control,
#api-platform textarea.form-control,
#api-platform button.btn {
  border-radius: var(--api-platform-br001); /* Border radius for form controls */
}

#api-platform div.filter-option-inner,
#api-platform button.btn {
  font-size: var(--api-platform-rfs007);
  font-weight: var(--api-platform-rfw003);
}

#api-platform button.btn-primary {
  color: var(--api-platform-c020);
  background-color: var(--api-platform-c012);
  border: var(--api-platform-c020) 1px solid;
}

#api-platform button.btn-danger {
  color: var(--api-platform-c020);
  background-color: var(--api-platform-c016);
  border: var(--api-platform-c020) 1px solid;
}

#api-platform button.btn-warning {
  color: var(--api-platform-c020);
  background-color: var(--api-platform-c015);
  border: var(--api-platform-c020) 1px solid;
}

#api-platform button.btn-success {
  color: var(--api-platform-c020);
  background-color: var(--api-platform-c008);
  border: var(--api-platform-c020) 1px solid;
}

#api-platform button.btn-info {
  color: var(--api-platform-c012);
  background-color: var(--api-platform-c020);
  border: var(--api-platform-c017) 1px solid;
}

#api-platform td > button.btn-link, div > button.btn-link {
  box-shadow: none !important;
  padding: unset !important;
  border-radius: var(--api-platform-br001);
  border: 2px solid var(--api-platform-border004) !important;
}

#api-platform td > button.btn-link {
  width: 100%;
  height: 100%;
}

#api-platform button.btn-secondary, #api-platform button.btn-default, #api-platform button.btn-light,
#api-platform a.btn-secondary, #api-platform a.btn-default, #api-platform a.btn-light {
  color: var(--api-platform-c001);
  background-color: var(--api-platform-c020);
  border: var(--api-platform-c004) 1px solid;
  font-weight: var(--api-platform-rfw003);
  font-size: var(--api-platform-rfs007);
}

#api-platform button.btn-secondary:hover, #api-platform button.btn-default:hover, #api-platform button.btn-light:hover,
#api-platform a.btn-secondary:hover, #api-platform a.btn-default:hover, #api-platform a.btn-light:hover {
  background-color: var(--api-platform-c020);
}

#api-platform .btn.btn-light:hover, #api-platform .btn.btn-primary:hover, #api-platform .btn.btn-secondary:hover,
#api-platform .btn.btn-default:hover, #api-platform .btn.btn-warning:hover, #api-platform .btn.btn-danger:hover,
#api-platform .btn.btn-success:hover, #api-platform .btn.btn-info:hover,
#api-platform .a.btn-light:hover, #api-platform .a.btn-primary:hover, #api-platform .a.btn-secondary:hover,
#api-platform .a.btn-default:hover, #api-platform .a.btn-warning:hover, #api-platform .a.btn-danger:hover,
#api-platform .a.btn-success:hover, #api-platform .a.btn-info:hover{
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
}

#api-platform .btn-input-append {
  color: var(--api-platform-c003);
}

#api-platform .input-group-text {
  background: #e9ecef;
}

#api-platform button.close {
  font-size: var(--api-platform-rfs003);
  padding: 0;
  margin: 0;
  color: var(--api-platform-c002);
}

#api-platform input.form-control:hover,
#api-platform select.form-control:hover,
#api-platform textarea.form-control:hover,
#api-platform input.form-control:focus,
#api-platform select.form-control:focus,
#api-platform textarea.form-control:focus {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

#api-platform  input.form-control:disabled,
#api-platform  select.form-control:disabled,
#api-platform  textarea.form-control:disabled {
  background-color: var(--api-platform-c019) !important;
  color: var(--api-platform-c003);
}

#api-platform *[disabled="disabled"] {
  cursor: not-allowed !important;
}

#api-platform .btn-primary:hover {
  background-color: var(--api-platform-c012);
  border: var(--api-platform-c020) 1px solid;
}

#api-platform .btn-secondary:hover {
  background-color: var(--api-platform-c020);
  border: var(--api-platform-c017) 1px solid;
}

#api-platform label.error {
  color: var(--api-platform-c016);
  padding-top: 5px;
}

#api-platform label a,
#api-platform .btn.btn-link {
  color: var(--api-platform-c012);
  text-decoration: none;
}

#api-platform label a:hover,
#api-platform .btn.btn-link:hover,
#api-platform label a:focus,
#api-platform .btn.btn-link:focus {
  cursor: pointer;
  color: var(--api-platform-c013);
  text-decoration: none;
}

#api-platform label a:focus,
#api-platform .btn.btn-link:focus {
  box-shadow: var(--api-platform-box-shadow002) var(--api-platform-border002);
}

#api-platform th > .table-checkbox:focus-visible,
#api-platform th > .table-checkbox:focus,
#api-platform .table-header > .table-checkbox:focus
{
  outline: none !important;
  box-shadow: var(--api-platform-box-shadow002) var(--api-platform-border002);
}

#api-platform .checkbox input[type=checkbox] {
  position: relative;
  margin-top: 4px;
  margin-left: 0;
  margin-right: 0.5rem;
}

#api-platform .form-check-input:checked{
  background-color: var(--api-platform-c012);
}

/* ############## */
/* Button & icons */
/* ############## */

#api-platform div.filter-option,
#api-platform .btn > i {
  font-family: var(--api-platform-iff001);
  font-weight: var(--api-platform-ifw003);
  font-size: var(--api-platform-ifs007);
  font-style: normal;
  padding-right: var(--api-platform-pd008);
  opacity: 0.9;
}

#api-platform .btn i.ifs008 {
  font-size: var(--api-platform-ifs008);
}

#api-platform .btn > i.delete:before {
  content: var(--api-platform-icon-delete);
}

#api-platform .btn > i.new:before {
  content: var(--api-platform-icon-new);
}

#api-platform .btn > i.export:before {
  content: var(--api-platform-icon-export);
}

#api-platform .btn > i.copy:before {
  content: var(--api-platform-icon-copy);
}

#api-platform .btn > i.update:before {
  content: var(--api-platform-icon-update);
}

#api-platform .btn > i.impersonate:before {
  content: var(--api-platform-icon-impersonate);
}

#api-platform .btn > i.actions:before {
  content: var(--api-platform-icon-actions);
}

#api-platform .btn > i.add:before {
  content: var(--api-platform-icon-add);
}

#api-platform .btn > i.assign:before {
  content: var(--api-platform-icon-assign);
}

#api-platform .btn > i.remove:before {
  content: var(--api-platform-icon-remove);
}

#api-platform .btn > i.unassign:before {
  content: var(--api-platform-icon-unassign);
}

#api-platform .btn > i.filter:before {
  content: var(--api-platform-icon-filter);
}

#api-platform .btn > i.chevron-up:before {
  content: var(--api-platform-icon-angle-up);
}

#api-platform .btn > i.chevron-down:before {
  content: var(--api-platform-icon-angle-down);
}

#api-platform .btn > i.chevron-right:before {
  content: var(--api-platform-icon-angle-right);
}

#api-platform .btn > i.chevron-left:before {
  content: var(--api-platform-icon-angle-left);
}

#api-platform .btn > i.icon-plus:before {
  content: var(--api-platform-icon-new);
}

#api-platform .btn > i.question-circle:before {
  content: var(--api-platform-icon-question-circle);
}

#api-platform .btn > i.exclamation-circle:before {
  content: var(--api-platform-icon-exclamation-circle);
}

#api-platform button > i.times:before {
  content: var(--api-platform-icon-close);
}

#api-platform button > i.tools:before {
  content: var(--api-platform-icon-tools);
}

#api-platform p.text-info{
  margin-top: 0.5rem;
  color: var(--api-platform-c009) !important;
}

#api-platform i.icon-info{
  margin-right: 0.5rem;
}

#api-platform i.icon-info:before {
  font-family: var(--api-platform-iff001);
  font-size: var(--api-platform-rfs007);
  font-style: normal;
  content: var(--api-platform-icon-info-circle);
}

/* ###### */
/* Alerts */
/* ###### */

#api-platform .api-platform-alert-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin: 2rem auto auto;
}

#api-platform .alert {
  border: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  font-weight: var(--api-platform-rfw002);
  font-size: var(--api-platform-rfs006);
  background-color: var(--api-platform-c020);
}

#api-platform .alert i.alert-icon:before {
  font-family: var(--api-platform-iff001);
  font-weight: var(--api-platform-ifw003);
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

#api-platform .alert > a.alert-anchor {
  text-decoration: none;
}

#api-platform .alert.alert-info,
#api-platform .alert.alert-info > a.alert-anchor {
  color: var(--api-platform-c012);
}

#api-platform .alert.alert-info i.alert-icon:before {
  content: var(--api-platform-icon-info-circle);
}

#api-platform .alert.alert-danger,
#api-platform .alert.alert-danger > a.alert-anchor {
  color: var(--api-platform-c016);
}

#api-platform .alert.alert-danger i.alert-icon:before {
  content: var(--api-platform-icon-danger);
}

#api-platform .alert.alert-success,
#api-platform .alert.alert-success > a.alert-anchor {
  color: var(--api-platform-c008);
}

#api-platform .alert.alert-success i.alert-icon:before {
  content: var(--api-platform-icon-check-circle);
}

#api-platform .alert.alert-warning,
#api-platform .alert.alert-warning > a.alert-anchor {
  color: var(--api-platform-c016);
}

#api-platform .alert.alert-warning i.alert-icon:before {
  content: var(--api-platform-icon-exclamation-circle);
}

/* ################# */
/* Panel definitions */
/* ################# */

#api-platform .modal-dialog {
  padding-top: var(--api-platform-pd004);
}

#api-platform .modal-dialog > .modal-content {
  border: none;
  background-color: var(--api-platform-c020);
}

#api-platform .modal-dialog.api-platform-table-panel .api-platform-padding-bar {
  padding: var(--api-platform-pd004) var(--api-platform-pd007);
}

#api-platform .modal-dialog.api-platform-table-panel .api-platform-padding-bar h4 + span {
  color: var(--api-platform-c003);
}

#api-platform .modal-dialog .api-platform-table-panel.api-platform-details-bar {
  border-top: var(--api-platform-c017) 1px solid;
  margin: 0;
}

#api-platform .api-platform-header-bar {
  border-bottom: var(--api-platform-c017) 1px solid;
}

#api-platform .modal-dialog.api-platform-table-panel,
#api-platform .modal-dialog.api-platform-base-panel {
  margin: 0;
  min-width: 100%;
}

#api-platform .modal-dialog.api-platform-table-panel .row + .row {
  padding-top: 0
}

#api-platform .modal-dialog.api-platform-base-panel .row + .row {
  padding-top: var(--api-platform-pd004)
}

#api-platform .modal-dialog.api-platform-base-panel .modal-body {
  padding: var(--api-platform-pd006);
}

#api-platform .modal-dialog.api-platform-table-panel .modal-body {
  padding: 0;
}

#api-platform .modal.fade .modal-dialog > .modal-content {
  background-color: var(--api-platform-c020); /* panel background */
  box-shadow: none;
}

#api-platform .modal-dialog h1.modal-title {
  font-size: var(--api-platform-rfs004); /* Panel title */
}

#api-platform .modal-content {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: var(--api-platform-br001);
}

/* ################### */
/*    Details List     */
/* ################### */

dl dt {
  font-weight: var(--api-platform-rfw002);
}

dl {
  margin-bottom: 0;
}

/* ############################ */
/* Modal form panel definitions */
/* ############################ */

#api-platform div.modal-dialog.api-platform-form-panel {
  min-width: 330px !important;
}

#api-platform .api-platform-form-panel .modal-body {
  padding: var(--api-platform-pd004);
  background-color: var(--api-platform-c019);
}

#api-platform .api-platform-form-panel .modal-header {
  border: 0;
  padding: var(--api-platform-pd004);
}

#api-platform .api-platform-form-panel .modal-header .delete-modal-header {
  color: var(--api-platform-c010);
}

#api-platform .api-platform-form-panel .modal-footer {
  border: 0;
  padding: var(--api-platform-pd004);
}

#api-platform .api-platform-form-panel button.btn {
  padding-left: 1rem;
  padding-right: 1rem;
}

#api-platform .api-platform-form-panel .modal-body input[readonly] {
  background-color: var(--api-platform-c019);
}

#api-platform .api-platform-form-panel .modal-body input[readonly].api-platform-select-toggle {
  background-color: var(--api-platform-c020);
}

#api-platform .api-platform-form-panel .modal-body .code-label {
  font-weight: var(--api-platform-rfw004) ;
}

/* ########################### */
/* Jumbotron panel definitions */
/* ########################### */

#api-platform .api-platform-jumbotron form,
#api-platform .api-platform-jumbotron .form-control,
#api-platform .api-platform-jumbotron label { /* Font size of form controls */
  font-size: var(--api-platform-rfs006);
}

#api-platform .api-platform-jumbotron form > .row:not(:last-child) { /* Padding bottom for form groups */
  padding-bottom: var(--api-platform-pd009);
}

#api-platform .api-platform-jumbotron form label,
#api-platform .api-platform-jumbotron form small { /* Left padding for form texts */
  padding-left: var(--api-platform-pd011);
}

#api-platform .api-platform-jumbotron .form-group {
  margin-bottom: var(--api-platform-pd005);
}

#api-platform .api-platform-table-panel button.btn,
#api-platform .api-platform-jumbotron button.btn,
#api-platform .api-platform-table-panel a.btn,
#api-platform .api-platform-jumbotron a.btn {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

#api-platform .api-platform-table-panel select + button.btn,
#api-platform .api-platform-table-panel button.btn + button.btn,
#api-platform .api-platform-table-panel button.btn + div.dropdown,
#api-platform .api-platform-table-panel div.dropdown + div.dropdown {
  margin-left: var(--api-platform-pd006);
}

#api-platform .api-platform-jumbotron button.btn {
  font-weight: var(--api-platform-rfw003);
  font-size: var(--api-platform-rfs006);
}

#api-platform .api-platform-jumbotron button.btn-link {
  font-size: var(--api-platform-rfs007);
}

@media all and (min-width: 1px) {
  #api-platform .api-platform-jumbotron .modal-header { /* Jumbotron panel header padding */
    padding: var(--api-platform-pd003) var(--api-platform-pd002) var(--api-platform-pd005) var(--api-platform-pd002);
    border-bottom: 0;
  }

  #api-platform .api-platform-jumbotron .modal-body { /* Jumbotron panel content padding */
    padding: var(--api-platform-pd006) var(--api-platform-pd002) var(--api-platform-pd006) var(--api-platform-pd002);
  }

  #api-platform .api-platform-jumbotron .modal-footer { /* Jumbotron panel footer padding */
    padding: var(--api-platform-pd005) var(--api-platform-pd002) var(--api-platform-pd002) var(--api-platform-pd002);
    border-top: 0;
  }
}

#api-platform .api-platform-jumbotron button.btn-primary.btn-lg {
  height: 4.5rem;
  font-size: var(--api-platform-rfs006);
}

#api-platform .api-platform-jumbotron > .modal-content {
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

/* ###################### */
/* Background definitions */
/* ###################### */

#api-platform .api-platform-full-background, .api-platform-one-third-background {
  background: var(--api-platform-gr001-old);
  background: var(--api-platform-gr001-moz);
  background: var(--api-platform-gr001-webkit);
  background: var(--api-platform-gr001-regular);
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  z-index: -1;
}

#api-platform .api-platform-full-background {
  height: 100%
}

#api-platform .api-platform-one-third-background {
  height: 33rem;
}

body {
  padding-top: var(--api-platform-pd003);
  background-color: var(--api-platform-c018);
  min-width: 350px !important; /* Bye bye iPhone 5 */
}

/* #### */
/* logo */
/* #### */

#api-platform .api-platform-logo > label {
  display: inline;
  padding-left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: var(--api-platform-rfs001);
  font-weight: var(--api-platform-rfw004);
}

#api-platform .api-platform-logo > label.api-platform-logo-bright {
  background-image: none;
  margin-top: 1rem;
  margin-bottom: 0;
  display: inline-block;
  font-weight: 500;
  color: var(--api-platform-c020);
}

#api-platform .api-platform-logo {
  background-image: url(../logo/svg/logo.svg) !important;
  width: 247px;
  height: 39px;
  display: flex;
}

/* ####################### */
/* api-platform References */
/* ####################### */

#api-platform .api-platform-references-bright > .riot > span {
  font-size: var(--api-platform-rfs006);
  color: var(--api-platform-c020);
  padding: 0 var(--api-platform-pd008);
}

#api-platform .api-platform-references-bright > .riot > span:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* #################### */
/* Api-platform Nav bar */
/* #################### */
@media all and (min-width: 992px) {
  #api-platform #api-platform-navbar .offcanvas-body {
    display: flex;
    flex-grow: 0 !important;
    padding: 0 !important;
    overflow-y: visible !important;
  }
}

#api-platform #api-platform-navbar li.nav-item a.nav-link > i,
#api-platform #api-platform-navbar li.nav-item label.nav-link > i,
#api-platform #api-platform-navbar a.navbar-toggler > i,
#api-platform #api-platform-navbar div.offcanvas-footer a.nav-link > i {
  font-family: var(--api-platform-iff001);
  font-weight: var(--api-platform-ifw003);
  font-size: var(--api-platform-ifs004);
  font-style: normal;
  color: var(--api-platform-c020);
  opacity: 0.9;
  cursor: pointer;
}

#api-platform #api-platform-navbar button.btn.nav-link, #api-platform #api-platform-navbar .dropdown-toggle-btn {
  height: fit-content;
}

#api-platform #api-platform-navbar li.nav-item a.nav-link > i:hover {
  opacity: 1;
}

#api-platform #api-platform-navbar li.nav-item a:focus {
  outline: none !important;
  border-radius: var(--api-platform-br001);
  box-shadow: var(--api-platform-box-shadow001) var(--api-platform-border001) inset;
}

#api-platform #api-platform-nav-link-home > i:before {
  content: var(--api-platform-icon-home);
}

#api-platform #toggle-icon > i:before {
  content: var(--api-platform-icon-bar);
}

#api-platform #api-platform-nav-link-search > i:before {
  content: var(--api-platform-icon-search);
}

#api-platform #api-platform-nav-link-profile > i:before {
  content: var(--api-platform-icon-user);
}

#api-platform #api-platform-nav-link-help > i:before {
  content: var(--api-platform-icon-question-circle);
}

#api-platform #api-platform-nav-link-logout > i:before,
#api-platform #api-platform-mobile-nav-link-logout > i:before {
  content: var(--api-platform-icon-sign-out);
}

#api-platform #api-platform-navbar .offcanvas-body {
  flex-grow: 1;
  padding: var(--api-platform-pd007) var(--api-platform-pd006);
  overflow-y: auto;
}

#api-platform #api-platform-navbar .toggle-dropdown-btn, #api-platform #api-platform-navbar .nav-item > * {
  color: var(--api-platform-c020);
  box-shadow: none;
  font-size: var(--api-platform-rfs006);
  align-self: center;
  font-weight: var(--api-platform-rfw003);
}

#api-platform .nav-item > span {
  cursor: default;
}

#api-platform #api-platform-navbar .toggle-dropdown-btn.toggle-body {
  color: var(--api-platform-c001);
  font-weight: var(--api-platform-rfw002);
  padding-bottom: var(--api-platform-pd003);
  padding-top: 0;
}

#api-platform #api-platform-navbar .menu-toggle-item.toggle-body {
  color: var(--api-platform-c001);
  font-weight: var(--api-platform-rfw002);
  padding-bottom: var(--api-platform-pd006);
  padding-top: 0;
}

#api-platform #api-platform-navbar .toggle-body.nav-link {
  text-transform: uppercase;
  justify-content: center;
}

#api-platform #api-platform-navbar .nav-dropdown-customized-menu::after {
  content: '';
  position: absolute;
  left: 98.5%;
  bottom: 100%;
  height: 0;
  border: var(--api-platform-menu-arrow-border);
  border-bottom-color: var(--api-platform-c020);
  margin-left: calc(var(--api-platform-pd003) * -0.55);
  transform: translateX(-50%);

}

#api-platform #api-platform-navbar .nav-dropdown-customized-menu {
  list-style: none;
  box-shadow: 0 8px 6px -6px var(--api-platform-c003);
  border: var(--api-platform-bw001) solid var(--api-platform-c004);
  min-width: 150px;
}

#api-platform #api-platform-navbar .toggle-dropdown-customized-menu {
  list-style: none;
  padding-left: 0;
  padding-bottom: var(--api-platform-pd003);
}

#api-platform #api-platform-navbar .toggle-dropdown-customized-menu > *,
#api-platform #api-platform-navbar .toggle-dropdown-customized-menu ul > * {
  padding-bottom: var(--api-platform-pd006);
}

#api-platform #api-platform-navbar .toggle-dropdown-customized-menu ul > *:last-child {
  padding-bottom: 0;
}

#api-platform #api-platform-navbar {
  padding-top: var(--api-platform-pd003);
  padding-bottom: var(--api-platform-pd003);
}

#api-platform #api-platform-navbar ul.child-dropdown-customized-menu {
  padding-top: var(--api-platform-pd007);
  padding-left: var(--api-platform-pd007);
  border: none;
}

#api-platform #api-platform-navbar .btn > i.chevron-down:before, #api-platform .dropdown-item > i.chevron-down:before {
  content: var(--api-platform-icon-angle-down);
}

#api-platform #api-platform-navbar .dropdown-item.show > i.chevron-down:before {
  content: var(--api-platform-icon-angle-up);
}

#api-platform #api-platform-navbar .api-platform-dropdown-header {
  font-size: var(--api-platform-rfs007);
  text-decoration: none;
  font-weight: var(--api-platform-rfw004);
  line-height: 1.2;
  padding-bottom: var(--api-platform-pd009);
  padding-top: var(--api-platform-pd009);
}

#api-platform #api-platform-navbar span.api-platform-dropdown-header {
  cursor: default;
}

#api-platform #api-platform-navbar .dropdown-item {
  box-shadow: none !important;
  outline: none !important;
  display: inline;
  font-size: var(--api-platform-rfs006);
  width: fit-content;
}

#api-platform #api-platform-navbar .nav-dropdown-customized-menu .dropdown-item {
  display: inline-block;
  font-size: var(--api-platform-rfs007);
  width: 100%;
}

#api-platform #api-platform-navbar .dropdown-menu .dropdown-item.dropdown-sub-item,
#api-platform input.api-platform-year-picker {
  padding-left: var(--api-platform-pd005);
}

#api-platform #api-platform-navbar .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}

/* ############### */
/* Skeleton Screen */
/* ############### */

#api-platform .api-platform-skeleton {
  opacity: 0.6;
  background: var(--api-platform-c004);
  border-radius: var(--api-platform-br001);
  transform: scale(1);
  box-shadow: 0 0 0 0 var(--api-platform-c004);
  /* animation: skeleton-pulse 2.5s infinite; */
}

#api-platform .error .api-platform-skeleton {
  background: var(--api-platform-c016);
}

#api-platform .api-platform-skeleton-chart-center {
  height: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding-bottom: var(--api-platform-pd006);
}

#api-platform .api-platform-skeleton-chart-wrapper {
  white-space: nowrap;
}

#api-platform .api-platform-skeleton-chart-bar {
  margin: var(--api-platform-pd009);
  display: inline-block;
}

@keyframes skeleton-pulse {
  0% {
    transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(120, 123, 128, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 4px rgba(120, 123, 128, 0);
  }

  100% {
    transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(120, 123, 128, 0);
  }
}

/* ############ */
/* Autocomplete */
/* ############ */

#api-platform .api-platform-autocomplete .autocomplete-list {
  background-color: var(--api-platform-c020);
  width: 100%;
  padding: 0;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: var(--api-platform-br001);
}

#api-platform .api-platform-autocomplete .autocomplete-list .autocomplete-item {
  cursor: pointer;
  list-style: none;
  padding: var(--api-platform-pd008) var(--api-platform-pd007) var(--api-platform-pd008) var(--api-platform-pd007);
  border-radius: var(--api-platform-br001);
  color: var(--api-platform-c001)
}

#api-platform .api-platform-autocomplete .autocomplete-list .autocomplete-no-result {
  list-style: none;
  padding: .75rem 1rem .75rem 1rem;
  border-radius: var(--api-platform-br001);
  color: var(--api-platform-c001)
}

#api-platform .api-platform-autocomplete .autocomplete-list .autocomplete-item:hover,
#api-platform .api-platform-autocomplete .autocomplete-list .autocomplete-item[aria-selected="true"] {
  background-color: var(--api-platform-c018);
}

/* ##### */
/* Table */
/* ##### */

#api-platform tbody,
#api-platform thead,
#api-platform tfoot,
#api-platform td,
#api-platform th,
#api-platform .table-header,
#api-platform .table-cell,
#api-platform tr,
#api-platform tr:hover,
#api-platform tr:focus {
  border-style: none;
}

#api-platform table th,
#api-platform table td,
#api-platform .table-header{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 75px;
  color: var(--api-platform-c001);
  vertical-align: top;
  border-top: 1px solid var(--api-platform-c017);
}

#api-platform table td,
#api-platform table th,
#api-platform .table-header,
#api-platform .table-cell{
  padding: var(--api-platform-pd008);
}

#api-platform table.no-select td:first-child,
#api-platform table.no-select th:first-child,
#api-platform table.no-select td.api-platform-table-details-key {
  padding-left: var(--api-platform-pd002);
}

/*
  add specific selection for :first-child elements to override other paddings, since the icons are centered,
  there is enough space and no padding is needed, even for the first column
*/
#api-platform table thead th.icon-column, #api-platform table tbody tr td.icon-column,
#api-platform table thead th.icon-column:first-child, #api-platform table tbody tr td.icon-column:first-child {
  width: 75px;
  text-align: center;
  padding-left: var(--api-platform-pd008);
  text-overflow: unset;
}

#api-platform table th:focus-visible,
#api-platform table td:focus-visible,
#api-platform .table-header:focus-visible,
#api-platform .table-cell:focus-visible,
#api-platform table th:focus,
#api-platform table td:focus,
#api-platform .table-header:focus,
#api-platform .table-cell:focus {
  outline: none;
  border-radius: 4px;
  box-shadow: var(--api-platform-box-shadow002) var(--api-platform-border002) inset;
}

#api-platform table td:not(.api-platform-no-hover), table th:not(.api-platform-no-hover),
table input, #api-platform .table-header:not(.api-platform-no-hover) {
  cursor: pointer;
}

#api-platform table th.api-platform-no-hover,
#api-platform .table-header.api-platform-no-hover{
  cursor: default;
}

#api-platform table tbody tr:not(.api-platform-no-hover):hover {
  --bs-table-bg-state: var(--api-platform-c019);
}

#api-platform table thead .form-check-input,
#api-platform .table-header .form-check-input,
#api-platform .table-cell .form-check-input,
#api-platform table tbody .form-check-input {
  border-left-color: var(--api-platform-c002);
  border-top-color: var(--api-platform-c002);
  border-right-color: var(--api-platform-c002);
  border-bottom-color: var(--api-platform-c002);
}

#api-platform table thead th,
#api-platform .table-header{
  vertical-align: top;
  text-transform: uppercase;
  font-weight: var(--api-platform-rfw002);
  border-bottom: 0;
  color: var(--api-platform-c001);
  background-color: var(--api-platform-c019);
}

#api-platform table tbody th:first-child,
#api-platform table thead th:first-child,
#api-platform .table-header:first-child,
#api-platform .table-cell:first-child,
#api-platform table tbody tr td:first-child{
  text-align: center;
  min-width: 25px;
}

#api-platform table.no-select thead th:first-child,
#api-platform table tbody tr td:first-child {
  text-align: start;
}

#api-platform table.no-select tbody .api-platform-table-details-list td:first-child {
  display: none;
}

#api-platform .table-body-group-row > td {
  background: var(--api-platform-c018);
  font-weight: var(--api-platform-rfw003);
}

#api-platform table i {
  font-family: var(--api-platform-iff001);
  font-weight: var(--api-platform-ifw003);
  font-size: var(--api-platform-ifs007);
  font-style: normal;
  padding-right: var(--api-platform-pd008);
  padding-left: var(--api-platform-pd008);
  color: var(--api-platform-c012);
}

#api-platform table i.show-details:before {
  content: var(--api-platform-icon-angle-down);
}

#api-platform table i.hide-details:before {
  content: var(--api-platform-icon-angle-up);
}

#api-platform table i.action-add:before {
  content: var(--api-platform-icon-new);
}

#api-platform table i.action-update:before {
  content: var(--api-platform-icon-update);
}

#api-platform table i.action-delete:before {
  content: var(--api-platform-icon-delete);
}


/* ############# */
/* Select picker */
/* ############# */

#api-platform select + button.btn.dropdown-toggle {
  color: var(--api-platform-c001);
  margin-left: 0;
}

#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
#api-platform .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: var(--api-platform-c003);
}

#api-platform .bootstrap-select {
  margin-left: var(--api-platform-pd006);
}

#api-platform .api-platform-table-view-select + .dropdown-menu .option {
  outline: none !important;
}

#api-platform .api-platform-table-view-select + .dropdown-menu .option.selected,
#api-platform input.api-platform-select-toggle ~ .dropdown-menu .option.selected {
  background: var(--api-platform-c018);
}

#api-platform button.btn:focus {
  outline: none !important;
  box-shadow: var(--api-platform-box-shadow002) var(--api-platform-border002);

}

#api-platform td > button.btn-link:focus, div > button.btn-link:focus, div > button.btn-link:focus-visible {
  outline: none !important;
  border: 2px solid var(--api-platform-border002) !important;
}

#api-platform a.menu-node-content:focus-visible,
a.menu-node-content:focus,
button.menu-node-content:focus,
button.menu-node-content:focus-visible {
  outline: none;
  border-radius: var(--api-platform-br001);
  box-shadow: var(--api-platform-box-shadow002) var(--api-platform-border002) inset;
}

#api-platform .menu-node-content {
  text-decoration: none;
}

#api-platform .menu-node-content:not(.no-link):hover,
#api-platform .menu-node-content:not(.no-link):focus {
  text-decoration: underline;
}

#api-platform .home-menu-toggle:focus-visible, .home-menu-toggle:focus {
  outline: none !important;
  border-radius: var(--api-platform-br001);
  box-shadow: var(--api-platform-box-shadow002) var(--api-platform-border002) inset;
}

#api-platform .bootstrap-select .dropdown-menu li.active small {
  color: var(--api-platform-c004) !important;
}

#api-platform .bootstrap-select .dropdown-menu .notify {
  background: var(--api-platform-c020);
  border: 1px solid var(--api-platform-c018);
}

#api-platform .dropdown-item.active, #api-platform .dropdown-item:active {
  color: var(--api-platform-c001);
  background-color: var(--api-platform-c019);
}

#api-platform span.dropdown-item {
  cursor: default;
}

.api-platform-select-group:not(:last-child) {
  border-bottom: 1px solid var(--api-platform-c018);
}

#api-platform input.api-platform-select-toggle ~ .bi-form-control-height {
  height: var(--api-platform-ifs001);
}

#api-platform input.api-platform-select-toggle + i.caret:before {
  content: var(--api-platform-icon-angle-down);
  font-family: var(--api-platform-iff001);
  font-style: normal;
  padding-top: 1rem;
  display: block;
}

/* ########## */
/* Breadcrumb */
/* ########## */

#api-platform div.breadcrumbs:focus, #api-platform div.breadcrumbs:focus-visible {
  outline: 2px auto var(--api-platform-border003) !important;
}

#api-platform div.breadcrumbs .api-platform-breadcrumb-row {
  border: 1px solid #ffffff;
  border-radius: 5px;
}

/* ################### */
/* Breadcrumbs forward */
/* ################### */

#api-platform .breadcrumb-arrow-forward {
  height: 4rem;
  padding: 0;
  margin: 0;
  line-height: 4rem;
  list-style: none;
  background-color: var(--api-platform-c020);
  flex-wrap: nowrap;
}

#api-platform .breadcrumb-arrow-forward li:first-child a {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  padding: 0 2rem 0 1.6rem;
}

#api-platform .breadcrumb-arrow-forward li, .breadcrumb-arrow-forward li a, .breadcrumb-arrow-forward li span {
  display: inline-block;
  vertical-align: top;
  font-size: var(--api-platform-rfs006);
}

#api-platform .breadcrumb-arrow-forward li:not(:first-child) {
  margin-left: -5px
}

#api-platform .breadcrumb-arrow-forward li + li:before {
  padding: 0;
  content: ""
}

#api-platform .breadcrumb-arrow-forward li a, .breadcrumb-arrow-forward li:not(:first-child) span {
  height: 4rem;
  padding: 0 2rem 0 3rem;
  line-height: 4rem;
  border: 1px solid #ffffff00;
}

#api-platform .breadcrumb-arrow-forward li a {
  position: relative;
  color: var(--api-platform-c001);
  text-decoration: none;
  background-color: var(--api-platform-c019);
  border: 1px solid var(--api-platform-c019);
}

#api-platform .breadcrumb-arrow-forward li a:after, .breadcrumb-arrow-forward li a:before {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  content: '';
  border-top: 2rem solid transparent;
  border-bottom: 2rem solid transparent
}

#api-platform .breadcrumb-arrow-forward li a:before {
  right: -10px;
  z-index: 3;
  border-left-color: var(--api-platform-c019);
  border-left-style: solid;
  border-left-width: 11px
}

#api-platform .breadcrumb-arrow-forward li a:after {
  right: -11px;
  z-index: 2;
  border-left: 11px solid var(--api-platform-c004);
}

/* allows ellipsis in client customer cap */
#api-platform .breadcrumb-arrow-forward dfn {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  font-style: normal;
}

#api-platform .breadcrumb-arrow-forward a,
#api-platform .breadcrumb-arrow-forward span,
#api-platform .breadcrumb-arrow-forward dfn {
  width: 100%;
}

/* if client and app title */
#api-platform .breadcrumb-selected-client,
#api-platform .breadcrumb-caption {
  max-width: 50%;
}

/* if client, customer and app title */
#api-platform .breadcrumb-selected-client:has(+.breadcrumb-selected-customer),
#api-platform .breadcrumb-selected-customer,
#api-platform .breadcrumb-selected-customer + .breadcrumb-caption {
  max-width: 33%;
}


/* #################### */
/* Breadcrumbs no arrow */
/* #################### */

#api-platform .breadcrumb-no-arrow {
  height: 4rem;
  padding: 0;
  margin: 0;
  line-height: 4rem;
  list-style: none;
  background-color: var(--api-platform-c020);
}

#api-platform .breadcrumb-no-arrow li,
#api-platform .breadcrumb-no-arrow span,
#api-platform .breadcrumb-no-arrow dfn {
  max-width: 100%;
}

#api-platform .breadcrumb-no-arrow li:first-child a {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  padding: 0 2rem 0 1.6rem;
}

#api-platform .breadcrumb-no-arrow dfn {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-style: normal;
  display: block;
}

#api-platform .breadcrumb-no-arrow li, .breadcrumb-no-arrow li a, .breadcrumb-no-arrow li span {
  display: inline-block;
  vertical-align: top;
  font-size: var(--api-platform-rfs006);
}

#api-platform .breadcrumb-no-arrow li a, .breadcrumb-no-arrow li span {
  height: 4rem;
  padding: 0 2rem 0 3rem;
  line-height: 4rem;
  border: 1px solid #ffffff00;
}

#api-platform .breadcrumb-no-arrow li a {
  position: relative;
  color: var(--api-platform-c001);
  text-decoration: none;
  background-color: var(--api-platform-c019);
  border: 1px solid var(--api-platform-c019);
}

/* #################### */
/* Breadcrumbs backward */
/* #################### */

#api-platform .breadcrumb-arrow-backward {
  height: 4rem;
  padding: 0;
  margin: 0;
  line-height: 4rem;
  list-style: none;
  background-color: var(--api-platform-c020);
}

#api-platform .breadcrumb-arrow-backward li:first-child a {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  padding: 0 2rem 0 1.6rem;
}

#api-platform .breadcrumb-arrow-backward dfn {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 26rem;
  font-style: normal;
}

#api-platform .breadcrumb-arrow-backward li, .breadcrumb-arrow-backward li a, .breadcrumb-arrow-backward li span {
  display: inline-block;
  vertical-align: top;
  font-size: var(--api-platform-rfs006);
}

#api-platform .breadcrumb-arrow-backward li:not(:first-child) {
  margin-left: -5px
}

#api-platform .breadcrumb-arrow-backward li + li:before {
  padding: 0;
  content: ""
}

#api-platform .breadcrumb-arrow-backward li a, .breadcrumb-arrow-backward li:not(:first-child) span {
  height: 4rem;
  padding: 0 2rem 0 3rem;
  line-height: 4rem;
}

#api-platform .breadcrumb-arrow-backward li a {
  position: relative;
  color: var(--api-platform-c001);
  text-decoration: none;
  background-color: var(--api-platform-c020);
  border: 1px solid var(--api-platform-c020);
}

#api-platform .breadcrumb-arrow-backward li a:after, .breadcrumb-arrow-backward li a:before {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  content: '';
  border-top: 2rem solid transparent;
  border-bottom: 2rem solid transparent
}

#api-platform .breadcrumb-arrow-backward li a:before {
  right: -10px;
  z-index: 3;
  border-right-color: var(--api-platform-c020);
  border-right-style: solid;
  border-right-width: 11px;
}

#api-platform .breadcrumb-arrow-backward li a:after {
  right: -9px;
  z-index: 2;
  border-right: 11px solid var(--api-platform-c004);
}

/* ######### */
/* Popover-X */
/* ######### */

#api-platform .popover-x {
  display: block;
  border: 0;
  border-radius: var(--api-platform-br001);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

#api-platform .popover-x button.btn {
  padding: 0.25rem 1.0rem;
}

#api-platform div.popover.popover-x .popover-header,
#api-platform div.popover.popover-x .popover-content,
#api-platform div.popover.popover-x .popover-footer {
  font-size: 1.4rem;
  padding: 1rem;
}

#api-platform div.popover.popover-x .popover-header {
  text-transform: uppercase;
  border: 0;
}

#api-platform div.popover.popover-x.popover-default .popover-header {
  color: var(--api-platform-c001);
  background-color: var(--api-platform-c018);
}

#api-platform div.popover.popover-x.popover-primary .popover-header {
  color: var(--api-platform-c012);
  background-color: var(--api-platform-c022);
}

#api-platform div.popover.popover-x.popover-info .popover-header {
  color: var(--api-platform-c011);
  background-color: var(--api-platform-c021);
}

#api-platform div.popover.popover-x.popover-success .popover-header {
  color: var(--api-platform-c008);
  background-color: var(--api-platform-c024);
}

#api-platform div.popover.popover-x.popover-warning .popover-header {
  color: var(--api-platform-c009);
  background-color: var(--api-platform-c025);
}

#api-platform div.popover.popover-x.popover-danger .popover-header {
  color: var(--api-platform-c016);
  background-color: var(--api-platform-c026);
}

#api-platform div.popover.popover-x .popover-header > span {
  padding: 0 2rem;
}

#api-platform div.popover.popover-x input.form-control,
#api-platform div.popover.popover-x select.form-control,
#api-platform div.popover.popover-x textarea.form-control {
  height: var(--api-platform-ifs002)
}

/* ############# */
/* Warning modal */
/* ############# */

#api-platform .modal.api-platform-warning-modal h1 {
  color: var(--api-platform-c001);
}

#api-platform .modal.api-platform-warning-modal div.modal-body {
  background-color: var(--api-platform-c026);
  color: var(--api-platform-c010);
}

/* ############ */
/* Danger modal */
/* ############ */

#api-platform .modal.api-platform-danger-modal h1 {
  color: var(--api-platform-c016);
}

#api-platform .modal.api-platform-danger-modal div.modal-body {
  background-color: var(--api-platform-c026);
  color: var(--api-platform-c010);
}

#api-platform .modal.api-platform-danger-modal h1 i {
  font-family: var(--api-platform-iff001);
  font-weight: var(--api-platform-ifw003);
  font-style: normal;
  padding-right: var(--api-platform-pd008);
}

#api-platform .modal.api-platform-danger-modal h1 i:before {
  content: var(--api-platform-icon-danger);
}

/* ######## */
/* Dropdown */
/* ######## */

#api-platform .dropdown-menu .dropdown-item.disabled,
#api-platform .dropdown-menu .dropdown-item.disabled:hover,
#api-platform .dropdown-menu .dropdown-item.disabled:focus {
  cursor: not-allowed;
  background-color: var(--api-platform-c020);
  pointer-events: initial;
  color: #6c757d /* Overwrite Bootstrap color definition */
}

#api-platform .dropdown-menu .dropdown-item {
  cursor: pointer;
}

#api-platform .dropdown-menu .whitespace-normal {
  white-space: normal;
}

/* ###################### */
/* Badges &  Label Badges */
/* ###################### */

#api-platform .badge {
  margin-right: var(--api-platform-pd009);
  margin-bottom: var(--api-platform-pd010);
  margin-top: var(--api-platform-pd010);
  font-size: var(--api-platform-rfs007);
}

#api-platform .badge.api-platform-label {
  text-transform: uppercase;
  font-size: var(--api-platform-rfs008);
}

#api-platform .badge.badge-primary {
  color: var(--api-platform-c006);
  background-color: var(--api-platform-c021);
  border: var(--api-platform-c012) 1px solid;
}

#api-platform .badge.badge-info,
#api-platform .badge.badge-secondary {
  color: var(--api-platform-c007);
  background-color: var(--api-platform-c022);
  border: var(--api-platform-c013) 1px solid;
}

#api-platform .badge.badge-success {
  color: var(--api-platform-c008);
  background-color: var(--api-platform-c024);
  border: var(--api-platform-c014) 1px solid;
}

#api-platform .badge.badge-warning {
  color: var(--api-platform-c009);
  background-color: var(--api-platform-c025);
  border: var(--api-platform-c015) 1px solid;
}

#api-platform .badge.badge-danger {
  color: var(--api-platform-c010);
  background-color: var(--api-platform-c026);
  border: var(--api-platform-c016) 1px solid;
}

#api-platform .badge.badge-light {
  color: var(--api-platform-c002);
  background-color: var(--api-platform-c019);
  border: var(--api-platform-c003) 1px solid;
}

#api-platform .badge.badge-dark {
  color: var(--api-platform-c001);
  background-color: var(--api-platform-c017);
  border: var(--api-platform-c002) 1px solid;
}

#api-platform .badge i {
  font-family: var(--api-platform-iff001);
  font-style: inherit;
  padding-left: 5px;
}

#api-platform .badge.badge-primary i {
  color: var(--api-platform-c006);
}

/* ######## */
/* Ellipsis */
/* ######## */

#api-platform .api-platform-ellipsis-25,
#api-platform .api-platform-ellipsis-50,
#api-platform .api-platform-ellipsis-75,
#api-platform .api-platform-ellipsis-90,
#api-platform .api-platform-ellipsis-100 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#api-platform .api-platform-ellipsis-25 {
  max-width: 25%;
}

#api-platform .api-platform-ellipsis-50 {
  max-width: 50%;
}

#api-platform .api-platform-ellipsis-75 {
  max-width: 75%;
}

#api-platform .api-platform-ellipsis-90 {
  max-width: 90%;
}

#api-platform .api-platform-ellipsis-100 {
  max-width: 100%;
}

#api-platform .api-platform-flex-ellipsis-parent {
  flex: 1;
  min-width: 0;
  position: relative;
}

#api-platform .api-platform-flex-ellipsis-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

/* ###### */
/* Footer */
/* ###### */

#api-platform footer .btn.btn-link {
  font-weight: var(--api-platform-rfw002);
  color: var(--api-platform-c001);
}

#api-platform footer .btn.btn-link:hover,
#api-platform footer .btn.btn-link:focus {
  color: var(--api-platform-c001);
  text-decoration: underline;
}

/* ##### */
/* Utils */
/* ##### */

#api-platform .cursor-pointer {
  cursor: pointer;
}

/* #################### */
/*  Scrollable textarea */
/* #################### */

#api-platform .scrollable-text-area {
  overflow-y: auto;
  border-bottom: 1px solid var(--api-platform-c018);
  border-top: 1px solid var(--api-platform-c018);
  padding-top: var(--api-platform-pd007);
  padding-bottom: var(--api-platform-pd007);
}