/*************************
# Containers 
**************************/
@media (min-width: 768px) {
  .container-sm {
    max-width: 720px !important;
  }
}

@media (min-width: 1100px) {
  .container {
    max-width: 1100px;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1100px;
  }
}

@media (max-width: 768px) {
  header .container {
    padding: 0;
  }
}

.row > * {
  float: none !important;
  position: unset !important;
  min-height: unset !important;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: inline !important;
}

.w-100 {
  width: 100%;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

  .input-group > .form-control, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group .input-group-addon {
  width: auto;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

/*************************
# Text 
**************************/
@media (min-width: 768px) {
  .text-md-right {
    text-align: right;
  }
}

dt {
  font-weight: normal;
}

dd {
  font-weight: bold;
}

h1, .h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: var(--font-weight-titles);
}

h1, .h1 {
  font-size: var(--font-size-h1);
}
h2, .h2 {
  font-size: var(--font-size-h2);
}
h3, .h3 {
  font-size: var(--font-size-h3);
}
h4, .h4 {
  font-size: var(--font-size-h4);
}
h5, .h5 {
  font-size: var(--font-size-h5);
}
h6, .h6 {
  font-size: var(--font-size-h6);
}

.lead {
  font-size: var(--font-size-lead);
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*************************
# Misc 
**************************/
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0,0,0,0);
}

.embed-responsive .embed-responsive-item, 
.embed-responsive embed, .embed-responsive iframe, 
.embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.breadcrumb {
  margin-bottom: 30px;
}

.h-100 {
  height: 100%;
}

/*************************
# Panels 
**************************/
/*.panel-default {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}*/

  .panel-default .panel-heading {
    border: 0;
    background-color: transparent;
    font-weight: bold;
    font-size: 1.2rem;
  }

/*************************
# Cards 
**************************/
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  background-color: rgb(var(--card-bg));
  box-shadow: var(--shadow-default);
  border-radius: var(--border-radius);
  border: 2px solid transparent;
}

.card-click:hover {
  border-color: rgb(var(--color-primary));
}

.card.card-border {
  border: 1px solid #dddddd;
  box-shadow: none;
}

.card .card-header {
  padding: .9rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-sm .card-body {
  padding: .9rem;
}

/* Card-primary */
.card.card-primary {
  color: rgb(var(--color-primary-inverted));
  background-color: rgb(var(--color-primary));
}

  .card.card-primary h1 small {
    color: rgb(var(--color-primary-inverted));
  }

  .card.card-primary .card-body a {
    color: rgb(var(--color-primary-inverted));
  }

@media (min-width: 768px) {
  .card.card-primary .text-md-right .form-check {
    float: right;
  }
}

.card.card-primary hr {
  border-color: rgb(var(--color-primary-alt));
}
  
/* Card-primary alt */
.card.card-primary-alt {
  color: rgb(var(--color-primary-inverted));
  background-color: rgb(var(--color-primary-alt));
}

  .card.card-primary-alt h1 small {
    color: rgb(var(--color-primary-inverted));
  }

  .card.card-primary-alt .card-body a {
    color: rgb(var(--color-primary-inverted));
  }

/* Card-outline default */
.card.card-outline-default {
  border-color: rgb(var(--color-default));
  box-shadow: none;
}

/*************************
# Well 
**************************/
.well {
  background-color: rgb(var(--card-bg));
  box-shadow: var(--shadow-default);
  border-radius: var(--border-radius);
  border: 0;
  padding: 15px;
}

/*************************
# List group 
**************************/
.list-group .list-group-item {
  border: 1px solid rgb(var(--color-border));
}

.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

  .list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
  }

.list-group-sm .list-group-item {
  padding: 5px 0;
}

.list-group-noborder .list-group-item {
  border: 0;
}

/*************************
# Alerts 
**************************/
.alert {
  font-size: var(--alert-font-size);
}

.alert.alert-warning {
  background-color: rgb(var(--color-warning));
  border-color: rgb(var(--color-warning));
  color: rgb(var(--color-warning-inverted));
}

