:root {
  --gestsynd-red: 0;
  --gestsynd-green: 58;
  --gestsynd-blue: 144;
}
html,
body {
  height: 100%;
}
body {display: flex; flex-direction: column;}
.content {flex: 1 0 auto; padding: 20px;}
.footer {flex-shrink: 0; padding: 20px;}
body {
    color:
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.bg-gestsynd {
    background-color:
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
    color:#FFFFFF!important;
}
.border-gestsynd {
    border-color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      )!important;
}
.bg-gestsynd-25 {
    background-color:
      rgba(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue),
        0.25
      );
    color:
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.bg-gestsynd-10 {
    background-color:
      rgba(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue),
        0.1
      );
    color:
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.navbar .navbar-nav .nav-link{padding-right:.25rem;padding-left:.25rem;color:rgba(255,255,255,0.85)}
.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link:focus{color:#fff}
.navbar .navbar-nav .nav-link.active{font-weight:600;color:#fff}
.icon-link {
    background-size: 1rem 1rem;
}
.icon-link .bi {
    width: 1em;
    height: 1em;
}
.btn-gestsynd {
    color: #fff;
    background-color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
    border-color:
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.btn-gestsynd:hover {
    color: #fff;
    background-color:
      rgb(
        calc(var(--gestsynd-red) * 0.848485),
        calc(var(--gestsynd-green) * 0.837838),
        calc(var(--gestsynd-blue) * 0.853659)
      );
    border-color:
      rgb(
        calc(var(--gestsynd-red) * 0.787879),
        calc(var(--gestsynd-green) * 0.810811),
        calc(var(--gestsynd-blue) * 0.804878)
      );
}
.btn-check:active+.btn-gestsynd, .btn-check:checked+.btn-gestsynd, .btn-gestsynd.active, .btn-gestsynd:active, .show>.btn-gestsynd.dropdown-toggle {
    color: #fff;
    background-color:
      rgb(
        calc(var(--gestsynd-red) * 0.787879),
        calc(var(--gestsynd-green) * 0.810811),
        calc(var(--gestsynd-blue) * 0.804878)
      );
    border-color:
      rgb(
        calc(var(--gestsynd-red) * 0.757576),
        calc(var(--gestsynd-green) * 0.756757),
        calc(var(--gestsynd-blue) * 0.756098)
      );
}
.btn-check:focus+.btn-gestsynd, .btn-gestsynd:focus {
    color: #fff;
    background-color:
      rgb(
        calc(var(--gestsynd-red) * 0.848485),
        calc(var(--gestsynd-green) * 0.837838),
        calc(var(--gestsynd-blue) * 0.853659)
      );
    border-color:
      rgb(
        calc(var(--gestsynd-red) * 0.787879),
        calc(var(--gestsynd-green) * 0.810811),
        calc(var(--gestsynd-blue) * 0.804878)
      );
    box-shadow: 0 0 0 0.25rem rgba(calc(var(--gestsynd-red) * 2.000000), calc(var(--gestsynd-green) * 1.891892), calc(var(--gestsynd-blue) * 1.780488), 0.5);
}
.btn-outline-gestsynd {
    color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
    border-color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.btn-outline-gestsynd:hover {
    color: #fff;
    background-color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
    border-color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.btn-check:active+.btn-outline-gestsynd, .btn-check:checked+.btn-outline-gestsynd, .btn-outline-gestsynd.active, .btn-outline-gestsynd.dropdown-toggle.show, .btn-outline-gestsynd:active {
    color: #fff;
    background-color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
    border-color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.btn-check:focus+.btn-outline-gestsynd, .btn-outline-gestsynd:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--gestsynd-red) var(--gestsynd-green) var(--gestsynd-blue) / 50%);
}
.bi {
    color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
.navbar-nav .bi,
.btn:hover > .bi {
    color: white;
}
.table-bordered {
    border-color: 
      rgb(
        calc(var(--gestsynd-red) * 0.757576),
        calc(var(--gestsynd-green) * 0.756757),
        calc(var(--gestsynd-blue) * 0.756098)
      );
}
.table-bordered tr.bg-gestsynd {
    border-color: 
      rgb(
        calc(var(--gestsynd-red) * 0,242424),
        calc(var(--gestsynd-green) * 0.243243),
        calc(var(--gestsynd-blue) * 0.243902)
      );
}
.actions i {
    cursor:pointer;
}
.btn-text-icon {
    padding-left: 2rem!important;
    position: relative;
}
.btn-text-icon i {
    position: absolute;
    font-size: 1.25rem!important;
    top:.25rem;
    left:.25rem;
}
.nav-tabs .active {
    font-weight:bold;
}
.nav-tabs.nav-large {
    height:4rem;
}
.nav-tabs.nav-large > li,
.nav-tabs.nav-large > li > .btn {
    height:100%;
}
.admin .tab-content .card.plage,
.inscriptions-liste .icon-reset
{
    cursor:pointer;
}
.inscriptions-liste tr:not(.present) .arrivee .valeur,
.inscriptions-liste tr:not(.present) .arrivee .icon-reset,
.inscriptions-liste tr.present .arrivee .btn,
.inscriptions-liste tr.present.parti .arrivee .icon-reset,

.inscriptions-liste tr:not(.present) .depart .btn,
.inscriptions-liste tr:not(.present) .depart .valeur,
.inscriptions-liste tr:not(.present) .depart .icon-reset,
.inscriptions-liste tr.present:not(.parti) .depart .valeur,
.inscriptions-liste tr.present:not(.parti) .depart .icon-reset,
.inscriptions-liste tr.present.parti .depart .btn {
    display:none;
}
.nav-tabs .nav-item .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: 
      rgb(
        var(--gestsynd-red),
        var(--gestsynd-green),
        var(--gestsynd-blue)
      );
}
#inscription > .nav-item > .btn {
    cursor:text;
}
.tab-content .tab-pane {
    display: block;
    margin-right: -100%;
    width: 100%;
    visibility: hidden;
}
#inscriptionContent.tab-content .tab-pane .tab-pane-content {
    padding-bottom: 5.25rem;
}
.tab-content .tab-pane.active {
    visibility: visible!important;
}
.card.disponible.selected {
    background-color: rgb( var(--gestsynd-red), var(--gestsynd-green), var(--gestsynd-blue) )!important;
	color: white;
}
.card.disponible.selected > .background {
    display:none;
}