.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    background-color: #8370c1;
    border-color: #8370c1;
}
.btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #8370c1;
    border-color: #8370c1;
}

h1, h2, h3, h4, h5 { color: #8370c1; }
@media screen and (max-width: 768px) {
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
}

a { color: #0D1F43;}
i { margin-right: 10px; }

#navbar-top { background-color: #0D1F43; min-height: 3rem;}
#navbar-top ol.breadcrumb { background-color: #0D1F43}
#navbar-small { padding: 0; }
#navbar-small .nav-link { padding: 0; }
#navbar-small input { max-width: 150px; }

.sidebar-wrapper { background-color: #0D1F43;  }
@media screen and (min-width: 992px) { /* > lg */
    .sidebar-wrapper {
	position: sticky; top: 4rem;
	height: calc(100vh - 4rem);
    }
}

.sidebar-main, .sidebar-main a { overflow-y: auto; color: rgba(255,255,255,.5); }
.sidebar-main .active a, .sidebar-main a:hover { color: rgba(255,255,255); }

.sidebar-main .group-collapse .subitem { display: none; }
.sidebar-main a i { width: 15px; margin-right: 10px; }
.sidebar-main .active a i, .sidebar-main a:hover i { color: #46c4d0; }
.sidebar-main .subitem { margin-left: 25px; }

div.index-buttons { width: 100%; }
div.group-info .hour p, .group-info .rate p { margin-bottom: 0; }
div.group-info .hour .header, .group-info .rate .header { font-weight: bold; }
div.group-info .hour p.description { color: #6c757d; }
div.group-info h5 { margin-top: 1rem; }

div.profile-payment .header { font-weight: bold; }
div.profile-payment .description { color: #6c757d; margin-bottom: 0; }
div.profile-payment h5 { margin-top: 1rem; }
div.profile-payment .payment.invalid { text-decoration: line-through; opacity: .6; }

div.card.licensee .licensee-photo { max-width: min(10vw,100px); margin-right: 1rem; }
div.card.licensee .btn-block > i { margin-right: 0; }
div.card.licensee .multiple-days > a.btn { margin-right: 10px; }
div.card.licensee.deactivated { opacity: 0.5; }

p.table-caption { font-style: italic; color: rgba(0,0,0,.7); text-align: center; }

i.fa-paper-plane { color: green; }
i.fa-check { color: green; }
i.fa-hourglass { color: orange; }
i.fa-question { color: blue; }
i.fa-star { color: red; }
i.fa-hand-holding-heart { color: red; }
i.fa-exclamation-triangle { color: red; }
i.fa-file-pdf { color: red; }

/* Email */
div.group-select-row {
    max-height: 200px;
    overflow-y: scroll;
}

/* Document status */
i.accepted { color: green; }
i.waiting { color: blue; }
i.refused { color: red; }

#footer { border-top: 1px solid #ccc; clear: both; text-align: center; padding: 10px; color: #aaa; background-color: white; }

/* Boxes */
.user-licensee-group { max-width: 24rem; }
.user-licensee-group .status-row { font-size: 90%; }
.user-licensee-group .waiting-test { background-color: #46c4d0; }
.user-licensee-group .waiting-test { background-color: #46c4d0; }
.user-licensee-group .missing { background-color: rgba(255,0,0,.3); }
.user-licensee-group .all-ok { background-color: rgba(0,255,0,.3); }

div.card.licensee .user-info { margin-top: 0; margin-bottom: 0; }

.custom-file-input ~ .custom-file-label::after {
    content: 'Choisir...';
}

/* Inscription steps */
.steps { list-style-type: none;  padding: 0; width: 100%; display: flex; }
.steps li { display: inline-block; margin-bottom: 3px; width: 100%; }
.steps li a, .steps li p {
  background: #e5f4fd;
  padding: 8px 20px;
  color: #0077bf;
  display: block;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  text-indent: 12px;
}
.steps li a:hover, .steps li p:hover { text-decoration: none; }
.steps li a:before, .steps li p:before {
  border-bottom: 18px solid transparent;
  border-left: 12px solid #fff;
  border-top: 18px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  margin-top: -18px;
}
.steps li a:after, .steps li p:after {
  border-bottom: 18px solid transparent;
  border-left: 12px solid #e5f4fd;
  border-top: 18px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  /*right: -12px;*/
  left:100%;
  top: 50%;
  width: 0;
  margin-top: -18px;
  z-index: 1;
}
.steps li.current a, .steps li.current p { background: #0077bf; color: #fff; }
.steps li.current a:after, .steps li.current p:after { border-left: 12px solid #0077bf; }
.steps li.next a, .steps li.next p { background: #eee; color: #333; }
.steps li.next a:after, .steps li.next p:after { border-left: 12px solid #eee; }
.steps li.next p { color: #aaa; }