.alert.alert-success {
  background-color: rgb(var(--color-success));
  border-color: rgb(var(--color-success));
  color: rgb(var(--color-success-inverted));
}

  .alert.alert-danger {
    background-color: rgb(var(--color-danger));
    border-color: rgb(var(--color-danger));
    color: rgb(var(--color-danger-inverted));
  }

/*************************
# Labels and badges
**************************/
.label {
  border: 2px solid transparent;
}

  .label .text-danger {
    color: #000;
  }

.label-success,
.label-success.InlineContextualStatus {
  background-color: transparent;
  border-color: rgb(var(--color-success));
  color: rgb(var(--color-success))
}

.label-info,
.label-info.InlineContextualStatus {
  background-color: transparent;
  border-color: rgb(var(--color-info));
  color: rgb(var(--color-info-inverted))
}

.label-warning,
.label-warning.InlineContextualStatus {
  background-color: transparent;
  border-color: rgb(var(--color-warning));
  color: rgb(var(--color-warning))
}

  .label-danger,
  .label-danger.InlineContextualStatus {
    background-color: transparent;
    border-color: rgb(var(--color-danger));
    color: rgb(var(--color-danger))
  }

.badge-success {
  background-color: rgb(var(--color-success));
  border-color: rgb(var(--color-success));
  color: rgb(var(--color-success-inverted))
}

.badge-danger {
  background-color: rgb(var(--color-danger));
  border-color: rgb(var(--color-danger));
  color: rgb(var(--color-danger-inverted))
}

.badge-warning {
  background-color: rgb(var(--color-warning));
  border-color: rgb(var(--color-warning));
  color: rgb(var(--color-warning-inverted))
}



/*************************
# Buttons 
**************************/
.btn {
  border-radius: var(--border-radius);
  border-width: 2px;
}

.btn-nostyle {
  background: none;
  border: none;
  padding: 0;
}

/* Primary */
.btn-primary {
  color: rgb(var(--color-primary-inverted));
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary))
}

  .btn-primary:focus, .btn-primary.focus {
    color: rgb(var(--color-primary-inverted));
    background-color: rgba(var(--color-primary),.8);
    border-color: rgba(var(--color-primary),.8)
  }

  .btn-primary:hover {
    color: rgb(var(--color-primary-inverted));
    background-color: rgb(var(--color-primary-alt));
    border-color: rgb(var(--color-primary-alt))
  }

  .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: rgb(var(--color-primary-inverted));
    background-color: rgb(var(--color-primary-alt));
    background-image: none;
    border-color: rgb(var(--color-primary-alt))
  }

    .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
      color: rgb(var(--color-primary-inverted));
      background-color: rgba(var(--color-primary),.8);
      border-color: rgba(var(--color-primary),.8)
    }

  .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: rgba(var(--color-primary),.8);
    border-color: rgba(var(--color-primary),.8)
  }

/* Primary outline */
.btn-outline-primary {
  color: rgb(var(--color-primary));
  background-color: transparent;
  border-color: rgb(var(--color-primary))
}

  .btn-outline-primary:focus, .btn-outline-primary.focus {
    color: rgb(var(--color-primary-inverted));
    background-color: rgba(var(--color-primary),.8);
    border-color: rgba(var(--color-primary),.8)
  }

  .btn-outline-primary:hover {
    color: rgb(var(--color-primary-inverted));
    background-color: rgb(var(--color-primary-alt));
    border-color: rgb(var(--color-primary-alt))
  }

  .btn-outline-primary:active, .btn-outline-primary.active, .open > .dropdown-toggle.btn-outline-primary {
    color: rgb(var(--color-primary-inverted));
    background-color: rgb(var(--color-primary-alt));
    background-image: none;
    border-color: rgb(var(--color-primary-alt))
  }

    .btn-outline-primary:active:hover, .btn-outline-primary.active:hover, .open > .dropdown-toggle.btn-outline-primary:hover, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .open > .dropdown-toggle.btn-outline-primary:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active.focus, .open > .dropdown-toggle.btn-outline-primary.focus {
      color: rgb(var(--color-primary-inverted));
      background-color: rgba(var(--color-primary),.8);
      border-color: rgba(var(--color-primary),.8)
    }

  .btn-outline-primary.disabled:hover, .btn-outline-primary[disabled]:hover, fieldset[disabled] .btn-outline-primary:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary[disabled]:focus, fieldset[disabled] .btn-outline-primary:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary[disabled].focus, fieldset[disabled] .btn-outline-primary.focus {
    color: rgba(var(--color-primary),.8);
    background-color: transparent;
    border-color: rgba(var(--color-primary),.8)
  }
/* Secondary */
.btn-secondary {
  color: rgb(var(--color-secondary-inverted));
  background-color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary))
}

  .btn-secondary:focus, .btn-secondary.focus {
    color: rgb(var(--color-secondary-inverted));
    background-color: rgba(var(--color-secondary),.8);
    border-color: rgba(var(--color-secondary),.8)
  }

  .btn-secondary:hover {
    color: rgb(var(--color-secondary-inverted));
    background-color: rgb(var(--color-secondary-alt));
    border-color: rgb(var(--color-secondary-alt))
  }

  .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
    color: rgb(var(--color-secondary-inverted));
    background-color: rgb(var(--color-secondary-alt));
    background-image: none;
    border-color: rgb(var(--color-secondary-alt))
  }

    .btn-secondary:active:hover, .btn-secondary.active:hover, .open > .dropdown-toggle.btn-secondary:hover, .btn-secondary:active:focus, .btn-secondary.active:focus, .open > .dropdown-toggle.btn-secondary:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .open > .dropdown-toggle.btn-secondary.focus {
      color: rgb(var(--color-secondary-inverted));
      background-color: rgba(var(--color-secondary),.8);
      border-color: rgba(var(--color-secondary),.8)
    }

  .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus {
    background-color: rgba(var(--color-secondary),.8);
    border-color: rgba(var(--color-secondary),.8)
  }

/* Secondary outline */
.btn-outline-secondary {
  color: rgb(var(--color-secondary));
  background-color: transparent;
  border-color: rgb(var(--color-secondary))
}

  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    color: rgb(var(--color-secondary-inverted));
    background-color: rgba(var(--color-secondary),.8);
    border-color: rgba(var(--color-secondary),.8)
  }

  .btn-outline-secondary:hover {
    color: rgb(var(--color-secondary-inverted));
    background-color: rgb(var(--color-secondary-alt));
    border-color: rgb(var(--color-secondary-alt))
  }

  .btn-outline-secondary:active, .btn-outline-secondary.active, .open > .dropdown-toggle.btn-outline-secondary {
    color: rgb(var(--color-secondary-inverted));
    background-color: rgb(var(--color-secondary-alt));
    background-image: none;
    border-color: rgb(var(--color-secondary-alt))
  }

    .btn-outline-secondary:active:hover, .btn-outline-secondary.active:hover, .open > .dropdown-toggle.btn-outline-secondary:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .open > .dropdown-toggle.btn-outline-secondary:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active.focus, .open > .dropdown-toggle.btn-outline-secondary.focus {
      color: rgb(var(--color-secondary-inverted));
      background-color: rgba(var(--color-secondary),.8);
      border-color: rgba(var(--color-secondary),.8)
    }

  .btn-outline-secondary.disabled:hover, .btn-outline-secondary[disabled]:hover, fieldset[disabled] .btn-outline-secondary:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary[disabled]:focus, fieldset[disabled] .btn-outline-secondary:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary[disabled].focus, fieldset[disabled] .btn-outline-secondary.focus {
    color: rgba(var(--color-secondary),.8);
    background-color: transparent;
    border-color: rgba(var(--color-secondary),.8)
  }

/* Success */
.btn-success {
  color: rgb(var(--color-success-inverted));
  background-color: rgb(var(--color-success));
  border-color: rgb(var(--color-success))
}

  .btn-success:focus, .btn-success.focus {
    color: rgb(var(--color-success-inverted));
    background-color: rgba(var(--color-success),.8);
    border-color: rgba(var(--color-success),.8)
  }

  .btn-success:hover {
    color: rgb(var(--color-success-inverted));
    background-color: rgb(var(--color-success-alt));
    border-color: rgb(var(--color-success-alt))
  }

  .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: rgb(var(--color-success-inverted));
    background-color: rgb(var(--color-success-alt));
    background-image: none;
    border-color: rgb(var(--color-success-alt))
  }

    .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
      color: rgb(var(--color-success-inverted));
      background-color: rgba(var(--color-success),.8);
      border-color: rgba(var(--color-success),.8)
    }

  .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
    background-color: rgba(var(--color-success),.8);
    border-color: rgba(var(--color-success),.8)
  }

/* Success outline */
.btn-outline-success {
  color: rgb(var(--color-success));
  background-color: transparent;
  border-color: rgb(var(--color-success))
}

  .btn-outline-success:focus, .btn-outline-success.focus {
    color: rgb(var(--color-success-inverted));
    background-color: rgba(var(--color-success),.8);
    border-color: rgba(var(--color-success),.8)
  }

  .btn-outline-success:hover {
    color: rgb(var(--color-success-inverted));
    background-color: rgb(var(--color-success-alt));
    border-color: rgb(var(--color-success-alt))
  }

  .btn-outline-success:active, .btn-outline-success.active, .open > .dropdown-toggle.btn-outline-success {
    color: rgb(var(--color-success-inverted));
    background-color: rgb(var(--color-success-alt));
    background-image: none;
    border-color: rgb(var(--color-success-alt))
  }

    .btn-outline-success:active:hover, .btn-outline-success.active:hover, .open > .dropdown-toggle.btn-outline-success:hover, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .open > .dropdown-toggle.btn-outline-success:focus, .btn-outline-success:active.focus, .btn-outline-success.active.focus, .open > .dropdown-toggle.btn-outline-success.focus {
      color: rgb(var(--color-success-inverted));
      background-color: rgba(var(--color-success),.8);
      border-color: rgba(var(--color-success),.8)
    }

  .btn-outline-success.disabled:hover, .btn-outline-success[disabled]:hover, fieldset[disabled] .btn-outline-success:hover, .btn-outline-success.disabled:focus, .btn-outline-success[disabled]:focus, fieldset[disabled] .btn-outline-success:focus, .btn-outline-success.disabled.focus, .btn-outline-success[disabled].focus, fieldset[disabled] .btn-outline-success.focus {
    color: rgba(var(--color-success),.8);
    background-color: transparent;
    border-color: rgba(var(--color-success),.8)
  }

/* Danger outline */
.btn-outline-danger {
  color: rgb(var(--color-danger));
  background-color: transparent;
  border-color: rgb(var(--color-danger))
}

  .btn-outline-danger:focus, .btn-outline-danger.focus {
    color: rgb(var(--color-danger-inverted));
    background-color: rgba(var(--color-danger),.8);
    border-color: rgba(var(--color-danger),.8)
  }

  .btn-outline-danger:hover {
    color: rgb(var(--color-danger-inverted));
    background-color: rgb(var(--color-danger-alt));
    border-color: rgb(var(--color-danger-alt))
  }

  .btn-outline-danger:active, .btn-outline-danger.active, .open > .dropdown-toggle.btn-outline-danger {
    color: rgb(var(--color-danger-inverted));
    background-color: rgb(var(--color-danger-alt));
    background-image: none;
    border-color: rgb(var(--color-danger-alt))
  }

    .btn-outline-danger:active:hover, .btn-outline-danger.active:hover, .open > .dropdown-toggle.btn-outline-danger:hover, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .open > .dropdown-toggle.btn-outline-danger:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active.focus, .open > .dropdown-toggle.btn-outline-danger.focus {
      color: rgb(var(--color-danger-inverted));
      background-color: rgba(var(--color-danger),.8);
      border-color: rgba(var(--color-danger),.8)
    }

  .btn-outline-danger.disabled:hover, .btn-outline-danger[disabled]:hover, fieldset[disabled] .btn-outline-danger:hover, .btn-outline-danger.disabled:focus, .btn-outline-danger[disabled]:focus, fieldset[disabled] .btn-outline-danger:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger[disabled].focus, fieldset[disabled] .btn-outline-danger.focus {
    color: rgba(var(--color-danger),.8);
    background-color: transparent;
    border-color: rgba(var(--color-danger),.8)
  }

/* Default */
.btn-default {
  color: rgb(var(--color-default-inverted));
  background-color: rgb(var(--color-default));
  border-color: rgb(var(--color-default))
}

  .btn-default:focus, .btn-default.focus {
    color: rgb(var(--color-default-inverted));
    background-color: rgba(var(--color-default),.8);
    border-color: rgba(var(--color-default),.8)
  }

  .btn-default:hover {
    color: rgb(var(--color-default-inverted));
    background-color: rgb(var(--color-default-alt));
    border-color: rgb(var(--color-default-alt))
  }

  .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: rgb(var(--color-default-inverted));
    background-color: rgb(var(--color-default-alt));
    background-image: none;
    border-color: rgb(var(--color-default-alt))
  }

    .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
      color: rgb(var(--color-default-inverted));
      background-color: rgba(var(--color-default),.8);
      border-color: rgba(var(--color-default),.8)
    }

  .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
    background-color: rgba(var(--color-default),.8);
    border-color: rgba(var(--color-default),.8)
  }

/* default outline */
.btn-outline-default {
  color: rgb(var(--color-default));
  background-color: transparent;
  border-color: rgb(var(--color-default))
}

  .btn-outline-default:focus, .btn-outline-default.focus {
    color: rgb(var(--color-default-inverted));
    background-color: rgba(var(--color-default),.8);
    border-color: rgba(var(--color-default),.8)
  }

  .btn-outline-default:hover {
    color: rgb(var(--color-default-inverted));
    background-color: rgb(var(--color-default-alt));
    border-color: rgb(var(--color-default-alt))
  }

  .btn-outline-default:active, .btn-outline-default.active, .open > .dropdown-toggle.btn-outline-default {
    color: rgb(var(--color-default-inverted));
    background-color: rgb(var(--color-default-alt));
    background-image: none;
    border-color: rgb(var(--color-default-alt))
  }

    .btn-outline-default:active:hover, .btn-outline-default.active:hover, .open > .dropdown-toggle.btn-outline-default:hover, .btn-outline-default:active:focus, .btn-outline-default.active:focus, .open > .dropdown-toggle.btn-outline-default:focus, .btn-outline-default:active.focus, .btn-outline-default.active.focus, .open > .dropdown-toggle.btn-outline-default.focus {
      color: rgb(var(--color-default-inverted));
      background-color: rgba(var(--color-default),.8);
      border-color: rgba(var(--color-default),.8)
    }

  .btn-outline-default.disabled:hover, .btn-outline-default[disabled]:hover, fieldset[disabled] .btn-outline-default:hover, .btn-outline-default.disabled:focus, .btn-outline-default[disabled]:focus, fieldset[disabled] .btn-outline-default:focus, .btn-outline-default.disabled.focus, .btn-outline-default[disabled].focus, fieldset[disabled] .btn-outline-default.focus {
    color: rgba(var(--color-default),.8);
    background-color: transparent;
    border-color: rgba(var(--color-default),.8)
  }

/* Btn link */
.btn-link {
  font-weight: 400;
  color: rgb(var(--color-primary));
  border-radius: 0;
}

  .btn-link:hover, .btn-link:focus {
    color: rgb(var(--color-primary-alt));
  }


/*************************
# Forms 
**************************/
.form-control {
  border-width: 2px;
  box-shadow: none !important;
}

.input-lg {
  height: 48px;
}

/* Custom checkbox switch */
.form-switch {
  padding-left: 2.5em;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked {
  background-color: rgba(var(--color-success),.8);
  border-color: rgb(var(--color-success));
}

.form-switch label{
  padding-left: .5rem;
}

/*************************
# Modal 
**************************/
.bootstrap-dialog.type-primary .modal-header {
  background-color: rgb(var(--color-primary)) !important;
}

/*************************
# Pager 
**************************/

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: rgb(var(--color-link));
  border-color: rgb(var(--color-link));
}

.pagination > li > a, .pagination > li > span {
  color: rgb(var(--color-link));
}

/*************************
# Dropdown menu 
**************************/
.dropdown-menu > li > button {
  display: block;
  width: 100%;
  padding: 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  border: 0;
  background-color: transparent;
  text-align: left;
}

  .dropdown-menu > li > button:focus,
  .dropdown-menu > li > button:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }